/*
! tailwindcss v3.3.0 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.isolate{isolation:isolate}.table{display:table}.hidden{display:none}.min-w-0{min-width:0}.resize{resize:both}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-feature-settings:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--canvas:#fff;--surface:#fff;--well:#f7f8fa;--hover:#edf0f5;--text:#20242c;--secondary:#596170;--line:#1a23321f;--accent:#2458c5;--accent-text:#fff;--focus:#2458c5;--error:#a32132;--radius:16px;--padding:8px;color-scheme:light}.dark{--canvas:#111113;--surface:#1c1c1e;--well:#202023;--hover:#303034;--text:#f5f5f7;--secondary:#b4b4be;--line:#ffffff24;--accent:#9fc0ff;--accent-text:#101b30;--focus:#9fc0ff;--error:#ffafb7;color-scheme:dark}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;background:var(--canvas)}body{font-feature-settings:"cv02","cv03","cv04","cv11","ss01","ss03";color:#20242c;color:var(--text);font-family:InterVariable,system-ui,-apple-system,sans-serif;margin:0}button,input,textarea{font:inherit}[tabindex],a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a,button{touch-action:manipulation}svg{flex-shrink:0;height:16px;width:16px}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance;font-weight:600}p{text-wrap:pretty}:focus-visible{outline:2px solid #2458c5;outline:2px solid var(--focus);outline-offset:2px}::selection{background:#4a80e047}.app-shell{background:#fff;background:var(--canvas);display:flex;flex-direction:column;height:100dvh;min-height:36rem}.skip-link{background:#fff;background:var(--surface);border:1px solid #2458c5;border:1px solid var(--focus);border-radius:8px;color:#20242c;color:var(--text);left:8px;padding:12px 16px;position:fixed;top:8px;transform:translateY(-200%);z-index:100}.skip-link:focus{transform:translateY(0)}.app-header{background:#fff;background:var(--surface);border-bottom:1px solid #1a23321f;border-bottom:1px solid var(--line);flex-shrink:0}.header-row{align-items:center;display:flex;gap:16px;min-height:64px;padding:8px 16px}.brand{flex-shrink:0;font-size:20px;letter-spacing:-.035em}.brand a{text-decoration:none}.brand-light{font-weight:400;letter-spacing:-.025em}.header-actions{align-items:center;display:flex;gap:4px;margin-left:auto;min-width:0}.button{align-items:center;background:#0000;border:0;border-radius:8px;color:#20242c;color:var(--text);display:inline-flex;flex-shrink:0;font-size:16px;font-weight:500;gap:8px;justify-content:center;min-height:48px;padding:0 12px;position:relative;text-decoration:none;transition:scale .15s cubic-bezier(.2,0,0,1)}.button:hover:not(:disabled){background:#edf0f5;background:var(--hover)}.button:active:not(:disabled){scale:.96}.button:disabled{color:#596170;color:var(--secondary);opacity:.65}.icon-button{min-width:48px;padding:0 12px}.primary-button{color:#fff;color:var(--accent-text);min-width:104px;padding-left:12px;padding-right:14px}.primary-button,.primary-button:hover:not(:disabled){background:#2458c5;background:var(--accent)}.primary-button:disabled{background:#edf0f5;background:var(--hover);color:#596170;color:var(--secondary);opacity:1}.tool-trigger{background:#f7f8fa;background:var(--well);gap:16px;padding-right:10px}.mode-row{align-items:flex-start;display:flex;flex-direction:column;gap:4px;padding:0 16px 12px}.mobile-tool-summary{align-items:center;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:space-between;min-height:48px;text-align:left;width:100%}.mode-description{color:#596170;color:var(--secondary);font-size:16px;max-width:65ch}.tool-options{display:flex;flex-wrap:wrap;gap:0 16px}.tool-options:empty{display:none}.option-label{align-items:center;cursor:pointer;display:flex;font-size:16px;gap:8px;min-height:48px}.option-label input{accent-color:#2458c5;accent-color:var(--accent);border-radius:4px;height:20px;width:20px}.workspace{flex:1 1;min-height:0}.editor-panel,.workspace{display:flex;flex-direction:column;min-width:0}.editor-panel{background:#fff;background:var(--surface);container-type:inline-size;flex:1 1;min-height:18rem;position:relative}.output-panel{background:#f7f8fa;background:var(--well);border-top:1px solid #1a23321f;border-top:1px solid var(--line)}.panel-toolbar{align-items:center;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;min-height:72px;padding:10px 16px}.panel-heading{display:flex;flex-direction:column;gap:2px;min-width:0}.panel-heading h2,.panel-heading label{font-size:16px;font-weight:600}.panel-heading p{color:#596170;color:var(--secondary);font-size:16px}.panel-actions{align-items:center;display:flex;gap:4px}.text-editor{background:#0000;border:0;border-radius:0;color:#20242c;color:var(--text);flex:1 1;font-family:InterVariable,Noto Sans Phoenician,system-ui,Apple Color Emoji,Segoe UI Emoji,sans-serif;font-size:max(1rem,var(--editor-size));line-height:1.8;min-height:5rem;min-width:0;overflow:auto;overflow-wrap:anywhere;padding:16px 20px;resize:none;text-align:start;white-space:pre-wrap;width:100%}.text-editor::placeholder{color:#596170;color:var(--secondary);opacity:1}.text-editor:focus-visible{outline-offset:-2px}.result{-webkit-user-select:text;user-select:text}.empty-result{align-items:center;color:#596170;color:var(--secondary);display:flex;flex:1 1;flex-direction:column;font-size:16px;gap:8px;justify-content:center;min-height:0;padding:20px;text-align:center}.empty-result svg{height:16px;margin-bottom:4px;width:16px}.empty-result p:first-of-type{color:#20242c;color:var(--text)}.panel-footer{align-items:center;color:#596170;color:var(--secondary);display:flex;flex-shrink:0;flex-wrap:wrap;font-size:16px;gap:0 8px;justify-content:space-between;min-height:56px;padding:4px 16px}.panel-footer>p{min-width:0}.inline-action{align-items:center;border-radius:4px;color:#2458c5;color:var(--accent);display:inline-flex;min-height:48px;text-decoration:underline;text-underline-offset:3px}.inline-action:hover{text-decoration-thickness:2px}.undo-button{color:#2458c5;color:var(--accent)}.panel-divider{display:none}.update-notice{align-items:center;background:#fff;background:var(--surface);border-top:1px solid #1a23321f;border-top:1px solid var(--line);color:#596170;color:var(--secondary);display:flex;flex-shrink:0;font-size:16px;gap:8px;justify-content:space-between;padding:4px 16px}.is-dragging{outline:2px solid #2458c5;outline:2px solid var(--accent);outline-offset:-2px}.drop-label{align-items:center;background:#fff;background:var(--surface);display:flex;font-weight:600;gap:12px;inset:0;justify-content:center;opacity:.95;pointer-events:none;position:absolute}.copy-icons{height:16px;position:relative;width:16px}.copy-icons svg{inset:0;position:absolute;transition:scale .3s cubic-bezier(.2,0,0,1),opacity .3s cubic-bezier(.2,0,0,1),filter .3s cubic-bezier(.2,0,0,1)}.icon-hidden{filter:blur(4px);opacity:0;scale:.25}.icon-visible{filter:blur(0);opacity:1;scale:1}.surface-popover{--radius:16px;--padding:8px;background:#fff;background:var(--surface);border-radius:16px;border-radius:var(--radius);box-shadow:0 0 0 1px #00000014,0 8px 20px #00000014,0 24px 56px #00000014;color:#20242c;color:var(--text)}.dark .surface-popover{border:1px solid #1a23321f;border:1px solid var(--line);box-shadow:none}.tool-menu{--anchor-gap:8px;--anchor-padding:16px;max-height:min(640px,calc(100dvh - 96px));max-width:calc(100vw - 32px);overflow:auto;padding:8px;padding:var(--padding);width:360px;z-index:50}.menu-heading{color:#596170;color:var(--secondary);font-size:14px;padding:8px 12px}.tool-menu-item{align-items:flex-start;border-radius:8px;border-radius:calc(var(--radius) - var(--padding));display:flex;gap:12px;padding:14px 12px;text-align:left;width:100%}.tool-menu-item:hover,.tool-menu-item[data-focus]{background:#edf0f5;background:var(--hover)}.tool-menu-item[aria-current=true]{background:#f7f8fa;background:var(--well)}.tool-check{align-items:center;color:#2458c5;color:var(--accent);display:flex;flex-shrink:0;min-height:24px;width:16px}.tool-title{font-size:16px;font-weight:500}.tool-description{text-wrap:pretty;color:#596170;color:var(--secondary);font-size:16px;margin-top:4px}.status-message{background:#20242c;background:var(--text);border-radius:12px;bottom:24px;color:#fff;color:var(--canvas);font-size:16px;left:50%;max-width:calc(100vw - 32px);opacity:0;padding:12px 16px;pointer-events:none;position:fixed;text-align:center;transition:opacity .15s ease-out,translate .15s ease-out;translate:-50% 8px;width:max-content;z-index:70}.status-visible{opacity:1;translate:-50% 0}.status-error{background:#fff;background:var(--surface);border:1px solid #a32132;border:1px solid var(--error);color:#a32132;color:var(--error)}.app-dialog{position:relative;z-index:60}.dialog-backdrop{background:#0006;inset:0;position:fixed}.dialog-position{align-items:flex-end;display:flex;inset:0;justify-content:center;padding:12px;position:fixed}.dialog-panel{display:flex;flex-direction:column;max-height:calc(100dvh - 24px);max-width:520px;overflow:hidden;width:100%}.dialog-heading{align-items:center;border-bottom:1px solid #1a23321f;border-bottom:1px solid var(--line);display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:12px 16px}.dialog-heading h2{font-size:20px}.dialog-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:8px;padding:var(--padding)}.mobile-tool-list{list-style:none;margin:0;padding:0}.mobile-tool-list .tool-menu-item{justify-content:space-between}.dialog-native-link{color:#2458c5;color:var(--accent);margin:8px}.help-content,.settings-content{display:flex;flex-direction:column;gap:24px;padding:12px}.help-content section,.settings-content section{display:flex;flex-direction:column;gap:8px}.help-content h3,.settings-content h3{font-size:16px}.help-content p,.settings-content p{color:#596170;color:var(--secondary);font-size:16px;line-height:1.6}.size-controls{align-items:center;display:flex;gap:16px}.size-controls output{min-width:48px;text-align:center}.settings-content .size-preview{font-size:var(--preview-size)}.help-content .example-text,.settings-content .size-preview{background:#f7f8fa;background:var(--well);border-radius:8px;color:#20242c;color:var(--text);padding:16px}.help-content .example-text{font-family:InterVariable,Noto Sans Phoenician,system-ui,sans-serif}.shortcut-list{grid-gap:8px;display:grid;gap:8px;list-style:none;margin:0;padding:0}.shortcut-list li{display:flex;font-size:16px;gap:12px}.shortcut-list span{color:#596170;color:var(--secondary);width:20px}.credit a{color:#2458c5;color:var(--accent);text-decoration:underline;text-underline-offset:3px}@container (max-width: 350px){.input-panel .panel-toolbar{align-items:flex-start;flex-wrap:wrap;gap:8px}.input-panel .panel-heading{flex:1 1 100%}.input-panel .panel-actions{margin-left:auto}}@media (min-width:640px){.button{font-size:14px;min-height:36px}.icon-button{min-width:36px}.mode-description,.option-label,.panel-footer,.panel-heading h2,.panel-heading label,.panel-heading p,.update-notice{font-size:14px}.panel-toolbar{min-height:64px}.inline-action,.option-label{min-height:40px}.option-label input{height:16px;width:16px}.dialog-position{align-items:center;padding:24px}.dialog-panel{max-height:calc(100dvh - 48px)}.help-content p,.settings-content p,.shortcut-list li,.tool-description,.tool-title{font-size:14px}}@media (min-width:768px){.workspace{display:grid;grid-template-columns:minmax(0,calc(var(--split) - 6px)) 12px minmax(0,1fr)}.editor-panel{min-height:0}.output-panel{border-top:0}.panel-divider{align-items:center;background:#fff;background:var(--canvas);cursor:col-resize;display:flex;justify-content:center;touch-action:none;-webkit-user-select:none;user-select:none}.panel-divider span{background:#596170;background:var(--secondary);border-radius:2px;display:block;height:32px;width:3px}.panel-divider:focus-visible span,.panel-divider:hover span{background:#2458c5;background:var(--accent)}.panel-divider:focus-visible{outline-offset:-2px}}@media (min-width:1024px){.header-row{gap:24px;padding:12px 24px}.mode-row{align-items:center;flex-direction:row;gap:24px;min-height:40px;padding:0 24px 8px}.tool-options{margin-left:auto}.panel-toolbar{padding:12px 24px}.text-editor{padding:16px 24px}.panel-footer,.update-notice{padding-left:24px;padding-right:24px}}@media (pointer:coarse){.button,.icon-button,.inline-action,.option-label{min-height:48px}.icon-button{min-width:48px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;scroll-behavior:auto!important;transition:none!important}.button:active:not(:disabled){scale:1}}@media (forced-colors:active){.button{border:1px solid ButtonText}.panel-divider span{background:ButtonText}}@media (max-width:1023px){.header-actions .native-link{display:none}}@media (min-width:1024px){.mobile-nav-button,.mobile-tool-summary{display:none}}@media (max-width:767px){.app-shell{height:auto;min-height:100dvh}.workspace{min-height:36rem}}@media (min-width:1024px){.lg\:inline{display:inline}.lg\:flex{display:flex}.lg\:inline-flex{display:inline-flex}.lg\:hidden{display:none}}
/*# sourceMappingURL=main.6914b4ee.css.map*/