.url-tool[data-v-931b653d]{margin-top:var(--space-5);min-width:0}.rules[data-v-931b653d]{color:var(--color-muted);margin-bottom:var(--space-5);font-size:.875rem}.rules p+p[data-v-931b653d]{margin-top:var(--space-3)}.editor-heading[data-v-931b653d]{justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.editor-heading span[data-v-931b653d]{color:var(--color-muted);font-size:.875rem}label[data-v-931b653d]{font-weight:650}textarea[data-v-931b653d]{width:100%;min-width:0;max-width:100%;padding:var(--space-4);resize:vertical;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);color:var(--color-text);font:inherit;overflow-wrap:anywhere;display:block}.actions[data-v-931b653d]{align-items:center;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}button[data-v-931b653d],select[data-v-931b653d]{max-width:100%;min-height:44px;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);color:var(--color-accent);font:inherit}button[data-v-931b653d]{cursor:pointer;font-weight:600}button[data-v-931b653d]:disabled,select[data-v-931b653d]:disabled{color:var(--color-muted);cursor:default;opacity:.65}textarea[data-v-931b653d]:focus-visible,button[data-v-931b653d]:focus-visible,select[data-v-931b653d]:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.status[data-v-931b653d]{min-height:1.7em;margin-block:var(--space-3);color:var(--color-muted);overflow-wrap:anywhere}.workspace[data-v-931b653d]{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;display:grid}.editor-pane[data-v-931b653d],.output-pane[data-v-931b653d]{border:1px solid var(--color-border);border-radius:var(--ui-panel-radius);background:var(--color-surface);min-width:0;padding:16px}textarea[data-v-931b653d]{border-radius:var(--ui-control-radius);font-size:16px;line-height:1.7}button[data-v-931b653d],select[data-v-931b653d]{border-radius:var(--ui-control-radius)}button[data-v-931b653d]:not(:disabled):hover{border-color:var(--color-accent);background:var(--color-accent-soft)}button.action-primary[data-v-931b653d]{background:var(--color-accent);color:var(--color-on-accent);border-color:var(--color-accent)}button.action-primary[data-v-931b653d]:not(:disabled):hover{background:var(--color-accent);text-decoration:underline}button.action-primary[data-v-931b653d]:disabled{background:var(--color-surface);color:var(--color-muted);border-color:var(--color-border)}button.action-quiet[data-v-931b653d]{background:0 0}@media (width>=640px){.editor-pane[data-v-931b653d],.output-pane[data-v-931b653d]{padding:24px}}@media (width>=1200px){.workspace[data-v-931b653d]{grid-template-columns:repeat(2,minmax(0,1fr))}textarea[data-v-931b653d]{height:384px}}textarea[data-v-931b653d]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}#url-output[data-v-931b653d]{margin-top:0}.output-pane>.editor-heading[data-v-931b653d]{min-height:27px}select[data-v-931b653d]{box-sizing:border-box;appearance:none;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px;height:auto;min-height:44px;padding-inline-end:2.5rem;line-height:1.5}@media (width<1200px){textarea[data-v-931b653d]{height:clamp(14rem,36vw,18rem);min-height:12rem}}@media (width<640px){.workspace[data-v-931b653d]{gap:var(--space-4)}.actions[data-v-931b653d]{gap:var(--space-2)}.rules p+p[data-v-931b653d]{margin-top:var(--space-2)}.rules[data-v-931b653d]{margin-bottom:var(--space-4)}.editor-pane>.actions>button[data-v-931b653d]{padding-inline:var(--space-2);flex:none;min-width:44px}.editor-pane>.actions>label[data-v-931b653d],.editor-pane>.actions>select[data-v-931b653d]{flex:none}.editor-pane>.actions>button[data-v-931b653d]:last-child{flex-grow:1}.editor-pane>textarea[aria-invalid=true]~.status[data-v-931b653d]{color:var(--color-text);border-inline-start:3px solid var(--color-accent);background:var(--color-accent-soft);padding:var(--space-2) var(--space-3);overflow-wrap:anywhere;min-width:0;margin-block-start:var(--space-2);font-weight:650}}