:root{font-family:Geist,SF Pro Display,PingFang SC,Inter,system-ui,sans-serif;color:#ecefeb;background:#0b0d0c;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #0b0d0c;--surface: #111412;--surface-2: #161a17;--line: #252a26;--line-soft: #1b201c;--text: #ecefeb;--muted: #8d958f;--faint: #626962;--accent: #b8f35d;--syntax-comment: #68736b;--syntax-punctuation: #a8b0aa;--syntax-property: #8fc7ff;--syntax-number: #f4b978;--syntax-string: #a8d987;--syntax-operator: #d4a5ff;--syntax-keyword: #ff92ad;--syntax-function: #f2dc7d;--syntax-variable: #76d9d0;--sidebar: 252px}:root[data-theme=light]{color:#151814;background:#f4f5f1;--bg: #f4f5f1;--surface: #fafbf8;--surface-2: #eceee8;--line: #d9ddd5;--line-soft: #e6e9e2;--text: #151814;--muted: #626961;--faint: #8b938a;--accent: #70a719;--syntax-comment: #788078;--syntax-punctuation: #59615a;--syntax-property: #1769aa;--syntax-number: #a64b00;--syntax-string: #3f7f24;--syntax-operator: #7942a8;--syntax-keyword: #b42355;--syntax-function: #7d5d00;--syntax-variable: #007d78}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text)}body.editor-fullpage-open{overflow:hidden}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}::selection{background:color-mix(in srgb,var(--accent) 35%,transparent)}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);z-index:20;background:color-mix(in srgb,var(--surface) 96%,transparent);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:24px 14px;transition:width .35s cubic-bezier(.2,.8,.2,1),transform .3s ease}.sidebar.compact{width:72px}.brand{height:42px;padding:0 10px;display:flex;align-items:center;gap:11px;background:none;border:0;cursor:pointer;text-align:left}.brand-mark{width:25px;height:25px;border:1px solid var(--text);border-radius:50%;display:grid;place-items:center;flex:none}.brand-mark span{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 16px var(--accent)}.brand-name{font-size:17px;font-weight:650;letter-spacing:-.04em;white-space:nowrap}.brand-name span{color:var(--muted);font-weight:430}.side-nav{min-height:0;margin-top:28px;display:grid;gap:3px;overflow-y:auto;scrollbar-width:none}.side-nav::-webkit-scrollbar{display:none}.side-nav button,.side-section button,.sidebar-footer button{min-height:42px;width:100%;border:0;border-radius:8px;background:transparent;display:flex;align-items:center;gap:12px;padding:0 12px;color:var(--muted);cursor:pointer;transition:color .2s,background .2s}.side-nav button:hover,.side-section button:hover,.sidebar-footer button:hover,.side-nav button.active,.side-section button.active{color:var(--text);background:var(--surface-2)}.side-nav button.active svg{color:var(--accent)}.side-nav button span,.side-section button span,.sidebar-footer button span{flex:1;text-align:left;font-size:14px;white-space:nowrap}.side-nav small{font-size:11px;color:var(--faint)}.side-section{margin-top:34px;padding-top:20px;border-top:1px solid var(--line-soft)}.side-section>p{padding:0 12px;margin:0 0 10px;color:var(--faint);text-transform:uppercase;font-size:10px;letter-spacing:.13em}.sidebar-footer{margin-top:auto;padding-top:14px;border-top:1px solid var(--line-soft)}.compact .brand{padding:0 9px}.compact .side-nav button,.compact .sidebar-footer button{justify-content:center;padding:0}.main{min-height:100vh;margin-left:var(--sidebar);transition:margin-left .35s cubic-bezier(.2,.8,.2,1)}.main.expanded{margin-left:72px}.topbar{height:72px;position:sticky;top:0;z-index:15;display:flex;align-items:center;padding:0 4.5vw;border-bottom:1px solid var(--line-soft);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.search-trigger{width:min(390px,42vw);height:38px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--muted);padding:0 10px;cursor:pointer;text-align:left}.search-trigger span{flex:1;font-size:13px}kbd{font-family:inherit;font-size:10px;border:1px solid var(--line);border-radius:4px;padding:3px 6px;color:var(--faint);background:var(--surface-2);box-shadow:none}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.local-badge{display:flex;align-items:center;gap:7px;margin-right:8px;color:var(--muted);font-size:11px}.local-badge span,.footer-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px color-mix(in srgb,var(--accent) 70%,transparent)}.icon-button,.mobile-menu{width:38px;height:38px;border:1px solid transparent;background:transparent;display:grid;place-items:center;border-radius:7px;color:var(--muted);cursor:pointer;text-decoration:none}.icon-button:hover,.mobile-menu:hover{color:var(--text);background:var(--surface);border-color:var(--line)}.mobile-menu{display:none}.home,.tool-page{width:min(1180px,calc(100% - 9vw));margin:0 auto}.page-enter{animation:pageIn .5s cubic-bezier(.2,.7,.2,1) both}@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.intro{min-height:480px;padding:92px 0 70px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.intro:after{content:"";position:absolute;width:420px;height:420px;right:-100px;top:10px;opacity:.48;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 18%,transparent),transparent 68%);filter:blur(12px);pointer-events:none;animation:drift 7s ease-in-out infinite alternate}@keyframes drift{to{transform:translate(-35px,20px) scale(1.08)}}.eyebrow{width:100%;display:flex;align-items:center;gap:18px;color:var(--muted);font-size:10px;letter-spacing:.15em;text-transform:uppercase}.eyebrow .line{width:70px;height:1px;background:var(--line)}.intro h1{margin:30px 0 24px;font-size:clamp(48px,6vw,84px);letter-spacing:-.065em;line-height:.98;font-weight:560;max-width:800px;position:relative;z-index:1}.intro h1 em{color:var(--accent);font-style:normal;font-weight:430}.intro>p{width:min(480px,100%);margin:0;color:var(--muted);font-size:15px;line-height:1.8}.quick-section,.directory{padding:70px 0;border-top:1px solid var(--line)}.directory{scroll-margin-top:88px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:34px}.section-heading>div{display:flex;align-items:baseline;gap:18px}.index{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent);font-size:10px}.section-heading h2{font-size:23px;font-weight:520;letter-spacing:-.035em;margin:0}.section-heading>p{margin:0;color:var(--faint);font-size:12px}.featured-tools{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.featured-tool{position:relative;min-height:210px;padding:28px;border:0;border-right:1px solid var(--line);background:transparent;display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;overflow:hidden;text-align:left;transition:background .3s}.featured-tool:last-child{border-right:0}.featured-tool:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:var(--tool-accent);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}.featured-tool:hover{background:var(--surface)}.featured-tool:hover:after{transform:scaleX(1)}.feature-number{font:10px ui-monospace,monospace;color:var(--faint)}.feature-icon{position:absolute;right:28px;top:28px;color:var(--tool-accent);transition:transform .35s ease}.featured-tool:hover .feature-icon{transform:rotate(-8deg) scale(1.1)}.feature-copy{margin-top:auto;display:grid;gap:7px}.feature-copy strong{font-size:17px;font-weight:520}.feature-copy small{font-size:12px;color:var(--muted)}.feature-arrow{position:absolute;right:28px;bottom:28px;color:var(--faint);transition:transform .3s,color .3s}.featured-tool:hover .feature-arrow{transform:translate(3px,-3px);color:var(--tool-accent)}.inline-search{display:flex;align-items:center;gap:8px;color:var(--faint);border-bottom:1px solid var(--line);padding:0 0 7px}.inline-search:focus-within{border-color:var(--accent);color:var(--text)}.inline-search input{width:160px;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}.directory-actions{display:flex;align-items:flex-end;gap:14px}.view-switcher{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--line);border-radius:7px;background:var(--surface)}.view-switcher button{width:28px;height:26px;display:grid;place-items:center;border:0;border-radius:4px;background:transparent;color:var(--faint);cursor:pointer}.view-switcher button:hover,.view-switcher button.active{color:var(--text);background:var(--surface-2)}.tool-list{border-top:1px solid var(--line)}.tool-row{width:100%;min-height:74px;display:grid;grid-template-columns:46px minmax(150px,.8fr) minmax(240px,1.4fr) 90px 30px;align-items:center;gap:16px;border:0;border-bottom:1px solid var(--line-soft);background:transparent;cursor:pointer;text-align:left;transition:background .2s,padding .25s;content-visibility:auto;contain-intrinsic-size:auto 74px}.tool-row:hover{background:var(--surface);padding-left:12px}.tool-icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);color:var(--tool-accent);border-radius:8px;background:var(--surface)}.tool-name{font-size:14px;font-weight:520}.tool-description{font-size:12px;color:var(--muted)}.tool-category{width:fit-content;padding:4px 8px;border:1px solid var(--line);border-radius:20px;color:var(--faint);font-size:10px}.row-arrow{color:var(--faint);text-align:center;transition:transform .2s,color .2s}.tool-row:hover .row-arrow{transform:translate(2px,-2px);color:var(--accent)}.tool-list.is-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;border-top:0;background:var(--line)}.tool-list.is-grid .tool-row{min-height:190px;padding:20px;display:flex;align-items:flex-start;flex-direction:column;gap:14px;border:0;background:var(--surface);contain-intrinsic-size:auto 190px}.tool-list.is-grid .tool-row:hover{padding-left:20px;background:color-mix(in srgb,var(--surface) 82%,var(--tool-accent))}.tool-list.is-grid .tool-icon{width:40px;height:40px}.tool-list.is-grid .tool-name{margin-top:auto}.tool-list.is-grid .tool-description{max-width:26ch;line-height:1.55}.tool-list.is-grid .tool-category{order:-1;position:absolute;top:20px;right:20px}.tool-list.is-grid .row-arrow{position:absolute;right:20px;bottom:20px}.empty-state{padding:80px 0;text-align:center;color:var(--faint)}.empty-state svg{color:var(--line)}.empty-state button{border:0;color:var(--accent);background:transparent;cursor:pointer}.privacy-band{margin:60px 0 90px;min-height:260px;padding:50px 8%;display:grid;grid-template-columns:190px 1fr;align-items:center;gap:7%;background:var(--surface);border:1px solid var(--line-soft);overflow:hidden}.privacy-orbit{width:150px;height:150px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;position:relative;color:var(--accent)}.privacy-orbit:before{content:"";position:absolute;width:105px;height:105px;border:1px dashed var(--line);border-radius:50%;animation:spin 18s linear infinite}.privacy-orbit i{position:absolute;width:7px;height:7px;background:var(--accent);border-radius:50%;top:16px}.privacy-orbit i:last-child{top:auto;bottom:26px;right:18px;opacity:.35}@keyframes spin{to{transform:rotate(360deg)}}.privacy-band>div:last-child span{font-size:9px;letter-spacing:.16em;color:var(--accent)}.privacy-band h2{margin:14px 0 12px;font-weight:520;font-size:27px;letter-spacing:-.04em}.privacy-band p{max-width:590px;margin:0;color:var(--muted);font-size:13px;line-height:1.75}footer{width:min(1180px,calc(100% - 9vw));min-height:86px;margin:0 auto;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--faint);font-size:11px}footer>span:first-child{display:flex;align-items:center;gap:9px}.tool-page{padding:54px 0 90px;min-height:calc(100vh - 160px)}.back-link{border:0;background:transparent;color:var(--muted);font-size:12px;padding:0;cursor:pointer}.back-link:hover{color:var(--text)}.tool-title-line{display:flex;align-items:center;gap:22px;padding:30px 0 42px}.large-tool-icon{width:62px;height:62px;display:grid;place-items:center;color:var(--tool-accent);border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:inset 0 0 30px color-mix(in srgb,var(--tool-accent) 5%,transparent)}.tool-title-line>div{flex:1}.tool-title-line p{color:var(--tool-accent);font-size:9px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 7px}.tool-title-line h1{font-size:clamp(28px,4vw,43px);letter-spacing:-.055em;line-height:1;font-weight:560;margin:0 0 9px}.tool-title-line div>span{color:var(--muted);font-size:12px}.favorite-button{border:1px solid var(--line);background:var(--surface);border-radius:7px;height:38px;padding:0 13px;display:flex;align-items:center;gap:7px;color:var(--muted);cursor:pointer;font-size:12px}.favorite-button:hover,.favorite-button.selected{color:var(--tool-accent);border-color:color-mix(in srgb,var(--tool-accent) 35%,var(--line))}.workspace{position:relative;border:1px solid var(--line);background:var(--surface);min-height:480px}.tool-loading{min-height:478px;display:flex;align-items:center;justify-content:center;gap:14px;color:var(--muted)}.tool-loading-mark{width:18px;height:18px;border:2px solid var(--line);border-top-color:var(--tool-accent);border-radius:50%;animation:tool-loading-spin .8s linear infinite}.tool-loading>div{display:grid;gap:3px}.tool-loading strong{color:var(--text);font-size:12px;font-weight:560}.tool-loading small{font-size:10px}@keyframes tool-loading-spin{to{transform:rotate(360deg)}}.tool-page.is-fullpage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;width:100%;min-height:0;margin:0;padding:0;background:var(--bg);animation:none}.tool-page.is-fullpage>.tool-header,.tool-page.is-fullpage>.tool-note{display:none}.tool-page.is-fullpage>.workspace{width:100%;height:100dvh;min-height:0;border:0}.workspace-viewbar{min-height:43px;padding:6px 10px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;background:color-mix(in srgb,var(--surface) 96%,var(--bg))}.workspace-fullpage-toggle{height:30px;padding:0 9px;border:1px solid var(--line);border-radius:5px;background:transparent;display:inline-flex;align-items:center;gap:6px;color:var(--muted);cursor:pointer;font-size:10px}.workspace-fullpage-toggle:hover{color:var(--text);border-color:color-mix(in srgb,var(--tool-accent) 45%,var(--line));background:var(--surface-2)}.tool-page.is-fullpage>.workspace:not(.image-workspace){overflow:auto}.tool-page.is-fullpage .workspace-viewbar{position:sticky;top:0;z-index:20}.workspace-toolbar{min-height:57px;padding:9px 12px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px}.workspace-toolbar button,.generator-controls>button,.generator-controls .mini-action{border:1px solid transparent;border-radius:6px;background:transparent;padding:0 12px;height:36px;display:flex;align-items:center;gap:7px;color:var(--muted);cursor:pointer;font-size:12px}.workspace-toolbar button:hover,.generator-controls>button:hover{background:var(--surface-2);color:var(--text)}.workspace-toolbar .primary-action,.generator-controls .primary-action{color:#111;background:var(--tool-accent);border-color:var(--tool-accent)}.workspace-toolbar .primary-action:hover,.generator-controls .primary-action:hover{background:color-mix(in srgb,var(--tool-accent) 85%,white);color:#111}.segmented button.active{background:var(--surface-2);color:var(--text)}.segmented>span{flex:1}.workspace-toolbar select{min-width:140px;height:34px;border:1px solid var(--line);border-radius:6px;background:var(--surface-2);color:var(--text);padding:0 10px;outline:0}.workspace-toolbar .toolbar-download{height:34px;padding:0 10px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:6px;color:var(--muted);text-decoration:none;font-size:11px}.workspace-toolbar .toolbar-download:hover{color:var(--text);border-color:var(--tool-accent)}.toolbar-field{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.toolbar-field input{width:100px;height:34px;padding:0 8px;border:1px solid var(--line);border-radius:6px;outline:0;color:var(--text);background:var(--surface-2);font:11px ui-monospace,monospace}.toolbar-file{height:34px;padding:0 10px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:6px;color:var(--muted);cursor:pointer;font-size:11px;white-space:nowrap}.toolbar-file:hover{color:var(--text);border-color:var(--tool-accent)}.toolbar-file input{display:none}.toolbar-check{display:inline-flex;align-items:center;gap:6px;margin-left:6px;color:var(--muted);font-size:11px;white-space:nowrap}.toolbar-check input{accent-color:var(--tool-accent)}.dual-editor{min-height:420px;display:grid;grid-template-columns:1fr 1fr}.dual-editor.compact{min-height:300px;border-top:1px solid var(--line)}.editor-panel{min-width:0;display:flex;flex-direction:column}.dual-editor>.editor-panel:first-child{border-right:1px solid var(--line)}.panel-label{min-height:42px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-soft);color:var(--faint);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.code-editor{position:relative;flex:0 1 auto;width:100%;height:330px;min-height:180px;resize:vertical;overflow:hidden;background:color-mix(in srgb,var(--surface) 95%,var(--bg))}.code-editor textarea,.code-editor pre{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;border:0;padding:18px;overflow:auto;white-space:pre;-moz-tab-size:2;tab-size:2;font:12px/1.7 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.code-editor textarea{z-index:2;resize:none;outline:0;background:transparent;color:var(--text);caret-color:var(--text)}.code-editor pre{z-index:1;pointer-events:none;color:var(--text)}.code-editor pre code{font:inherit}.code-editor.has-line-numbers textarea,.code-editor.has-line-numbers pre{padding-left:66px}.line-numbers{position:absolute;z-index:3;inset:0 auto 0 0;width:48px;padding:18px 10px 18px 0;overflow:hidden;border-right:1px solid var(--line-soft);color:var(--faint);background:color-mix(in srgb,var(--surface) 96%,var(--bg));text-align:right;white-space:pre;pointer-events:none;-webkit-user-select:none;user-select:none;font:10px/2.04 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.code-editor.has-highlighting:not(.is-empty) textarea{color:transparent;-webkit-text-fill-color:transparent}.code-editor.has-highlighting textarea::selection{background:color-mix(in srgb,var(--tool-accent) 32%,transparent);-webkit-text-fill-color:transparent}.code-editor textarea:focus{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tool-accent) 50%,transparent)}.code-editor .editor-empty{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;pointer-events:none;color:var(--faint);font-size:11px;text-align:center}.code-output{min-height:330px;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;background:color-mix(in srgb,var(--surface) 95%,var(--bg))}.code-output.has-line-numbers:not(.is-empty){grid-template-columns:48px minmax(0,1fr)}.code-output pre{min-width:0;min-height:330px;margin:0;padding:18px;overflow-x:auto;color:var(--text);white-space:pre;-moz-tab-size:2;tab-size:2;font:12px/1.7 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.code-output pre code{font:inherit}.code-output.wrap-long-lines pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all}.output-line-numbers{padding:18px 10px 18px 0;border-right:1px solid var(--line-soft);color:var(--faint);background:color-mix(in srgb,var(--surface) 96%,var(--bg));text-align:right;white-space:pre;-webkit-user-select:none;user-select:none;font:10px/2.04 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.code-output .editor-empty{min-height:330px;display:grid;place-items:center;padding:24px;color:var(--faint);font-size:11px;text-align:center}.language-badge{padding:3px 6px;border:1px solid var(--line);border-radius:4px;color:var(--faint);font:8px ui-monospace,monospace;letter-spacing:.08em}.panel-label>div{display:flex;align-items:center;gap:6px}.mini-action.error{color:#ff9b9b}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:var(--syntax-comment);font-style:italic}.token.punctuation{color:var(--syntax-punctuation)}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:var(--syntax-property)}.token.boolean,.token.number{color:var(--syntax-number)}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:var(--syntax-string)}.token.operator,.token.entity,.token.url,.language-css .token.string{color:var(--syntax-operator)}.token.atrule,.token.attr-value,.token.keyword{color:var(--syntax-keyword)}.token.function,.token.class-name{color:var(--syntax-function)}.token.regex,.token.important,.token.variable{color:var(--syntax-variable)}.editor-panel textarea::placeholder{color:var(--faint)}.mini-action{min-width:0;height:28px;padding:0 7px;border:0;border-radius:4px;background:transparent;display:inline-flex;align-items:center;gap:5px;color:var(--muted);cursor:pointer;font-size:10px;text-transform:none;letter-spacing:0}.mini-action:hover:not(:disabled){color:var(--text);background:var(--surface-2)}.mini-action:disabled{opacity:.35;cursor:default}.status-line{min-height:39px;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px;padding:0 15px;color:#8ddd83;font-size:11px}.status-line.error{color:#ff8b8b}.status-line.warning{color:#e9c46a}.tool-note{margin-top:14px;display:flex;align-items:center;gap:8px;color:var(--faint);font-size:10px}.tool-note strong{color:var(--muted);font-weight:520}.toolbar-hint{margin-left:auto;color:var(--faint);font-size:10px}.json-toolbar{flex-wrap:wrap}.json-toolbar .toolbar-field select{min-width:98px}.stacked-workspace>.editor-panel .code-editor{min-height:130px}.stacked-workspace>.editor-panel .code-output{min-height:130px}.stacked-workspace>.editor-panel .code-output pre,.stacked-workspace>.editor-panel .code-output .editor-empty{min-height:130px}.generator-controls{min-height:70px;padding:14px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px}.generator-controls label{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;margin-right:auto}.generator-controls input{width:70px;height:36px;background:var(--surface-2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:0 9px;outline:0}.result-lines{padding:8px 18px 20px}.result-lines>div{min-height:50px;display:grid;grid-template-columns:80px 1fr auto;align-items:center;border-bottom:1px solid var(--line-soft)}.result-lines>div>span{color:var(--faint);font:10px ui-monospace,monospace}.result-lines code,.date-details code,.color-values code{color:var(--text);font:12px ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.timestamp-layout{padding:28px}.live-time{min-height:130px;display:grid;grid-template-columns:1fr auto;align-content:center;border-bottom:1px solid var(--line)}.live-time>span{grid-column:1 / -1;color:var(--faint);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.live-time strong{font:clamp(32px,6vw,60px) ui-monospace,monospace;letter-spacing:-.05em;font-weight:420;color:var(--tool-accent)}.field-group{padding:34px 0;display:grid;grid-template-columns:1fr 40px 1fr;align-items:end}.field-group.reverse-date{border-top:1px solid var(--line-soft)}.field-group label,.color-values>label{display:grid;gap:10px;color:var(--muted);font-size:11px}.field-group input,.color-values input{height:48px;border:1px solid var(--line);border-radius:6px;background:var(--surface-2);color:var(--text);padding:0 13px;outline:0;font:13px ui-monospace,monospace}.field-group input:focus,.color-values input:focus{border-color:var(--tool-accent)}.conversion-arrow{text-align:center;padding-bottom:14px;color:var(--faint)}.date-details{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.date-details>div{display:grid;gap:10px;padding:22px 0}.date-details>div:last-child{border-left:1px solid var(--line);padding-left:22px}.date-details span{font-size:10px;color:var(--faint)}.stats-strip{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--line)}.stats-strip>div{min-height:110px;display:flex;flex-direction:column;justify-content:center;padding:20px;border-right:1px solid var(--line)}.stats-strip>div:last-child{border-right:0}.stats-strip strong{color:var(--tool-accent);font-size:25px;font-weight:520}.stats-strip span{margin-top:7px;color:var(--faint);font-size:10px}.workspace>.editor-panel .code-editor{min-height:330px}.color-layout{min-height:480px;display:grid;grid-template-columns:1.1fr .9fr}.color-stage{min-height:480px;padding:42px;display:flex;align-items:center;justify-content:center;background:var(--bg)}.color-picker{width:min(360px,100%);display:grid;gap:18px}.saturation-panel{position:relative;width:100%;aspect-ratio:1.7;border:0;border-radius:9px;cursor:crosshair;box-shadow:inset 0 0 0 1px #ffffff2e;touch-action:none}.saturation-panel>i{position:absolute;width:18px;height:18px;border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0006,0 2px 8px #00000040;pointer-events:none}.color-control{display:grid;gap:8px;color:var(--muted);font-size:10px}.color-control>span{display:flex;justify-content:space-between}.color-control input[type=range]{width:100%;margin:0;accent-color:var(--tool-accent);cursor:pointer}.hue-control input[type=range]{height:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:99px;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.alpha-control input[type=range]{height:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:99px;background-image:linear-gradient(45deg,#d4d8d2 25%,transparent 25%),linear-gradient(-45deg,#d4d8d2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d4d8d2 75%),linear-gradient(-45deg,transparent 75%,#d4d8d2 75%),linear-gradient(to right,transparent,var(--color-solid));background-size:10px 10px,10px 10px,10px 10px,10px 10px,auto;background-position:0 0,0 5px,5px -5px,-5px 0,0 0}.color-swatch{width:100%;height:54px;border-radius:7px;background-image:linear-gradient(45deg,var(--line) 25%,transparent 25%),linear-gradient(-45deg,var(--line) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--line) 75%),linear-gradient(-45deg,transparent 75%,var(--line) 75%);background-size:14px 14px;background-position:0 0,0 7px,7px -7px,-7px 0;overflow:hidden}.color-swatch>span{display:block;width:100%;height:100%}.color-values{padding:32px;display:flex;flex-direction:column;gap:16px}.color-values>div{min-height:62px;display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.color-values>div>span{color:var(--faint);font-size:10px}.color-values>label small{color:var(--faint);font-size:10px}.regex-input{min-height:64px;padding:11px 16px;display:flex;align-items:center;border-bottom:1px solid var(--line);color:var(--tool-accent);font:15px ui-monospace,monospace}.regex-input input{flex:1;height:40px;border:0;background:transparent;color:var(--text);outline:0;font:13px ui-monospace,monospace}.regex-input .flags{flex:none;width:50px;color:var(--tool-accent)}.match-list{padding:8px 17px;flex:1}.match-list>div{min-height:47px;display:grid;grid-template-columns:35px 1fr auto;align-items:center;border-bottom:1px solid var(--line-soft);gap:10px}.match-list>div>span,.match-list small{color:var(--faint);font-size:10px}.match-list code{color:var(--tool-accent);font:12px ui-monospace,monospace}.match-list dl{grid-column:2 / -1;display:grid;gap:4px;width:100%;margin:-2px 0 12px}.match-list dl>div{display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px}.match-list dt{color:var(--syntax-keyword);font:10px ui-monospace,monospace}.match-list dd{min-width:0;margin:0;color:var(--muted);font:10px ui-monospace,monospace;overflow-wrap:anywhere}.match-list>p{color:var(--faint);font-size:12px}.match-list .regex-error{color:#ff8b8b}.regex-options label{display:inline-flex;align-items:center;gap:6px;padding:0 7px;color:var(--muted);font-size:11px}.regex-options input{accent-color:var(--tool-accent)}.regex-options code{color:var(--tool-accent);font-size:9px}.diff-output{border-top:1px solid var(--line);min-height:230px}.diff-output .panel-label>span:last-child{color:var(--faint);letter-spacing:0;text-transform:none}.diff-line{min-height:30px;display:grid;grid-template-columns:42px 18px minmax(0,1fr);align-items:center;padding:0 16px;font:11px/1.5 ui-monospace,monospace}.diff-line code{color:var(--faint);font-size:10px}.diff-line pre{min-width:0;margin:0;overflow:auto;white-space:pre-wrap;color:var(--muted)}.diff-line.add{background:color-mix(in srgb,#5edb8a 9%,transparent)}.diff-line.add span,.diff-line.add pre{color:#8ddd83}.diff-line.remove{background:color-mix(in srgb,#ff7f7f 9%,transparent)}.diff-line.remove span,.diff-line.remove pre{color:#ff9b9b}.json-diff-inputs{display:grid;grid-template-columns:1fr 1fr;min-height:420px;border-bottom:1px solid var(--line)}.json-diff-inputs>.editor-panel:first-child{border-right:1px solid var(--line)}.json-diff-result{min-height:260px}.json-diff-result-head{min-height:70px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.json-diff-result-head>div:first-child{min-width:0;display:grid;gap:5px}.result-kicker{color:var(--tool-accent);font:9px ui-monospace,monospace;letter-spacing:.14em}.json-diff-result-head strong{font-size:16px;font-weight:520}.json-diff-result-head small{color:var(--faint);font-size:11px;overflow-wrap:anywhere}.diff-summary{display:flex;align-items:center;gap:10px;white-space:nowrap}.diff-summary>span{font:11px ui-monospace,monospace}.summary-add{color:#8ddd83}.summary-remove{color:#ff9b9b}.json-diff-lines{max-height:520px;overflow:auto;padding:8px 0}.json-diff-line{min-height:29px;display:grid;grid-template-columns:40px 40px 18px minmax(0,1fr);align-items:center;padding:0 16px;font:11px/1.5 ui-monospace,monospace}.json-diff-line>code{color:var(--faint);font-size:10px;text-align:right;padding-right:10px}.json-diff-line>span{color:var(--faint);text-align:center}.json-diff-line pre{min-width:0;margin:0;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted)}.json-diff-line.add{background:color-mix(in srgb,#5edb8a 10%,transparent)}.json-diff-line.add>span,.json-diff-line.add pre{color:#8ddd83}.json-diff-line.remove{background:color-mix(in srgb,#ff7f7f 10%,transparent)}.json-diff-line.remove>span,.json-diff-line.remove pre{color:#ff9b9b}.json-diff-empty{min-height:150px;padding:35px 16px;display:grid;place-items:center;color:var(--muted);font-size:12px}.json-diff-empty.error{color:#ff9b9b}.generated-value{min-height:150px;padding:28px;display:flex;align-items:center;gap:16px;background:color-mix(in srgb,var(--tool-accent) 5%,transparent);border-bottom:1px solid var(--line)}.generated-value code{flex:1;overflow-wrap:anywhere;color:var(--tool-accent);font:20px/1.5 ui-monospace,monospace}.check-label{margin-right:0!important}.generator-controls select{height:36px;min-width:95px;padding:0 9px;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:6px;outline:0}.permission-tool{min-height:420px}.permission-grid{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.permission-grid>div{min-height:210px;padding:28px;display:grid;align-content:center;gap:16px;border-right:1px solid var(--line)}.permission-grid>div:last-child{border-right:0}.permission-grid strong{color:var(--tool-accent);font-size:14px;font-weight:520}.permission-grid label{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:12px}.permission-grid input,.check-label input{accent-color:var(--tool-accent)}.permission-result{display:grid;grid-template-columns:80px 1fr 70px 1fr auto;align-items:center;gap:18px;min-height:90px;padding:20px 28px}.permission-result span{color:var(--faint);font-size:10px}.permission-result strong{color:var(--tool-accent);font:24px ui-monospace,monospace}.permission-result code{color:var(--text);font:12px ui-monospace,monospace}.reference-tool{min-height:420px}.reference-search{height:62px;padding:0 17px;display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line);color:var(--faint)}.reference-search input{flex:1;height:100%;border:0;outline:0;color:var(--text);background:transparent;font-size:13px}.tool-table>div{min-height:58px;display:grid;grid-template-columns:110px 1fr minmax(180px,1fr) auto;align-items:center;gap:15px;padding:0 18px;border-bottom:1px solid var(--line-soft)}.tool-table strong{color:var(--tool-accent);font:13px ui-monospace,monospace}.tool-table span{color:var(--text);font-size:12px}.tool-table small{color:var(--muted);font-size:12px}.tool-table code{color:var(--text);font:12px ui-monospace,monospace}.cron-workspace{min-height:640px}.cron-toolbar{flex-wrap:wrap}.cron-toolbar button.active{color:var(--text);border-color:color-mix(in srgb,var(--tool-accent) 45%,var(--line));background:color-mix(in srgb,var(--tool-accent) 8%,var(--surface-2))}.cron-timezone{margin-left:auto;display:inline-flex;align-items:center;gap:8px;color:var(--faint);font-size:10px;white-space:nowrap}.cron-timezone select{min-width:185px}.cron-input{min-height:112px;padding:27px 20px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;color:var(--tool-accent);font:15px ui-monospace,monospace}.cron-input>label{letter-spacing:-.03em}.cron-input input{height:54px;min-width:0;padding:0 15px;border:1px solid var(--line);border-radius:7px;outline:0;color:var(--text);background:var(--surface-2);font:clamp(14px,2vw,18px) ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.015em;transition:border-color .16s,box-shadow .16s}.cron-input input:focus{border-color:var(--tool-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--tool-accent) 12%,transparent)}.cron-input.is-invalid input{border-color:color-mix(in srgb,#ff7272 65%,var(--line))}.cron-input.is-invalid input:focus{box-shadow:0 0 0 3px color-mix(in srgb,#ff7272 10%,transparent)}.cron-input>.mini-action{height:34px;padding-inline:10px}.cron-token-strip{min-width:0;display:flex;overflow-x:auto;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line);scrollbar-width:thin}.cron-token-strip button{flex:1 0 100px;min-width:0;min-height:58px;padding:9px 12px;border:0;border-right:1px solid var(--line);display:grid;align-content:center;gap:4px;color:var(--muted);background:transparent;cursor:text;text-align:left}.cron-token-strip button:last-child{border-right:0}.cron-token-strip button:hover{background:var(--surface-2)}.cron-token-strip span{color:var(--faint);font-size:9px}.cron-token-strip code{min-width:0;overflow:hidden;color:var(--text);font:12px ui-monospace,SFMono-Regular,Menlo,monospace;text-overflow:ellipsis}.cron-token-strip button.invalid{background:color-mix(in srgb,#ff7272 7%,transparent)}.cron-token-strip button.invalid span,.cron-token-strip button.invalid code{color:#ff8b8b}.cron-token-strip button.missing code{font-style:italic}.cron-field-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid var(--line)}.cron-field-grid section{min-width:0;min-height:132px;padding:17px 15px;border-right:1px solid var(--line);display:grid;align-content:start;gap:12px}.cron-field-grid section:last-child{border-right:0}.cron-field-grid header{min-width:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px}.cron-field-grid header>span{color:var(--tool-accent);font:9px ui-monospace,monospace}.cron-field-grid header strong{font-size:12px;font-weight:560}.cron-field-grid header code{min-width:0;max-width:75px;overflow:hidden;color:var(--text);font:11px ui-monospace,monospace;text-overflow:ellipsis;white-space:nowrap}.cron-field-grid p{margin:0;color:var(--muted);font-size:11px;line-height:1.55;overflow-wrap:anywhere}.cron-field-grid small{margin-top:auto;color:var(--faint);font-size:9px;line-height:1.4}.cron-field-grid section.invalid{background:color-mix(in srgb,#ff7272 6%,transparent)}.cron-field-grid section.invalid header>span,.cron-field-grid section.invalid p{color:#ff8b8b}.cron-analysis{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(285px,.75fr);border-bottom:1px solid var(--line)}.cron-description{min-height:220px;padding:31px 28px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line)}.cron-description h2{max-width:760px;margin:13px 0 19px;color:var(--text);font-size:clamp(19px,2.2vw,27px);font-weight:520;line-height:1.4;letter-spacing:-.035em}.cron-description p{margin:0;display:flex;align-items:center;gap:7px;color:#8ddd83;font-size:11px}.cron-analysis.invalid .cron-description p,.cron-analysis.invalid .cron-description .result-kicker{color:#ff8b8b}.cron-next-runs{min-width:0;padding:22px 24px}.cron-next-runs>header{min-height:40px;display:flex;align-items:flex-start;justify-content:space-between;gap:15px;color:var(--tool-accent)}.cron-next-runs>header>div{display:grid;gap:5px}.cron-next-runs>header strong{color:var(--muted);font-size:10px;font-weight:500}.cron-next-runs ol{padding:4px 0 0;margin:0;list-style:none}.cron-next-runs li{min-height:37px;display:grid;grid-template-columns:28px 1fr;align-items:center;gap:8px;border-bottom:1px solid var(--line-soft)}.cron-next-runs li:last-child{border-bottom:0}.cron-next-runs li span{color:var(--faint);font:9px ui-monospace,monospace}.cron-next-runs time{color:var(--text);font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.cron-next-empty{min-height:140px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:var(--faint);text-align:center;font-size:10px}.ascii-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;padding:1px;background:var(--line)}.ascii-grid>div{min-height:68px;padding:12px;display:grid;grid-template-columns:1fr auto;align-content:center;gap:3px 8px;background:var(--surface)}.ascii-grid strong{grid-row:span 2;color:var(--tool-accent);font:23px ui-monospace,monospace}.ascii-grid span,.ascii-grid code{color:var(--faint);font:10px ui-monospace,monospace;text-align:right}.image-tool-layout{min-height:480px;display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr);gap:0;align-content:start}.upload-drop{min-height:250px;margin:24px;padding:30px 20px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;border:1px dashed var(--line);color:var(--muted);cursor:pointer;text-align:center;transition:border-color .2s,color .2s,background .2s}.upload-drop:hover{border-color:var(--tool-accent);color:var(--text);background:color-mix(in srgb,var(--tool-accent) 5%,transparent)}.upload-drop.is-dragging{border-color:var(--tool-accent);color:var(--text);background:color-mix(in srgb,var(--tool-accent) 10%,transparent)}.upload-drop svg{color:var(--tool-accent)}.upload-drop strong{font-size:13px;font-weight:520}.upload-drop span{color:var(--faint);font-size:10px}.upload-drop input{display:none}.image-preview{min-height:250px;margin:24px 24px 24px 0;padding:20px;display:grid;place-items:center;background-color:var(--bg);background-image:linear-gradient(45deg,var(--line) 25%,transparent 25%),linear-gradient(-45deg,var(--line) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--line) 75%),linear-gradient(-45deg,transparent 75%,var(--line) 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.image-preview img{max-width:100%;max-height:310px;object-fit:contain}.converter-options{grid-column:1 / -1;min-height:70px;padding:15px 24px;display:flex;align-items:center;gap:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.converter-options label{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px}.converter-options select{height:34px;padding:0 9px;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:6px;outline:0}.converter-options input[type=range]{width:120px;accent-color:var(--tool-accent)}.converter-options input[type=color]{width:34px;height:30px;padding:2px;border:1px solid var(--line);border-radius:5px;background:var(--surface-2)}.converter-options button,.converter-options .converter-download{height:35px;padding:0 12px;margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:#111;background:var(--tool-accent);border:1px solid var(--tool-accent);border-radius:6px;cursor:pointer;font-size:11px}.converter-options .converter-download{text-decoration:none}.converter-options button:disabled{opacity:.35;cursor:default}.converter-options .file-summary{color:var(--faint);font-size:10px}.favicon-sizes{gap:6px}.favicon-sizes>span{margin-right:8px;color:var(--muted);font-size:11px}.favicon-sizes button{width:42px;margin-left:0;padding:0;justify-content:center;text-align:center;color:var(--muted);background:transparent;border-color:var(--line)}.favicon-sizes button.selected{color:#111;background:var(--tool-accent);border-color:var(--tool-accent)}.favicon-sizes .favicon-download{min-height:35px;margin-left:auto;padding:0 12px;display:inline-flex;align-items:center;gap:6px;color:#111;background:var(--tool-accent);border-radius:6px;text-decoration:none;font-size:11px}.image-data{grid-column:1 / -1;border-top:1px solid var(--line)}.image-data textarea{width:100%;min-height:130px;padding:16px;resize:vertical;border:0;outline:0;color:var(--muted);background:transparent;font:10px/1.6 ui-monospace,monospace}.download-link{grid-column:1 / -1;width:fit-content;margin:0 24px 24px auto;height:36px;padding:0 12px;display:inline-flex;align-items:center;gap:7px;color:#111;background:var(--tool-accent);border-radius:6px;text-decoration:none;font-size:11px}.converter-options-top{border-top:0}.image-tool-layout>.editor-panel,.image-tool-layout>.status-line{grid-column:1 / -1}.image-tool-layout>.editor-panel{border-top:1px solid var(--line)}.favicon-preview{min-height:180px}.favicon-preview img{width:128px;height:128px;image-rendering:auto}.url-parser-tool>.editor-panel .code-editor{min-height:145px}.url-parser-actions{justify-content:flex-end}.url-parser-actions .toolbar-hint{margin-right:auto}.url-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line)}.url-overview>div{min-width:0;min-height:76px;padding:14px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line-soft);display:grid;grid-template-columns:1fr auto;align-content:center;gap:7px}.url-overview>div:nth-child(3n){border-right:0}.url-overview span{color:var(--faint);font-size:9px}.url-overview code{min-width:0;grid-column:1 / -1;color:var(--text);font:11px/1.55 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.url-overview .mini-action{grid-column:2;grid-row:1}.url-params .panel-label small{color:var(--faint);font-size:9px;letter-spacing:0;text-transform:none}.url-param-table>div{min-height:58px;padding:9px 16px;display:grid;grid-template-columns:50px minmax(90px,.7fr) minmax(0,1.3fr) auto;align-items:center;gap:12px;border-bottom:1px solid var(--line-soft)}.url-param-table span{color:var(--tool-accent);font-size:9px}.url-param-table code{color:var(--text);font:11px ui-monospace,monospace;overflow-wrap:anywhere}.url-param-table p{min-width:0;margin:0;color:var(--muted);font:11px/1.55 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.url-empty{min-height:90px;display:grid;place-items:center;color:var(--faint);font-size:11px}.url-decoded{min-height:76px;padding:13px 16px;display:grid;grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:12px;border-top:1px solid var(--line)}.url-decoded span{color:var(--faint);font-size:10px}.url-decoded code{color:var(--text);font:11px/1.6 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.svg-placeholder-preview{min-height:330px;padding:28px;display:grid;place-items:center;gap:10px;background:var(--bg);overflow:auto}.svg-placeholder-preview img{max-width:100%;max-height:360px;box-shadow:0 14px 50px color-mix(in srgb,#000 25%,transparent)}.svg-placeholder-preview span{color:var(--faint);font:10px ui-monospace,monospace}.svg-placeholder-controls{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.color-input{min-height:38px;padding:3px 8px 3px 3px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:6px;background:var(--surface-2)}.color-input input[type=color]{width:34px;height:30px;padding:1px;border:0;background:transparent}.color-input code{color:var(--muted);font:10px ui-monospace,monospace}.svg-placeholder-actions{justify-content:flex-end}.svg-placeholder-actions a{height:36px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;color:var(--muted);text-decoration:none;font-size:11px}.regex-visualizer{border-bottom:1px solid var(--line)}.regex-visualizer .panel-label small{color:var(--faint);font-size:9px;text-transform:none;letter-spacing:0}.regex-track{min-height:112px;padding:18px;display:flex;align-items:stretch;gap:1px;overflow-x:auto}.regex-node{flex:0 0 auto;min-width:72px;max-width:190px;padding:11px 12px;border-top:2px solid var(--line);display:grid;align-content:center;gap:7px;background:var(--surface-2)}.regex-node code{color:var(--text);font:12px ui-monospace,monospace;overflow-wrap:anywhere}.regex-node span{color:var(--faint);font-size:9px;line-height:1.4}.regex-node.group{border-color:#d4a5ff}.regex-node.class{border-color:#8fc7ff}.regex-node.quantifier{border-color:#f4b978}.regex-node.escape{border-color:#76d9d0}.regex-node.anchor{border-color:#ff92ad}.regex-node.branch{border-color:#f2dc7d}.regex-memo-tool .reference-search>span,.git-memo-tool .reference-search>span{color:var(--faint);font:10px ui-monospace,monospace;white-space:nowrap}.regex-category-strip{min-height:48px;padding:7px 10px;display:flex;gap:5px;overflow-x:auto;border-bottom:1px solid var(--line)}.regex-category-strip button{flex:none;height:32px;padding:0 10px;border:1px solid transparent;border-radius:5px;color:var(--muted);background:transparent;cursor:pointer;font-size:10px}.regex-category-strip button:hover,.regex-category-strip button.active{color:var(--text);background:var(--surface-2);border-color:var(--line)}.regex-memo-layout{min-height:520px;display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr)}.regex-snippet-list{max-height:620px;overflow:auto;border-right:1px solid var(--line)}.regex-snippet-list>button{width:100%;min-height:74px;padding:11px 15px;border:0;border-bottom:1px solid var(--line-soft);display:grid;grid-template-columns:1fr auto;gap:4px 10px;color:var(--text);background:transparent;cursor:pointer;text-align:left}.regex-snippet-list>button:hover,.regex-snippet-list>button.active{background:var(--surface-2)}.regex-snippet-list span{grid-column:2;grid-row:1;color:var(--tool-accent);font-size:8px}.regex-snippet-list strong{font-size:12px;font-weight:540}.regex-snippet-list small{grid-column:1 / -1;color:var(--faint);font-size:10px}.regex-snippet-list>p{padding:30px;color:var(--faint);font-size:11px}.regex-snippet-detail{min-width:0;display:grid;grid-template-rows:auto 1fr auto}.regex-snippet-detail>div:first-child{min-height:145px;padding:28px;border-bottom:1px solid var(--line)}.regex-snippet-detail h2{margin:8px 0;font-size:23px;font-weight:540}.regex-snippet-detail p{margin:0;color:var(--muted);font-size:11px}.git-command-list>div{min-height:74px;padding:11px 16px;display:grid;grid-template-columns:90px 150px minmax(0,1fr) minmax(160px,.8fr) auto;align-items:center;gap:14px;border-bottom:1px solid var(--line-soft)}.git-command-list span{color:var(--tool-accent);font-size:9px}.git-command-list strong{font-size:11px;font-weight:540}.git-command-list code{color:var(--text);font:11px/1.5 ui-monospace,monospace;overflow-wrap:anywhere}.git-command-list p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}.qr-tool{display:grid;grid-template-columns:minmax(310px,.75fr) minmax(0,1.25fr)}.qr-controls{padding:22px;display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:14px;border-right:1px solid var(--line)}.qr-controls>label{min-width:0;display:grid;gap:7px;color:var(--muted);font-size:10px}.qr-controls .qr-content{grid-column:1 / -1}.qr-controls textarea{min-height:90px;padding:10px;resize:vertical}.qr-controls input[type=number],.qr-controls select,.qr-controls textarea{width:100%;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:6px;outline:0;font:11px/1.5 ui-monospace,monospace}.qr-controls input[type=number],.qr-controls select{height:38px;padding:0 9px}.qr-controls input[type=range]{width:100%;accent-color:var(--tool-accent)}.qr-controls .toolbar-check{display:flex;align-items:center;flex-direction:row}.qr-upload{min-height:38px;padding:0 10px;display:flex!important;align-items:center;justify-content:center;flex-direction:row;border:1px solid var(--line);border-radius:6px;cursor:pointer}.qr-upload input{display:none}.qr-preview{min-height:500px;padding:34px;display:grid;place-items:center;align-content:center;gap:12px;background:var(--bg)}.qr-preview canvas{width:min(100%,420px);height:auto;border-radius:8px}.qr-preview span{color:var(--faint);font:10px ui-monospace,monospace}.qr-actions,.qr-tool>.status-line{grid-column:1 / -1}.mermaid-toolbar{justify-content:flex-end}.mermaid-toolbar .toolbar-hint{margin-right:auto}.mermaid-toolbar a{height:36px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;color:var(--muted);text-decoration:none;font-size:11px}.mermaid-preview-panel{min-width:0;border-left:1px solid var(--line)}.mermaid-preview{min-height:420px;padding:24px;display:grid;place-items:center;overflow:auto;background:#f7f8f5}.mermaid-preview>div{width:100%;display:grid;place-items:center}.mermaid-preview svg{max-width:100%;height:auto}.mermaid-preview p{color:#666;font-size:11px}.mermaid-preview.error p{color:#c33}.lorem-controls{flex-wrap:wrap}.markdown-preview{min-height:330px;padding:18px;color:var(--muted);font-size:13px;line-height:1.7;overflow:auto}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{color:var(--text);letter-spacing:-.03em}.markdown-preview code{padding:2px 5px;color:var(--tool-accent);background:var(--surface-2);font:11px ui-monospace,monospace}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;padding:22px;border-bottom:1px solid var(--line)}.form-grid label{display:grid;gap:8px;color:var(--muted);font-size:11px}.form-grid input,.form-grid select{width:100%;height:38px;padding:0 10px;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:6px;outline:0;font:12px ui-monospace,monospace}.form-grid input:focus,.form-grid select:focus{border-color:var(--tool-accent)}.file-tool .editor-panel{border-top:1px solid var(--line)}.chronometer{min-height:400px;display:grid;place-items:center;align-content:center;gap:25px}.chronometer strong{color:var(--tool-accent);font:clamp(42px,8vw,82px) ui-monospace,monospace;letter-spacing:-.07em}.chronometer>div{display:flex;gap:8px}.chronometer button{height:38px;padding:0 15px;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:6px;cursor:pointer}.chronometer button:hover{color:var(--text);background:var(--surface-2)}.chronometer .primary-action{color:#111;background:var(--tool-accent);border-color:var(--tool-accent)}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:1px;padding:1px;background:var(--line)}.emoji-grid button{min-height:68px;border:0;background:var(--surface);cursor:pointer;font-size:28px;transition:background .2s,transform .2s}.emoji-grid button:hover{background:var(--surface-2);transform:scale(1.08)}.generated-inline{min-width:0;flex:1;overflow-wrap:anywhere;color:var(--tool-accent);font:16px ui-monospace,monospace}.keycode-display{min-height:400px;padding:40px;display:grid;place-items:center;align-content:center;gap:30px}.keycode-display>strong{min-width:170px;padding:20px;color:var(--tool-accent);border:1px solid var(--line);background:var(--surface-2);text-align:center;font:28px ui-monospace,monospace}.keycode-display>div{width:min(480px,100%);display:grid;gap:10px}.keycode-display>div>div{display:grid;grid-template-columns:90px 1fr;padding:12px 0;border-bottom:1px solid var(--line-soft)}.keycode-display span{color:var(--faint);font-size:11px}.keycode-display code{color:var(--text);font:12px ui-monospace,monospace}.otp-countdown{display:flex;align-items:end;padding-bottom:10px;color:var(--tool-accent);font:12px ui-monospace,monospace}.password-strength{min-height:400px}.password-strength .editor-panel .code-editor{min-height:220px}.strength-meter{padding:25px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;border-top:1px solid var(--line)}.strength-meter>div{height:8px;overflow:hidden;background:var(--surface-2);border-radius:99px}.strength-meter>div>div{height:100%;background:var(--tool-accent);transition:width .25s}.strength-meter strong{color:var(--tool-accent);font-size:13px}.strength-meter span{color:var(--faint);font-size:10px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.image-workspace{min-height:650px;overflow:hidden}.image-studio{position:relative;min-height:650px;height:100%;display:flex;flex-direction:column}.image-toolbar{min-height:58px;padding:9px 112px 9px 12px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px}.toolbar-group{display:flex;align-items:center;gap:5px}.image-toolbar button,.inspector-actions button{height:36px;padding:0 11px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font-size:11px;white-space:nowrap}.image-toolbar button:hover,.inspector-actions button:hover{color:var(--text);background:var(--surface-2)}.image-toolbar button:disabled,.inspector-actions button:disabled{opacity:.35;cursor:default;pointer-events:none}.image-toolbar .primary-action,.image-toolbar .export-action{color:#111;background:var(--tool-accent);border-color:var(--tool-accent)}.image-toolbar .export-action{margin-left:auto}.zoom-controls{min-width:215px;color:var(--faint)}.zoom-controls input{width:96px;accent-color:var(--tool-accent)}.zoom-controls>button{width:30px;padding:0}.zoom-controls .zoom-value{width:48px;padding:0 4px;color:var(--muted);font:10px ui-monospace,monospace}.studio-body{min-height:545px;flex:1;display:grid;grid-template-columns:minmax(0,1fr) 255px}.canvas-viewport{position:relative;min-width:0;min-height:545px;overflow:hidden;touch-action:none;cursor:grab;background-color:color-mix(in srgb,var(--bg) 80%,var(--surface));background-image:radial-gradient(circle,color-mix(in srgb,var(--muted) 28%,transparent) 1px,transparent 1px)}.canvas-viewport:active,.canvas-viewport.is-hand-tool{cursor:grabbing}.viewport-hint{position:absolute;z-index:2;left:13px;bottom:12px;height:28px;padding:0 9px;display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:5px;background:color-mix(in srgb,var(--surface) 82%,transparent);color:var(--faint);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;font-size:9px}.canvas-viewport>canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;display:block;touch-action:none}.canvas-empty{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;margin:auto;width:min(330px,80%);height:180px;border:0;background:transparent;color:var(--faint);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;cursor:pointer}.canvas-empty:hover{color:var(--text)}.canvas-empty svg{color:var(--tool-accent);margin-bottom:5px}.canvas-empty strong{font-size:13px;font-weight:520}.canvas-empty span{font-size:9px}.image-inspector{min-width:0;min-height:0;overflow-y:auto;border-left:1px solid var(--line);background:var(--surface);scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--tool-accent) 70%,var(--line)) var(--surface)}.inspector-heading{min-height:43px;padding:0 14px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.inspector-heading small{margin-left:auto;color:var(--faint)}.layer-list{max-height:230px;overflow-y:auto;padding:6px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--tool-accent) 70%,var(--line)) transparent}.image-inspector::-webkit-scrollbar,.layer-list::-webkit-scrollbar{width:8px;height:8px}.image-inspector::-webkit-scrollbar-track{background:var(--surface)}.layer-list::-webkit-scrollbar-track{background:transparent}.image-inspector::-webkit-scrollbar-thumb,.layer-list::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:color-mix(in srgb,var(--tool-accent) 72%,var(--line));background-clip:padding-box}.image-inspector::-webkit-scrollbar-thumb:hover,.layer-list::-webkit-scrollbar-thumb:hover{background:var(--tool-accent);background-clip:padding-box}.layer-list>button{width:100%;min-height:53px;padding:6px 8px;border:0;border-radius:6px;background:transparent;color:var(--muted);display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer}.layer-list>button:hover,.layer-list>button.active{background:var(--surface-2);color:var(--text)}.layer-thumb{width:36px;height:36px;flex:none;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:4px;background-image:linear-gradient(45deg,var(--line) 25%,transparent 25%),linear-gradient(-45deg,var(--line) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--line) 75%),linear-gradient(-45deg,transparent 75%,var(--line) 75%);background-size:10px 10px}.layer-thumb img{width:100%;height:100%;object-fit:contain}.layer-list>button>span:last-child{min-width:0;display:grid;gap:4px}.layer-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:520}.layer-list small{color:var(--faint);font-size:9px}.layer-list>p{margin:18px 10px;color:var(--faint);font-size:10px;line-height:1.6}.selection-controls{border-top:1px solid var(--line)}.property-grid{padding:13px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.property-grid label{display:flex;align-items:center;gap:6px;color:var(--faint);font-size:9px}.property-grid input{min-width:0;width:100%;height:32px;padding:0 7px;border:1px solid var(--line);border-radius:5px;background:var(--surface-2);color:var(--text);outline:0;font:10px ui-monospace,monospace}.property-grid input:focus{border-color:var(--tool-accent)}.inspector-actions{padding:0 10px 12px;display:grid;grid-template-columns:1fr 1fr;gap:5px}.inspector-actions button{border-color:var(--line)}.inspector-actions .confirm-crop{color:#111;background:var(--tool-accent);border-color:var(--tool-accent)}.inspector-actions .danger-action{color:#ff8b8b}.studio-status{min-height:39px;padding:0 14px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:9px}.studio-status span:last-child{color:var(--faint);text-align:right}.drop-overlay{position:absolute;top:58px;right:0;bottom:39px;left:0;z-index:8;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px dashed var(--tool-accent);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:var(--text);pointer-events:none}.drop-overlay svg{color:var(--tool-accent)}.drop-overlay strong{font-size:14px;font-weight:520}.tool-page.is-fullpage .image-workspace,.tool-page.is-fullpage .image-studio{height:100dvh;min-height:0}.tool-page.is-fullpage .studio-body{min-height:0}.command-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;justify-content:center;align-items:flex-start;padding-top:14vh;background:#030504a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .18s ease both}@keyframes fadeIn{0%{opacity:0}}.command-panel{width:min(630px,calc(100% - 32px));max-height:68vh;overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:0 30px 100px #0006;border-radius:12px;animation:paletteIn .25s cubic-bezier(.2,.8,.2,1) both}@keyframes paletteIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}}.command-input{height:65px;padding:0 18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);color:var(--muted)}.command-input input{flex:1;height:100%;border:0;background:transparent;outline:0;color:var(--text);font-size:15px}.command-results{max-height:440px;overflow:auto;padding:10px}.command-results>p{padding:6px 10px;margin:0 0 4px;color:var(--faint);font-size:9px;text-transform:uppercase;letter-spacing:.1em}.command-results button{width:100%;min-height:59px;display:flex;align-items:center;gap:13px;padding:7px 10px;border:0;border-radius:7px;background:transparent;cursor:pointer;text-align:left}.command-results button:hover{background:var(--surface-2)}.command-icon{width:36px;height:36px;display:grid;place-items:center;color:var(--tool-accent);border:1px solid var(--line);border-radius:7px}.command-results button>span:nth-child(2){flex:1;display:grid;gap:3px}.command-results strong{font-size:12px;font-weight:520}.command-results small{color:var(--faint);font-size:10px}.command-results em{color:var(--faint);font-style:normal;font-size:9px}.command-footer{min-height:42px;border-top:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 18px;color:var(--faint);font-size:9px}.command-footer span:last-child{margin-left:auto}.web-workspace{min-height:650px;overflow:hidden}.web-tool{min-height:650px;display:flex;flex-direction:column;background:var(--surface)}.web-studio-grid{min-height:596px;flex:1;display:grid;grid-template-columns:330px minmax(0,1fr)}.web-controls{min-width:0;padding:20px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:20px;background:color-mix(in srgb,var(--surface) 96%,var(--bg));overflow:auto}.web-control-head{min-height:32px;padding-bottom:14px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--faint);font:9px ui-monospace,monospace;letter-spacing:.14em}.web-control-head small{color:var(--tool-accent);font:9px ui-monospace,monospace;letter-spacing:0}.web-control-head button,.web-control-head>div button{height:26px;padding:0 7px;border:0;border-radius:4px;background:transparent;display:inline-flex;align-items:center;gap:5px;color:var(--muted);cursor:pointer;font-size:9px;letter-spacing:0}.web-control-head button:hover{color:var(--text);background:var(--surface-2)}.web-control-head>div{display:flex}.web-range{display:grid;gap:10px;color:var(--muted);font-size:10px}.web-range>span{display:flex;align-items:center;justify-content:space-between}.web-range code{color:var(--text);font:10px ui-monospace,monospace}.web-range input{width:100%;height:4px;margin:0;accent-color:var(--tool-accent);cursor:pointer}.web-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.web-number,.web-color,.web-input,.web-textarea{min-width:0;display:grid;gap:8px;color:var(--muted);font-size:10px}.web-number>span:last-child{position:relative;display:flex;align-items:center}.web-number input,.web-input input,.web-textarea textarea{min-width:0;width:100%;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:5px;outline:0;background:var(--surface-2);color:var(--text);font:11px ui-monospace,monospace}.web-number input{padding-right:31px}.web-number i{position:absolute;right:9px;color:var(--faint);font: 8px ui-monospace,monospace;pointer-events:none}.web-textarea textarea{height:auto;padding-block:10px;resize:vertical;line-height:1.55}.web-number input:focus,.web-input input:focus,.web-textarea textarea:focus{border-color:var(--tool-accent)}.web-color>span:last-child{height:38px;padding:0 8px;border:1px solid var(--line);border-radius:5px;display:flex;align-items:center;gap:8px;background:var(--surface-2)}.web-color input{width:22px;height:22px;padding:0;border:0;border-radius:3px;background:transparent;cursor:pointer}.web-color code{color:var(--text);font:9px ui-monospace,monospace}.web-preview{position:relative;min-width:0;overflow:hidden;background:var(--bg)}.web-preview-top{position:absolute;z-index:4;inset:0 0 auto;height:43px;padding:0 15px;border-bottom:1px solid color-mix(in srgb,var(--line) 75%,transparent);display:flex;align-items:center;justify-content:space-between;color:var(--faint);font:9px ui-monospace,monospace;letter-spacing:.12em}.web-preview-top code{color:var(--muted);font-size:9px;letter-spacing:0}.web-code-strip{min-height:54px;padding:8px 12px 8px 16px;border-top:1px solid var(--line);display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:10px;background:var(--surface)}.web-code-strip>span{color:var(--tool-accent);font:8px ui-monospace,monospace;letter-spacing:.12em}.web-code-strip>code{min-width:0;max-height:64px;overflow:auto;color:var(--muted);white-space:pre;font:10px/1.5 ui-monospace,monospace;scrollbar-width:thin}.web-code-strip>button{flex:none}.web-segments{padding:3px;border:1px solid var(--line);border-radius:6px;display:flex;background:var(--bg)}.web-segments button{min-width:0;flex:1;height:30px;padding:0 7px;border:0;border-radius:4px;background:transparent;color:var(--faint);cursor:pointer;font:9px ui-monospace,monospace;white-space:nowrap}.web-segments button:hover,.web-segments button.active{color:var(--text);background:var(--surface-2)}.web-toggle{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;cursor:pointer}.web-toggle input{position:absolute;opacity:0}.web-toggle>span{position:relative;width:29px;height:16px;border:1px solid var(--line);border-radius:99px;background:var(--surface-2);transition:.2s ease}.web-toggle>span:after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:var(--faint);transition:.2s ease}.web-toggle input:checked+span{border-color:var(--tool-accent);background:color-mix(in srgb,var(--tool-accent) 22%,var(--surface-2))}.web-toggle input:checked+span:after{left:15px;background:var(--tool-accent)}.web-inline-toolbar{min-height:57px;padding:9px 12px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.web-inline-toolbar>button,.path-presets button{height:34px;padding:0 10px;border:1px solid transparent;border-radius:5px;background:transparent;display:inline-flex;align-items:center;gap:6px;color:var(--muted);cursor:pointer;font-size:10px}.web-inline-toolbar>button:hover,.path-presets button:hover{color:var(--text);background:var(--surface-2)}.web-inline-toolbar>button:disabled{opacity:.35;pointer-events:none}.fluid-preview{padding:78px 34px 34px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--tool-accent) 8%,transparent),transparent 44%),linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);background-size:auto,32px 32px,32px 32px}.fluid-ruler{position:absolute;z-index:4;top:54px;left:32px;right:32px}.fluid-ruler input{width:100%;accent-color:var(--tool-accent)}.fluid-canvas{position:relative;min-width:36%;max-width:100%;min-height:330px;border-inline:1px solid color-mix(in srgb,var(--tool-accent) 55%,var(--line));display:grid;place-items:center;padding:32px;transition:width .22s cubic-bezier(.2,.8,.2,1)}.fluid-canvas:before,.fluid-canvas:after{content:"";position:absolute;top:0;width:8px;height:1px;background:var(--tool-accent)}.fluid-canvas:before{left:-4px}.fluid-canvas:after{right:-4px}.fluid-canvas p{max-width:760px;margin:0;white-space:pre-line;color:var(--text);font-weight:650;letter-spacing:-.045em}.fluid-canvas>span{position:absolute;bottom:8px;color:var(--faint);font:8px ui-monospace,monospace}.gradient-preview{isolation:isolate;min-height:596px}.gradient-preview:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle at 70% 20%,rgba(255,255,255,.3),transparent 25%),linear-gradient(130deg,transparent 45%,rgba(0,0,0,.18));mix-blend-mode:overlay}.gradient-orbit{position:absolute;width:min(45vw,460px);aspect-ratio:1;top:50%;left:55%;border:1px solid rgba(255,255,255,.35);border-radius:50%;transform:translate(-50%,-50%)}.gradient-orbit:before,.gradient-orbit:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.2);border-radius:50%}.gradient-orbit:before{top:14%;right:14%;bottom:14%;left:14%}.gradient-orbit:after{top:31%;right:31%;bottom:31%;left:31%;background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gradient-caption{position:absolute;left:8%;bottom:10%;display:grid;gap:13px;color:#fff}.gradient-caption span{font:9px ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase}.gradient-caption strong{font-size:clamp(28px,4vw,58px);line-height:.92;letter-spacing:-.055em}.gradient-stop-list{max-height:200px;overflow:auto;border-top:1px solid var(--line)}.gradient-stop-list>div{min-height:34px;display:grid;grid-template-columns:13px 1fr auto;align-items:center;gap:8px;border-bottom:1px solid var(--line-soft)}.gradient-stop-list i{width:8px;height:8px;border-radius:50%}.gradient-stop-list code,.gradient-stop-list span{color:var(--muted);font:9px ui-monospace,monospace}.gradient-stop-list span{color:var(--faint)}.shape-toolbar .web-segments{width:170px}.shape-toolbar .web-range{width:220px;margin-left:auto}.shape-grid{min-height:539px;flex:1;display:grid;grid-template-columns:1fr 1fr}.shape-editor,.shape-copy{position:relative;min-width:0;padding-top:43px;background:var(--bg)}.shape-editor{border-right:1px solid var(--line)}.shape-editor>svg{width:100%;height:100%;min-height:495px;padding:42px;overflow:visible;color:var(--line);touch-action:none}.shape-editor polygon{fill:color-mix(in srgb,var(--tool-accent) 24%,transparent)}.shape-editor polyline{fill:none;stroke:var(--tool-accent);stroke-width:.8;vector-effect:non-scaling-stroke}.shape-editor circle{fill:var(--surface);stroke:var(--tool-accent);stroke-width:.8;vector-effect:non-scaling-stroke;cursor:grab}.shape-editor circle:hover{fill:var(--tool-accent)}.shape-editor text{fill:var(--muted);font:3px ui-monospace,monospace;pointer-events:none}.shape-copy article{height:100%;padding:54px 42px;overflow:auto;color:var(--muted);font-size:14px;line-height:1.75}.shape-copy article h3{margin:0 0 14px;color:var(--text);font-size:31px;line-height:1;letter-spacing:-.04em}.shape-copy article code{color:var(--tool-accent);font:11px ui-monospace,monospace}.shape-float{width:50%;aspect-ratio:1;margin:0 22px 12px 0}.shape-float[style*=right]{margin:0 0 12px 22px}.hud-preview{min-height:596px;display:grid;place-items:center;background-color:#071013;background-image:linear-gradient(rgba(125,249,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(125,249,255,.04) 1px,transparent 1px),radial-gradient(circle at center,#10262b 0,#071013 60%);background-size:28px 28px,28px 28px,auto}.hud-noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.2;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(125,249,255,.1) 4px);pointer-events:none}.hud-svg{position:absolute;width:min(82%,760px)}.hud-svg svg{width:100%;display:block;overflow:visible}.hud-content{position:relative;width:min(64%,560px);display:grid;gap:11px;color:#dffeff}.hud-content>span,.hud-content small{color:var(--tool-accent);font:9px ui-monospace,monospace;letter-spacing:.16em}.hud-content strong{font:600 clamp(34px,6vw,72px)/.82 ui-monospace,monospace;letter-spacing:-.08em}.button-state-tabs{height:58px;padding:0 16px;border-bottom:1px solid var(--line);display:flex;align-items:end;gap:4px}.button-state-tabs button{height:46px;padding:0 15px;border:0;border-bottom:1px solid transparent;background:transparent;display:flex;align-items:center;gap:8px;color:var(--faint);cursor:pointer;font:10px ui-monospace,monospace}.button-state-tabs button i{width:6px;height:6px;border-radius:50%;background:currentColor}.button-state-tabs button:hover,.button-state-tabs button.active{color:var(--text)}.button-state-tabs button.active{border-color:var(--tool-accent)}.button-builder-layout{min-height:538px}.button-preview{display:grid;place-items:center;background-color:var(--bg);background-image:radial-gradient(circle,var(--line) 1px,transparent 1px);background-size:18px 18px}.button-preview-meta{position:absolute;top:18px;left:18px;right:18px;display:flex;justify-content:space-between;color:var(--faint);font:9px ui-monospace,monospace;letter-spacing:.12em}.button-preview-meta code{color:var(--tool-accent);letter-spacing:0}.button-preview>button{min-width:180px;border:1px solid;display:flex;align-items:center;gap:10px;justify-content:center;cursor:pointer;font-weight:650;transition:.2s ease;box-shadow:0 18px 50px #00000047}.button-preview>button i{width:6px;height:6px;border-radius:50%;background:currentColor}.button-preview>button span{margin-left:12px}.button-preview>p{position:absolute;bottom:22px;color:var(--faint);font-size:10px}.shadow-controls{gap:18px}.shadow-layer-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.shadow-layer-tabs button{min-width:0;height:66px;padding:7px;border:1px solid var(--line);border-radius:5px;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--faint);cursor:pointer}.shadow-layer-tabs button.active{border-color:var(--tool-accent);color:var(--text)}.shadow-layer-tabs i{width:21px;height:17px;border-radius:3px;display:grid;place-items:center;background:var(--surface-2);color:#fff;font: 10px ui-monospace,monospace}.shadow-layer-tabs span{max-width:100%;overflow:hidden;text-overflow:ellipsis;font:8px ui-monospace,monospace;white-space:nowrap}.shadow-preview{min-height:596px;display:grid;grid-template-rows:1fr auto}.shadow-preview-top label{display:flex;align-items:center;gap:7px;color:var(--faint);font-size:8px;letter-spacing:0}.shadow-preview-top input{width:20px;height:20px;padding:0;border:0;background:transparent}.shadow-stage{display:grid;place-items:center;padding:70px 30px 30px;background-color:color-mix(in srgb,var(--bg) 88%,white);background-image:radial-gradient(circle,var(--line) 1px,transparent 1px);background-size:18px 18px}.shadow-stage>div{width:min(60%,360px);aspect-ratio:1.3;padding:30px;display:flex;flex-direction:column;justify-content:space-between;transition:.2s ease}.shadow-stage span,.shadow-stage small{color:var(--faint);font:8px ui-monospace,monospace;letter-spacing:.12em}.shadow-stage strong{font-size:clamp(25px,4vw,49px);line-height:.9;letter-spacing:-.05em}.shadow-preview-foot{padding:16px 20px;border-top:1px solid var(--line);background:var(--surface)}.text-shadow-preview{min-height:596px;display:grid;grid-template-rows:1fr auto}.text-shadow-preview .web-preview-top>div{display:flex;gap:7px}.text-shadow-preview .web-preview-top input{width:21px;height:21px;padding:0;border:0;background:transparent}.text-shadow-stage{display:grid;place-items:center;padding:70px 30px 30px;overflow:hidden}.text-shadow-stage span{max-width:100%;font-size:clamp(48px,10vw,132px);font-weight:750;letter-spacing:-.08em;white-space:nowrap;transition:.2s ease}.text-preview-input{padding:16px 20px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:14px;color:#ffffff73;font:9px ui-monospace,monospace}.text-preview-input input{flex:1;height:34px;border:0;border-bottom:1px solid rgba(255,255,255,.15);outline:0;background:transparent;color:#fff;font:11px ui-monospace,monospace}.radius-toolbar .web-toggle{margin-right:auto}.radius-toolbar .web-color{display:flex;align-items:center;gap:8px}.radius-toolbar .web-color>span:last-child{height:34px}.radius-layout{min-height:539px;flex:1;display:grid;grid-template-columns:minmax(0,1fr) 330px}.radius-preview{min-width:0;padding:60px;display:grid;place-items:center;background-color:var(--bg);background-image:linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);background-size:28px 28px}.radius-object{width:min(72%,430px);aspect-ratio:1.12;padding:12%;display:flex;flex-direction:column;justify-content:space-between;color:#10130f;box-shadow:0 30px 90px color-mix(in srgb,var(--tool-accent) 16%,transparent);transition:border-radius .2s ease}.radius-object span{font:9px ui-monospace,monospace;letter-spacing:.14em}.radius-object strong{font-size:clamp(27px,4vw,52px);line-height:.9;letter-spacing:-.05em}.radius-controls{padding:24px 20px;border-left:1px solid var(--line);display:grid;align-content:start;gap:19px;overflow:auto;background:var(--surface)}.path-tool{min-height:650px}.path-toolbar{justify-content:space-between}.path-presets{display:flex;gap:4px}.path-toolbar>span{margin-left:auto;color:var(--faint);font:9px ui-monospace,monospace}.path-toolbar>span.path-error{color:#ff8b8b}.path-grid{min-height:539px;flex:1;display:grid;grid-template-columns:minmax(0,1fr) 330px}.path-preview{position:relative;min-width:0;padding-top:43px;background:var(--bg);overflow:hidden}.path-preview>svg{width:100%;height:100%;min-height:496px;padding:42px;color:var(--line);overflow:visible}.path-inspector{padding:20px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:18px;overflow:auto}.path-inspector textarea{min-height:126px}.path-viewbox{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.path-viewbox>span{grid-column:1 / -1;color:var(--faint);font:8px ui-monospace,monospace;letter-spacing:.12em}.path-viewbox .web-number{gap:5px}.path-viewbox .web-number>span:first-child{font:8px ui-monospace,monospace}.path-viewbox .web-number input{padding-right:5px}.tool-page.is-fullpage .web-workspace,.tool-page.is-fullpage .web-tool{height:100dvh;min-height:0}.tool-page.is-fullpage .web-tool{overflow:auto}.tool-page.is-fullpage>.workspace.web-workspace{height:auto;min-height:100%;overflow:visible}.tool-page.is-fullpage .web-tool{height:auto;min-height:100dvh;overflow:visible}.web-workspace{overflow:visible}.web-tool{min-height:0;overflow:visible}.web-natural-grid{min-height:0;align-items:stretch}.web-natural-grid>.web-controls{overflow:visible}.web-workspace .web-controls,.web-workspace .gradient-stop-list,.web-workspace .shape-copy article,.web-workspace .radius-controls,.web-workspace .path-inspector,.web-workspace .web-code-strip>code{max-height:none;overflow:visible}.web-workspace .web-code-strip>code{white-space:pre-wrap;overflow-wrap:anywhere}.web-workspace .button-state-tabs{height:auto;min-height:58px;flex-wrap:wrap;overflow:visible}.button-state-tabs button:disabled{opacity:.35;pointer-events:none}.web-preview-static{min-height:43px;padding:0 15px;border-bottom:1px solid color-mix(in srgb,var(--line) 75%,transparent);display:flex;align-items:center;justify-content:space-between;color:var(--faint);font:9px ui-monospace,monospace;letter-spacing:.12em}.web-preview-static code{color:var(--muted);font-size:9px;letter-spacing:0}.web-result{position:relative;color-scheme:dark;border-top:1px solid #273129;background:#0b100d}.web-result:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--tool-accent)}.web-result>header{min-height:62px;padding:10px 16px 10px 20px;border-bottom:1px solid #273129;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#101713}.web-result>header>div{display:flex;align-items:center;gap:9px}.web-result>header>div:first-child{display:grid;gap:5px}.web-result>header span{color:#f0f5f1;font-size:12px;font-weight:620}.web-result>header small{color:#8c9a90;font:9px ui-monospace,monospace}.web-result>header button{color:#dbe5dd;border-color:#344239;background:#17201a}.web-result>header button:hover{color:#fff;border-color:var(--tool-accent)}.web-result pre{margin:0;padding:24px 24px 30px;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;color:#d8e4da;font:11px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace;-moz-tab-size:2;tab-size:2}.web-result pre code{display:grid;grid-template-columns:45px minmax(0,1fr);align-items:start}.web-result pre i{position:sticky;top:0;color:var(--tool-accent);font: 8px ui-monospace,monospace;letter-spacing:.12em}.web-select{display:grid;gap:8px;color:var(--muted);font-size:10px}.web-select select{width:100%;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:5px;outline:0;background:var(--surface-2);color:var(--text);font:10px ui-monospace,monospace}.control-divider{height:24px;border-bottom:1px solid var(--line);display:flex;align-items:start;color:var(--faint);font:8px ui-monospace,monospace;letter-spacing:.12em}.ratio-presets{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ratio-presets button{min-width:0;height:48px;padding:7px 9px;border:1px solid var(--line);border-radius:5px;background:var(--bg);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;color:var(--muted);cursor:pointer}.ratio-presets button.active{border-color:var(--tool-accent);color:var(--text);background:color-mix(in srgb,var(--tool-accent) 6%,var(--bg))}.ratio-presets strong{font:11px ui-monospace,monospace}.ratio-presets span{max-width:100%;color:var(--faint);overflow:hidden;text-overflow:ellipsis;font-size:8px;white-space:nowrap}.type-scale-preview{min-width:0;padding-bottom:12px;background:var(--bg)}.type-scale-preview>.web-range{margin:18px 20px}.type-scale-list{border-top:1px solid var(--line)}.type-scale-list>div{min-height:76px;padding:9px 18px;border-bottom:1px solid var(--line-soft);display:grid;grid-template-columns:185px minmax(0,1fr) 70px;align-items:center;gap:14px}.type-scale-list>div>span{min-width:0;display:grid;gap:5px}.type-scale-list code{color:var(--tool-accent);font:10px ui-monospace,monospace}.type-scale-list small{color:var(--faint);font-size:9px}.type-scale-list strong{min-width:0;color:var(--text);line-height:.8;letter-spacing:-.07em;white-space:nowrap}.type-scale-list em{color:var(--muted);font: 9px ui-monospace,monospace;text-align:right}.gradient-workspace{min-width:0;background:var(--bg)}.gradient-preview.enhanced{position:relative;min-height:480px}.gradient-preview.enhanced .web-preview-static{position:absolute;z-index:3;inset:0 0 auto;color:#ffffffb3;border-color:#fff3}.gradient-directions{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.gradient-directions button{height:43px;border:1px solid var(--line);border-radius:5px;background:var(--bg);display:grid;place-items:center;color:var(--muted);cursor:pointer;font-size:15px}.gradient-directions button.active{color:var(--tool-accent);border-color:var(--tool-accent)}.gradient-directions small{color:var(--faint);font:7px ui-monospace,monospace}.gradient-upload{height:39px;border:1px dashed var(--line);border-radius:5px;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);cursor:pointer;font-size:9px}.gradient-upload:hover{border-color:var(--tool-accent);color:var(--text)}.gradient-upload input{display:none}.gradient-image-sampler{position:relative;height:220px;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);touch-action:none;background:var(--surface-2)}.gradient-image-sampler img{width:100%;height:100%;object-fit:cover;pointer-events:none}.gradient-image-sampler button{position:absolute;width:28px;height:28px;border:3px solid white;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 3px 14px #0006;color:#111;cursor:grab;touch-action:none;font:9px ui-monospace,monospace}.gradient-stop-table{padding:7px 16px 14px}.gradient-stop-table>div{min-height:35px;border-bottom:1px solid var(--line-soft);display:grid;grid-template-columns:14px 70px 55px minmax(0,1fr);align-items:center;gap:8px}.gradient-stop-table i{width:9px;height:9px;border-radius:50%}.gradient-stop-table span,.gradient-stop-table code,.gradient-stop-table small{font:8px ui-monospace,monospace}.gradient-stop-table span{color:var(--muted)}.gradient-stop-table code{color:var(--tool-accent)}.gradient-stop-table small{color:var(--faint);text-align:right}.gradient-stop-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.gradient-stop-actions button{height:36px;border:1px solid var(--line);border-radius:5px;background:var(--surface-2);display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--muted);cursor:pointer;font-size:9px}.gradient-stop-actions button:hover:not(:disabled){border-color:var(--tool-accent);color:var(--text)}.gradient-stop-actions button:disabled{opacity:.35}.gradient-manual-stops{padding:15px 16px 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface)}.gradient-manual-stops>header{margin-bottom:17px;display:flex;justify-content:space-between;color:var(--faint);font:8px ui-monospace,monospace;letter-spacing:.1em}.gradient-stop-track{position:relative;height:24px;margin:0 12px 20px;border-radius:4px;box-shadow:0 0 0 1px var(--line)}.gradient-stop-track button{position:absolute;top:100%;width:14px;height:14px;margin:5px 0 0 -7px;padding:0;border:2px solid var(--surface);border-radius:3px 3px 7px 7px;background:var(--stop-color);box-shadow:0 0 0 1px var(--line);rotate:45deg;cursor:pointer}.gradient-stop-track button.active{box-shadow:0 0 0 2px var(--tool-accent)}.gradient-stop-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:5px}.gradient-stop-cards>button{min-width:0;height:38px;padding:0 7px;border:1px solid var(--line);border-radius:5px;background:var(--bg);display:grid;grid-template-columns:10px 1fr auto auto;align-items:center;gap:6px;color:var(--muted);cursor:pointer;font:8px ui-monospace,monospace}.gradient-stop-cards>button.active{border-color:var(--tool-accent);background:color-mix(in srgb,var(--tool-accent) 5%,var(--bg))}.gradient-stop-cards i{width:9px;height:9px;border-radius:50%}.gradient-stop-cards span{overflow:hidden;text-overflow:ellipsis}.gradient-stop-cards code{color:var(--tool-accent)}.gradient-stop-cards b{display:grid;place-items:center;color:var(--faint)}.shape-expanded-grid{grid-template-columns:270px minmax(0,1fr) minmax(0,1fr);min-height:520px}.shape-settings{padding:20px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:18px;background:var(--surface)}.shape-point-list{border-top:1px solid var(--line)}.shape-point-list>div{min-height:29px;border-bottom:1px solid var(--line-soft);display:grid;grid-template-columns:25px 1fr 1fr;align-items:center}.shape-point-list span,.shape-point-list code{font:8px ui-monospace,monospace}.shape-point-list span{color:var(--faint)}.shape-point-list code{color:var(--muted)}.shape-expanded-grid .shape-editor,.shape-expanded-grid .shape-copy{padding-top:0}.shape-expanded-grid .shape-copy article{height:auto;min-height:477px;overflow:visible}.shape-editor>svg.is-rotating .shape-geometry,.shape-float.is-rotating{transform-origin:center;animation:shapeStudioSpin 8s linear infinite}@keyframes shapeStudioSpin{to{transform:rotate(1turn)}}@property --shape-a{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.shape-float.shape-parametric{--shape-a: 0deg;min-width:160px;background:linear-gradient(135deg,color-mix(in srgb,var(--tool-accent) 90%,white),color-mix(in srgb,var(--tool-accent) 64%,#6d28d9))}.shape-float.shape-parametric.is-reflowing{animation:shapeParametricReflow calc(var(--count) * .8s) ease-in-out infinite}.shape-float.shape-parametric.has-border-shape{border:9px solid transparent;background-clip:border-area;background-origin:border-box}@keyframes shapeParametricReflow{to{--shape-a: 360deg}}.hud-seedbar{min-height:58px;padding:9px 12px;border-bottom:1px solid var(--line);display:flex;align-items:end;gap:8px}.hud-seedbar>button{height:38px;padding:0 11px;border:1px solid var(--line);border-radius:5px;background:transparent;display:inline-flex;align-items:center;gap:7px;color:var(--muted);cursor:pointer;font-size:10px}.hud-seedbar>button.primary-action{border-color:var(--tool-accent);background:var(--tool-accent);color:#111}.hud-seedbar .web-number{width:150px}.hud-seedbar>span{margin:auto 0 10px auto;color:var(--faint);font-size:9px}.button-flow-preview{min-height:640px;align-content:center;gap:24px;padding:80px 30px 130px}.button-flow-preview>button{transition:.2s cubic-bezier(.2,.8,.2,1)}.button-flow-preview>button>span{margin:0}.button-preview .button-dots{margin:0;display:inline-flex;gap:4px}.button-dots i{width:5px;height:5px;margin:0;border-radius:50%;background:currentColor;animation:buttonDot 1s infinite alternate}.button-dots i:nth-child(2){animation-delay:.18s}.button-dots i:nth-child(3){animation-delay:.36s}@keyframes buttonDot{to{translate:0 -4px;opacity:.35}}.button-flow-controls{position:absolute;left:24px;right:24px;bottom:54px;padding:12px;border:1px solid var(--line);border-radius:7px;display:grid;grid-template-columns:1fr 130px auto;align-items:end;gap:8px;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.button-flow-controls>button{height:38px;padding:0 10px;border:1px solid var(--line);border-radius:5px;background:var(--surface-2);color:var(--muted);cursor:pointer;font-size:9px}.button-flow-actions{display:flex;gap:5px}.button-flow-actions button{height:38px;padding:0 9px;border:1px solid var(--line);border-radius:5px;background:var(--surface-2);display:inline-flex;align-items:center;gap:5px;color:var(--muted);cursor:pointer;font-size:8px}.button-spinner{animation:buttonSpin .75s linear infinite}@keyframes buttonSpin{to{rotate:1turn}}.preset-toolbar{min-height:54px;padding:8px 12px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:5px;flex-wrap:wrap}.preset-toolbar>span{margin-right:8px;color:var(--faint);font:8px ui-monospace,monospace;letter-spacing:.12em}.preset-toolbar button{height:30px;padding:0 10px;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--muted);cursor:pointer;font:9px ui-monospace,monospace}.preset-toolbar button:hover{border-color:var(--tool-accent);color:var(--text)}.shadow-workspace,.text-shadow-workspace{min-width:0;display:grid;grid-template-columns:240px minmax(0,1fr);background:var(--bg)}.shadow-box-properties,.text-shadow-properties{padding:20px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:18px;background:var(--surface)}.shadow-workspace .shadow-stage{min-height:620px;padding:70px 30px}.shadow-workspace .shadow-stage>div{max-width:82%;max-height:420px;border-style:solid;border-width:1px}.text-shadow-workspace .text-shadow-stage{min-height:620px}.text-shadow-workspace .text-shadow-stage span{white-space:normal;overflow-wrap:anywhere;text-align:center}.radius-expanded-layout{min-height:0;grid-template-columns:minmax(0,1fr) 370px}.radius-expanded-layout .radius-preview{position:relative;min-height:720px;padding-top:90px}.radius-expanded-layout .radius-object{aspect-ratio:auto;border-style:solid;transition:.2s ease}.radius-dimension-frame{position:relative}.radius-dimension-frame:before{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border:1px dashed color-mix(in srgb,var(--tool-accent) 58%,var(--line));pointer-events:none}.radius-dimension-frame>.dimension-width,.radius-dimension-frame>.dimension-height{position:absolute;z-index:2;color:var(--tool-accent);background:var(--bg);font:8px ui-monospace,monospace}.radius-dimension-frame>.dimension-width{top:-19px;left:50%;translate:-50% 0;padding:0 5px}.radius-dimension-frame>.dimension-height{right:-26px;top:50%;translate:0 -50%;rotate:90deg;padding:0 5px}.radius-corner-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.radius-corner-grid>section{padding:12px;border:1px solid var(--line);border-radius:6px;display:grid;gap:12px;background:var(--bg)}.radius-corner-grid header{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:9px}.radius-corner-grid header code{color:var(--tool-accent);font:8px ui-monospace,monospace}.radius-expanded-layout .radius-controls{overflow:visible}.radius-controls .web-control-head small{max-width:220px;overflow-wrap:anywhere;text-align:right}.path-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 430px;align-items:start}.path-canvas-column{min-width:0;background:var(--bg)}.path-toolbar{min-height:62px;padding-right:12px;justify-content:flex-start;flex-wrap:wrap}.path-toolbar>span{min-width:220px;text-align:right}.path-upload{height:34px;padding:0 9px;border:1px solid transparent;border-radius:5px;display:inline-flex;align-items:center;gap:6px;color:var(--muted);cursor:pointer;font-size:9px}.path-upload:hover{color:var(--text);background:var(--surface-2)}.path-upload input{display:none}.path-preview{padding-top:0;min-height:760px}.path-preview>svg{min-height:717px;padding:54px;touch-action:none}.path-zoom{position:absolute;z-index:4;left:18px;right:18px;bottom:14px;padding:9px 12px;border:1px solid var(--line);border-radius:6px;background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.path-control-point line{stroke:color-mix(in srgb,var(--tool-accent) 48%,var(--line));stroke-width:1px;stroke-dasharray:3 3}.path-control-point circle{fill:var(--bg);stroke:#ff9f68;stroke-width:1.4px;cursor:grab}.path-control-point text{fill:#ff9f68;font:4px ui-monospace,monospace;pointer-events:none}.path-anchor circle{fill:var(--surface);stroke:var(--tool-accent);stroke-width:1.5px;cursor:grab}.path-anchor text{fill:var(--muted);font:5px ui-monospace,monospace;pointer-events:none}.path-source{padding:18px;border-top:1px solid var(--line)}.path-source textarea{min-height:118px;resize:none}.path-main-grid .path-inspector{padding:0;overflow:visible}.path-inspector>section{padding:18px;border-bottom:1px solid var(--line);display:grid;gap:16px}.path-option-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.path-operation-row{display:grid;grid-template-columns:20px 1fr 1fr auto;align-items:end;gap:6px}.path-operation-row:has(.web-number:nth-of-type(3)){grid-template-columns:20px 1fr 1fr 1fr auto}.path-operation-row>svg{align-self:center;color:var(--faint)}.path-operation-row>button,.path-action-grid button{height:38px;padding:0 9px;border:1px solid var(--line);border-radius:5px;background:var(--surface-2);color:var(--muted);cursor:pointer;font-size:8px}.path-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.path-action-grid button{display:inline-flex;align-items:center;justify-content:center;gap:5px}.path-commands{border-top:1px solid var(--line);background:var(--surface)}.path-commands>header{min-height:48px;padding:0 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.path-commands>header span{color:var(--text);font:9px ui-monospace,monospace;letter-spacing:.12em}.path-commands>header small{color:var(--faint);font-size:9px}.path-commands>div{min-height:55px;padding:8px 16px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.path-commands strong{width:30px;color:var(--tool-accent);font:14px ui-monospace,monospace}.path-commands>div>span{width:30px;color:var(--faint);font:8px ui-monospace,monospace}.path-commands label{width:92px;display:grid;grid-template-columns:18px 1fr;align-items:center}.path-commands label small{color:var(--faint);font:7px ui-monospace,monospace}.path-commands input{min-width:0;width:100%;height:32px;padding:0 6px;border:1px solid var(--line);border-radius:4px;outline:0;background:var(--surface-2);color:var(--text);font:9px ui-monospace,monospace}.path-commands input[type=checkbox]{width:18px;height:18px;accent-color:var(--tool-accent)}.path-command-actions{margin-left:auto;display:flex;gap:4px}.path-command-actions button{width:31px;height:31px;border:1px solid var(--line);border-radius:4px;background:var(--surface-2);display:grid;place-items:center;color:var(--muted);cursor:pointer}.path-command-actions button:hover:not(:disabled){color:var(--text);border-color:var(--tool-accent)}.path-command-actions button:disabled{opacity:.3}.tool-page.is-fullpage .web-workspace,.tool-page.is-fullpage .web-tool{height:auto;min-height:100dvh}.tool-page.is-fullpage .web-tool{overflow:visible}.tool-page.is-fullpage.is-document-fullpage{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.tool-page.is-fullpage.is-document-fullpage>.workspace.web-workspace{min-height:100dvh}.tool-page.is-fullpage.is-document-fullpage .web-tool{min-height:calc(100dvh - 43px)}.language-workbench .dual-editor,.package-workbench .package-grid,.trace-workbench .trace-grid{min-height:620px}.language-workbench .code-editor,.language-workbench .code-output,.language-workbench .code-output pre,.trace-workbench .code-editor{height:560px;min-height:560px}.generator-toolbar,.formatter-toolbar{flex-wrap:wrap}.generator-toolbar>span,.formatter-toolbar>span{flex:1}.generator-toolbar .toolbar-field input{width:155px}.package-builder{min-height:74px;padding:12px 15px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.2fr .7fr .8fr auto auto;align-items:end;gap:10px}.package-builder label{min-width:0;display:grid;gap:7px;color:var(--faint);font-size:9px}.package-builder input:not([type=checkbox]),.package-builder select,.semver-query input{min-width:0;width:100%;height:36px;padding:0 9px;border:1px solid var(--line);border-radius:5px;outline:0;background:var(--surface-2);color:var(--text);font:10px ui-monospace,monospace}.package-builder input:focus,.package-builder select:focus,.semver-query input:focus{border-color:var(--tool-accent)}.package-private{min-height:36px;display:flex!important;align-items:center;gap:7px!important;white-space:nowrap}.package-private input{accent-color:var(--tool-accent)}.package-builder>button,.contrast-swap{height:36px;padding:0 11px;border:1px solid var(--line);border-radius:5px;background:transparent;display:inline-flex;align-items:center;gap:6px;color:var(--muted);cursor:pointer;font-size:10px}.package-builder>button:hover:not(:disabled),.contrast-swap:hover{color:var(--text);border-color:var(--tool-accent)}.package-builder>button:disabled{opacity:.35}.package-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)}.package-grid>.editor-panel{border-right:1px solid var(--line)}.package-grid .code-editor{height:620px}.diagnostic-panel{min-width:0;background:color-mix(in srgb,var(--surface) 96%,var(--bg))}.diagnostic-panel>header{min-height:68px;padding:0 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;color:var(--tool-accent)}.diagnostic-panel>header>div{display:grid;gap:4px}.diagnostic-panel>header strong{color:var(--text);font-size:12px;font-weight:560}.diagnostic-panel>header span{color:var(--faint);font-size:9px}.diagnostic-panel article{min-height:70px;padding:14px 18px;border-bottom:1px solid var(--line-soft);display:flex;align-items:flex-start;gap:10px;color:var(--muted)}.diagnostic-panel article.error{color:#ff8b8b;background:color-mix(in srgb,#ff7474 6%,transparent)}.diagnostic-panel article.warning{color:#e9c46a}.diagnostic-panel article.success{color:#8ddd83}.diagnostic-panel article>div{display:grid;gap:6px}.diagnostic-panel article strong{font-size:11px;font-weight:540}.diagnostic-panel article small{color:var(--faint);font:9px/1.5 ui-monospace,monospace;overflow-wrap:anywhere}.semver-query{min-height:126px;padding:18px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(260px,1.2fr) minmax(160px,.6fr) minmax(360px,1fr);align-items:end;gap:14px}.semver-query>label{display:grid;gap:8px;color:var(--faint);font-size:9px}.semver-query>label:first-child input{height:46px;color:var(--tool-accent);font-size:13px}.semver-bumps{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.semver-bumps button{min-width:0;height:54px;padding:7px;border:1px solid var(--line);border-radius:5px;background:transparent;display:grid;gap:4px;color:var(--faint);cursor:pointer;text-align:left}.semver-bumps button:hover:not(:disabled){border-color:var(--tool-accent)}.semver-bumps span{font-size:8px;text-transform:uppercase}.semver-bumps code{min-width:0;overflow:hidden;color:var(--text);font:9px ui-monospace,monospace;text-overflow:ellipsis}.semver-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.7fr);min-height:470px}.semver-grid>.editor-panel{border-right:1px solid var(--line)}.semver-results>header{min-height:42px;padding:0 15px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;color:var(--faint);font-size:10px}.semver-results>header code{color:var(--tool-accent)}.semver-results>div{min-height:48px;padding:0 16px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--faint)}.semver-results>div.matches{background:color-mix(in srgb,#7dde8b 7%,transparent);color:#8ddd83}.semver-results>div.invalid{background:color-mix(in srgb,#ff7474 6%,transparent);color:#ff8b8b}.semver-results code{color:var(--text);font:11px ui-monospace,monospace}.semver-results span{font-size:9px}.trace-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr)}.trace-grid>.editor-panel{border-right:1px solid var(--line)}.trace-report,.goroutine-report{min-width:0;background:color-mix(in srgb,var(--surface) 96%,var(--bg))}.trace-report>header{min-height:150px;padding:24px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;gap:9px}.trace-report>header span,.trace-chain:before{color:var(--tool-accent);font:8px ui-monospace,monospace;letter-spacing:.13em}.trace-report>header strong{font-size:18px;font-weight:560;overflow-wrap:anywhere}.trace-report>header p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.trace-chain,.trace-frames{padding:12px 18px;border-bottom:1px solid var(--line)}.trace-chain>div,.trace-frames>div{min-height:49px;display:grid;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:2px 8px;border-bottom:1px solid var(--line-soft)}.trace-chain>div>span,.trace-frames>div>span{grid-row:1 / 3;color:var(--tool-accent);font:9px ui-monospace,monospace}.trace-chain code,.trace-frames code{min-width:0;overflow-wrap:anywhere;color:var(--text);font:10px ui-monospace,monospace}.trace-chain small,.trace-frames small{color:var(--faint);font:8px ui-monospace,monospace;overflow-wrap:anywhere}.goroutine-report>header{padding:18px;border-bottom:1px solid var(--line)}.goroutine-report>header>span{color:var(--tool-accent);font:8px ui-monospace,monospace;letter-spacing:.13em}.goroutine-report>header>div{margin-top:14px;display:grid;gap:8px}.goroutine-report>header article>div{display:flex;align-items:center;justify-content:space-between}.goroutine-report>header strong{color:var(--muted);font-size:9px;font-weight:520}.goroutine-report>header code{color:var(--text);font:9px ui-monospace,monospace}.goroutine-report>header i{display:block;height:3px;margin-top:5px;background:var(--tool-accent)}.goroutine-list article{padding:15px 18px;border-bottom:1px solid var(--line)}.goroutine-list article>div{display:flex;align-items:center;gap:9px;margin-bottom:11px}.goroutine-list strong{color:var(--tool-accent);font:11px ui-monospace,monospace}.goroutine-list span{color:var(--text);font-size:10px}.goroutine-list small{margin-left:auto;color:var(--faint);font-size:8px}.goroutine-list p{margin:5px 0;display:grid;gap:3px}.goroutine-list p code{color:var(--muted);font:9px ui-monospace,monospace;overflow-wrap:anywhere}.goroutine-list p small{margin:0;font:8px ui-monospace,monospace;overflow-wrap:anywhere}.layout-modebar{justify-content:space-between}.layout-modebar .web-segments{width:250px}.layout-modebar>span{color:var(--faint);font-size:9px}.layout-builder-grid{display:grid;grid-template-columns:310px minmax(0,1fr)}.layout-preview,.transform-stage,.keyframe-preview,.contrast-preview,.sprite-preview{min-width:0;background:var(--bg)}.layout-canvas{min-height:690px;padding:34px;align-content:stretch;background-image:linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);background-size:24px 24px}.layout-canvas article{min-width:0;min-height:100px;padding:16px;border:1px solid color-mix(in srgb,var(--tool-accent) 55%,var(--line));background:color-mix(in srgb,var(--tool-accent) 8%,var(--surface));display:flex;flex-direction:column;justify-content:space-between;gap:10px}.layout-canvas article span,.layout-canvas article small{color:var(--faint);font:8px ui-monospace,monospace}.layout-canvas article strong{font-size:clamp(13px,1.8vw,23px);font-weight:520}.transform-filter-grid{display:grid;grid-template-columns:270px 270px minmax(0,1fr)}.filter-controls{border-right:1px solid var(--line)}.transform-stage{min-height:760px}.transform-scene{min-height:717px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at center,color-mix(in srgb,var(--tool-accent) 12%,transparent),transparent 48%),linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);background-size:auto,28px 28px,28px 28px;transform-style:preserve-3d}.transform-orbit{position:absolute;width:min(70%,530px);aspect-ratio:1;border:1px solid var(--line);border-radius:50%;transform:rotateX(68deg)}.transform-scene article{position:relative;width:min(60%,390px);aspect-ratio:1.25;padding:28px;border:1px solid rgba(255,255,255,.28);border-radius:18px;background:linear-gradient(135deg,#b8f35de0,#284b44bd);color:#101a13;box-shadow:0 30px 90px #00000059;display:flex;flex-direction:column;justify-content:space-between;will-change:transform,filter}.transform-scene article span,.transform-scene article small{font:8px ui-monospace,monospace;letter-spacing:.12em}.transform-scene article strong{font-size:clamp(24px,4vw,50px);line-height:.9;letter-spacing:-.055em}.keyframe-toolbar,.sprite-toolbar{min-height:58px;padding:9px 12px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px}.keyframe-toolbar label,.sprite-toolbar label{height:38px;padding:0 9px;border:1px solid var(--line);border-radius:5px;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px}.keyframe-toolbar input,.sprite-toolbar input{width:90px;border:0;outline:0;background:transparent;color:var(--text);font:10px ui-monospace,monospace}.keyframe-toolbar select,.keyframe-toolbar>button,.sprite-toolbar button,.sprite-inspector button{height:38px;padding:0 10px;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--muted);cursor:pointer;font-size:9px}.keyframe-toolbar>button.primary-action{color:#111;border-color:var(--tool-accent);background:var(--tool-accent)}.keyframe-grid{display:grid;grid-template-columns:310px minmax(0,1fr) 270px;align-items:start}.keyframe-list,.bezier-panel{min-width:0;border-right:1px solid var(--line)}.keyframe-list>header,.bezier-panel>header,.sprite-library>header,.sprite-inspector>header{min-height:62px;padding:12px 15px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.keyframe-list>header>div,.sprite-library>header,.sprite-inspector>header{display:grid;gap:5px}.keyframe-list header span,.bezier-panel header span,.sprite-library header span,.sprite-inspector header span{color:var(--text);font:9px ui-monospace,monospace;letter-spacing:.12em}.keyframe-list header small,.sprite-library header small,.sprite-inspector header small{color:var(--faint);font-size:8px}.keyframe-list header button{height:28px;padding:0 7px;border:0;border-radius:4px;background:var(--surface-2);display:inline-flex;align-items:center;gap:4px;color:var(--muted);cursor:pointer;font-size:8px}.keyframe-list>article{padding:15px;border-bottom:1px solid var(--line);display:grid;gap:10px}.keyframe-list article>div:first-child{display:flex;align-items:center;justify-content:space-between}.keyframe-list article strong{color:var(--tool-accent);font:11px ui-monospace,monospace}.keyframe-list article button{border:0;background:transparent;color:var(--faint);cursor:pointer}.keyframe-list article>label{display:grid;gap:6px;color:var(--faint);font-size:8px}.keyframe-list article input[type=range]{width:100%;accent-color:var(--tool-accent)}.keyframe-list article>div:last-child,.bezier-panel>div{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.keyframe-list article>div:last-child label,.bezier-panel>div label{min-width:0;display:grid;grid-template-columns:35px minmax(0,1fr);align-items:center;color:var(--faint);font-size:8px}.keyframe-list article input[type=number],.bezier-panel input{min-width:0;width:100%;height:30px;padding:0 6px;border:1px solid var(--line);border-radius:4px;background:var(--surface-2);color:var(--text);font:9px ui-monospace,monospace}.keyframe-stage{position:relative;min-height:700px;display:grid;place-items:center;overflow:hidden;background-image:linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);background-size:30px 30px}.motion-trail{position:absolute;width:60%;height:1px;border-top:1px dashed var(--line)}.keyframe-stage article{width:min(50%,290px);aspect-ratio:1.2;padding:24px;border-radius:18px;background:var(--tool-accent);color:#17131e;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 25px 80px #00000052}.keyframe-stage article span{font:8px ui-monospace,monospace;letter-spacing:.13em}.keyframe-stage article strong{font-size:clamp(22px,3.4vw,42px);line-height:.9;letter-spacing:-.05em}.bezier-panel{border-right:0;border-left:1px solid var(--line)}.bezier-panel header{display:grid;gap:6px}.bezier-panel header code{color:var(--tool-accent);font:8px ui-monospace,monospace;overflow-wrap:anywhere}.bezier-panel svg{width:calc(100% - 40px);margin:20px;border:1px solid var(--line);background:var(--bg)}.bezier-guide{fill:none;stroke:var(--line);stroke-dasharray:4 4}.bezier-curve{fill:none;stroke:var(--tool-accent);stroke-width:3}.bezier-panel circle{fill:var(--surface);stroke:var(--tool-accent);stroke-width:2}.bezier-panel>div{padding:0 18px 20px}.contrast-grid{display:grid;grid-template-columns:290px minmax(0,1fr) 300px}.contrast-preview{min-height:680px;border-right:1px solid var(--line)}.contrast-preview .web-preview-static{border-color:currentColor;opacity:.65}.contrast-preview>div:last-child{min-height:637px;padding:55px;display:flex;flex-direction:column;justify-content:center;gap:25px}.contrast-preview>div:last-child>span{font:9px ui-monospace,monospace;letter-spacing:.14em}.contrast-preview strong{line-height:1.08;letter-spacing:-.045em}.contrast-preview p{max-width:480px;margin:0;line-height:1.75}.contrast-score header{min-height:245px;padding:28px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.contrast-score header>span{color:var(--faint);font:8px ui-monospace,monospace;letter-spacing:.13em}.contrast-score header>strong{margin:13px 0;color:var(--tool-accent);font:54px ui-monospace,monospace;letter-spacing:-.08em}.contrast-score header>strong small{font-size:15px;letter-spacing:0}.contrast-score header p{margin:0;color:var(--muted);font-size:11px}.contrast-score article{min-height:62px;padding:0 18px;border-bottom:1px solid var(--line-soft);display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:7px}.contrast-score article>span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px}.contrast-score article.pass>span{background:color-mix(in srgb,#7fe08e 18%,transparent);color:#8ddd83}.contrast-score article.fail>span{background:color-mix(in srgb,#ff7474 15%,transparent);color:#ff8b8b}.contrast-score article strong{color:var(--muted);font-size:10px;font-weight:520}.contrast-score article code{color:var(--faint);font:9px ui-monospace,monospace}.sprite-toolbar>span{margin-left:auto;color:var(--faint);font-size:9px}.sprite-upload{cursor:pointer}.sprite-upload input{display:none}.sprite-grid{display:grid;grid-template-columns:290px minmax(0,1fr) 290px;align-items:start}.sprite-library{border-right:1px solid var(--line)}.sprite-library>article{position:relative;width:100%;min-height:75px;padding:11px 39px 11px 13px;border-bottom:1px solid var(--line-soft);background:transparent;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:3px 10px;color:var(--muted);cursor:pointer;text-align:left}.sprite-library>article:hover,.sprite-library>article.active,.sprite-library>article:focus-visible{outline:0;background:var(--surface-2);color:var(--text)}.sprite-library svg{grid-row:1 / 3;width:38px;height:38px;color:var(--tool-accent)}.sprite-library span{font-size:10px}.sprite-library code{min-width:0;overflow:hidden;color:var(--faint);font:8px ui-monospace,monospace;text-overflow:ellipsis}.sprite-library article>button{position:absolute;right:8px;top:50%;width:28px;height:28px;translate:0 -50%;border:0;border-radius:4px;background:transparent;display:grid;place-items:center;color:var(--faint);cursor:pointer}.sprite-library article>button:hover{color:#ff8b8b;background:color-mix(in srgb,#ff7474 9%,transparent)}.sprite-preview{min-height:690px}.sprite-preview>div:last-child{min-height:647px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background-image:linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);background-size:24px 24px}.sprite-preview>div:last-child svg{width:min(38%,230px);height:min(38%,230px);padding:25px;color:var(--tool-accent);filter:drop-shadow(0 18px 40px color-mix(in srgb,var(--tool-accent) 22%,transparent))}.sprite-preview strong{font-size:22px;font-weight:520}.sprite-preview span{color:var(--faint);font:9px ui-monospace,monospace}.sprite-inspector{border-left:1px solid var(--line)}.sprite-inspector pre{min-height:220px;margin:0;padding:18px;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;font:10px/1.7 ui-monospace,monospace}.sprite-inspector>div{padding:0 18px}.jwt-controls{grid-template-columns:repeat(3,minmax(160px,1fr)) auto;align-items:end}.jwt-actions{display:flex;gap:6px}.jwt-actions button{height:38px;padding:0 11px;border:1px solid var(--line);border-radius:6px;background:var(--surface-2);display:inline-flex;align-items:center;gap:6px;color:var(--muted);cursor:pointer;white-space:nowrap}.jwt-actions button.primary-action{color:#111;border-color:var(--tool-accent);background:var(--tool-accent)}.jwt-actions button:disabled{opacity:.4;cursor:default}.jwt-diagnostics{border-bottom:1px solid var(--line)}.jwt-diagnostics>div:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.jwt-check{min-height:56px;padding:9px 15px;border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);display:grid;grid-template-columns:72px 45px minmax(0,1fr);align-items:center;gap:8px}.jwt-check:nth-child(2n){border-right:0}.jwt-check>span{color:var(--faint);font:10px ui-monospace,monospace}.jwt-check strong{color:var(--muted);font-size:10px;font-weight:550}.jwt-check code{color:var(--text);overflow-wrap:anywhere;font:10px/1.5 ui-monospace,monospace}.jwt-check.ok strong{color:#8ddd83}.jwt-check.warning strong{color:#e9c46a}.jwt-check.error strong{color:#ff8b8b}.jwt-workbench>.result-lines>div{grid-template-columns:48px minmax(0,1fr) auto}.ipv4-address-preview,.cidr-output{max-height:560px;overflow:auto}.ipv4-cidr-tool>.editor-panel .code-editor{min-height:150px}.cidr-details>div{grid-template-columns:90px minmax(0,1fr) auto}.cidr-output>div{grid-template-columns:48px minmax(0,1fr) auto}.docker-analysis{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);border-top:1px solid var(--line)}.docker-analysis>section:first-child{border-right:1px solid var(--line)}.docker-analysis .result-lines>div{grid-template-columns:48px minmax(0,1fr)}.docker-diagnostics{max-height:380px;overflow:auto}.docker-diagnostics>div{min-height:62px;padding:10px 15px;border-bottom:1px solid var(--line-soft);display:grid;grid-template-columns:100px 44px minmax(0,1fr);align-items:center;gap:8px}.docker-diagnostics strong{color:var(--text);overflow-wrap:anywhere;font:10px ui-monospace,monospace}.docker-diagnostics span{color:var(--muted);font-size:10px}.docker-diagnostics p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}.docker-diagnostics .ok span{color:#8ddd83}.docker-diagnostics .warning span{color:#e9c46a}.docker-diagnostics .error span{color:#ff8b8b}.svg-optimization-summary{display:grid;grid-template-columns:repeat(7,minmax(100px,1fr));border-top:1px solid var(--line)}.svg-optimization-summary>div{min-height:76px;padding:13px 15px;border-right:1px solid var(--line-soft);display:grid;align-content:center;gap:7px}.svg-optimization-summary>div:last-child{border-right:0}.svg-optimization-summary span{color:var(--faint);font-size:9px}.svg-optimization-summary strong{color:var(--text);overflow-wrap:anywhere;font:12px ui-monospace,monospace}.image-resize-options input[type=number]{width:88px;height:34px;padding:0 8px;border:1px solid var(--line);border-radius:6px;outline:0;color:var(--text);background:var(--surface-2);font:11px ui-monospace,monospace}.image-resize-options input[type=checkbox],.metadata-lock input{accent-color:var(--tool-accent)}.image-preview-empty{color:var(--faint);font-size:11px}.image-batch-results{grid-column:1 / -1;border-top:1px solid var(--line)}.image-batch-results>div:not(.panel-label){min-height:62px;padding:7px 16px;border-bottom:1px solid var(--line-soft);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.image-batch-results>div.selected{background:color-mix(in srgb,var(--tool-accent) 5%,transparent)}.image-batch-results>div.error{background:color-mix(in srgb,#ff7474 4%,transparent)}.image-batch-results button{min-width:0;padding:0;border:0;background:transparent;display:grid;grid-template-columns:minmax(140px,.7fr) minmax(0,1.3fr) 90px;align-items:center;gap:12px;color:var(--muted);cursor:pointer;text-align:left}.image-batch-results strong{overflow:hidden;color:var(--text);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.image-batch-results span{font:10px ui-monospace,monospace}.image-batch-results small{color:#8ddd83;font-size:9px}.image-batch-results .error small{color:#ff8b8b}.image-batch-results a{height:32px;padding:0 10px;border:1px solid var(--line);border-radius:5px;display:inline-flex;align-items:center;gap:5px;color:var(--text);text-decoration:none;font-size:10px}.shape-effect-stage{position:relative;min-height:477px;padding:38px;display:grid;place-items:center;overflow:hidden;background-image:linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);background-size:24px 24px}.shape-effect-stage>p{position:absolute;right:22px;bottom:16px;left:22px;margin:0;color:var(--muted);font-size:10px;line-height:1.5;text-align:center}.shape-clip-sample{width:min(78%,330px);aspect-ratio:1;display:grid;place-items:center;background:linear-gradient(135deg,var(--tool-accent),#6d28d9);box-shadow:0 28px 70px color-mix(in srgb,var(--tool-accent) 18%,transparent)}.shape-clip-sample span{color:#111;font:11px ui-monospace,monospace;letter-spacing:.16em}.shape-motion-stage svg{position:absolute;top:12%;right:14%;bottom:12%;left:14%;width:72%;height:72%;overflow:visible}.shape-motion-stage polygon{fill:color-mix(in srgb,var(--tool-accent) 5%,transparent);stroke:var(--tool-accent);stroke-width:.7;stroke-dasharray:2 2}.shape-motion-node{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#111;background:var(--tool-accent);box-shadow:0 6px 18px color-mix(in srgb,var(--tool-accent) 45%,transparent);animation:shapeOffsetTravel 5s linear infinite}@keyframes shapeOffsetTravel{to{offset-distance:100%}}.analysis-workbench{min-width:0}.analysis-toolbar{flex-wrap:wrap}.analysis-toolbar>span{flex:1}.analysis-toolbar button:disabled{opacity:.35;cursor:default}.analysis-toolbar .mini-action{height:36px;padding-inline:10px;border:1px solid transparent}.analysis-toolbar .toolbar-field input{width:125px}.analysis-toolbar .toolbar-field.wide input{width:235px}.analysis-input-grid,.analysis-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.86fr);align-items:start}.analysis-input-grid>.editor-panel:first-child,.analysis-split>.editor-panel{border-right:1px solid var(--line)}.analysis-input-grid .code-editor,.analysis-split .code-editor{height:560px;min-height:360px}.analysis-result{min-width:0;background:color-mix(in srgb,var(--surface) 96%,var(--bg))}.analysis-empty{min-height:560px;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--faint);text-align:center}.analysis-empty svg{color:var(--tool-accent);opacity:.65}.analysis-empty strong{color:var(--muted);font-size:13px;font-weight:560}.analysis-empty span{max-width:34ch;font-size:10px;line-height:1.6}.analysis-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line)}.analysis-stats>div{min-width:0;min-height:78px;padding:15px;border-right:1px solid var(--line-soft);display:flex;flex-direction:column;justify-content:center;gap:7px}.analysis-stats>div:last-child{border-right:0}.analysis-stats span{color:var(--faint);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.analysis-stats strong{min-width:0;overflow-wrap:anywhere;color:var(--text);font:14px ui-monospace,SFMono-Regular,Menlo,monospace}.analysis-stats .good strong{color:#8ddd83}.analysis-stats .bad strong{color:#ff8b8b}.analysis-boundary{min-height:52px;padding:12px 16px;border-top:1px solid var(--line);display:flex;align-items:flex-start;gap:9px;color:var(--faint);font-size:10px;line-height:1.65}.analysis-boundary svg{flex:none;margin-top:1px;color:var(--tool-accent)}.analysis-findings{border-top:1px solid var(--line)}.analysis-findings>header,.scope-list>header,.state-list>header,.dependency-list>header,.thread-groups>header,.thread-list>header,.override-list>header,.deadlock-list>header{min-height:43px;padding:0 15px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;gap:8px;color:var(--muted)}.analysis-findings>header strong,.scope-list>header strong,.state-list>header strong,.dependency-list>header strong,.thread-groups>header strong,.thread-list>header strong,.override-list>header strong,.deadlock-list>header strong{font-size:10px;font-weight:560}.analysis-findings>header span,.dependency-list>header span,.thread-groups>header span,.thread-list>header span,.override-list>header span{margin-left:auto;color:var(--faint);font-size:9px}.analysis-findings article{min-height:59px;padding:12px 15px;border-bottom:1px solid var(--line-soft);display:flex;align-items:flex-start;gap:9px;color:var(--muted)}.analysis-findings article.error{color:#ff8b8b;background:color-mix(in srgb,#ff7474 6%,transparent)}.analysis-findings article.warning{color:#e9c46a}.analysis-findings article.info{color:#8ddd83}.analysis-findings article svg{flex:none}.analysis-findings article>div{display:grid;gap:5px}.analysis-findings article strong{font-size:10px;font-weight:540}.analysis-findings article small{color:var(--faint);font:8px/1.55 ui-monospace,monospace;overflow-wrap:anywhere}.benchmark-table>header{min-height:45px;padding:0 17px;display:grid;grid-template-columns:minmax(230px,1.4fr) repeat(3,minmax(120px,.7fr));align-items:center;border-bottom:1px solid var(--line);color:var(--faint);font-size:9px}.benchmark-table section{border-bottom:1px solid var(--line)}.benchmark-table h3{min-height:54px;margin:0;padding:10px 17px;display:flex;align-items:center;gap:12px;font:12px ui-monospace,monospace}.benchmark-table h3 small{color:var(--faint);font-size:8px;font-weight:400}.benchmark-table section>div{min-height:46px;padding:0 17px;display:grid;grid-template-columns:minmax(230px,1.4fr) repeat(3,minmax(120px,.7fr));align-items:center;border-top:1px solid var(--line-soft)}.benchmark-table code,.benchmark-table span,.benchmark-table strong{font:10px ui-monospace,monospace}.benchmark-table span{color:var(--muted)}.benchmark-table strong{font-weight:540;color:var(--faint)}.benchmark-table .improved strong{color:#8ddd83}.benchmark-table .regressed strong{color:#ff8b8b}.benchmark-table .missing{opacity:.7}.resolution-result,.module-head{min-height:132px;padding:24px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;gap:8px}.resolution-result>span,.module-head>span{color:var(--tool-accent);font:8px ui-monospace,monospace;letter-spacing:.13em}.resolution-result>strong,.module-head>strong{color:var(--text);font:16px ui-monospace,monospace;overflow-wrap:anywhere}.resolution-result>small,.module-head>small{color:var(--faint);font:9px ui-monospace,monospace;overflow-wrap:anywhere}.resolution-chain article{min-height:61px;padding:11px 16px;border-bottom:1px solid var(--line-soft);display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:8px}.resolution-chain article>span{color:var(--tool-accent);font:8px ui-monospace,monospace}.resolution-chain article>div{display:grid;gap:5px}.resolution-chain strong{color:var(--muted);font-size:10px;font-weight:540}.resolution-chain small{color:var(--faint);font:8px/1.5 ui-monospace,monospace;overflow-wrap:anywhere}.resolution-chain article.failed{background:color-mix(in srgb,#ff7474 5%,transparent)}.scope-list,.state-list{padding-bottom:9px;border-bottom:1px solid var(--line)}.scope-list>div,.state-list>div{position:relative;min-height:36px;margin:0 15px;display:grid;grid-template-columns:minmax(0,1fr) 35px;align-items:center}.scope-list code,.state-list code{color:var(--muted);font:9px ui-monospace,monospace}.scope-list span,.state-list span{color:var(--faint);font:9px ui-monospace,monospace;text-align:right}.scope-list i,.state-list i{position:absolute;left:0;bottom:2px;max-width:100%;height:2px;background:var(--tool-accent)}.dependency-list article{min-height:52px;padding:9px 16px 9px calc(16px + min(var(--depth),8)*13px);border-bottom:1px solid var(--line-soft);display:grid;grid-template-columns:27px minmax(0,1fr);align-items:center;gap:5px}.dependency-list article.warning{background:color-mix(in srgb,#e9c46a 5%,transparent)}.dependency-list article>span,.directive-list article>span{color:var(--faint);font:8px ui-monospace,monospace}.dependency-list article>div{display:grid;gap:4px}.dependency-list code{color:var(--text);font:9px ui-monospace,monospace;overflow-wrap:anywhere}.dependency-list small{color:var(--faint);font:8px ui-monospace,monospace;overflow-wrap:anywhere}.directive-list article{min-height:57px;padding:9px 15px;border-bottom:1px solid var(--line-soft);display:grid;grid-template-columns:28px 58px minmax(0,1fr);align-items:center;gap:7px}.directive-list b{color:var(--tool-accent);font:8px ui-monospace,monospace;text-transform:uppercase}.directive-list article>div{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap}.directive-list code{color:var(--text);font:9px ui-monospace,monospace;overflow-wrap:anywhere}.directive-list small{color:var(--muted);font:9px ui-monospace,monospace}.directive-list em{padding:2px 5px;border:1px solid var(--line);border-radius:20px;color:var(--faint);font: 7px ui-monospace,monospace}.deadlock-list{border-bottom:1px solid var(--line);background:color-mix(in srgb,#ff7474 5%,transparent)}.deadlock-list>header{color:#ff8b8b}.deadlock-list>div{padding:12px 15px;border-bottom:1px solid var(--line-soft);color:#ff9d9d;font:9px/1.6 ui-monospace,monospace;overflow-wrap:anywhere}.thread-groups article{min-height:78px;padding:12px 15px;border-bottom:1px solid var(--line-soft);display:grid;grid-template-columns:36px minmax(0,1fr);align-items:start;gap:8px}.thread-groups article>strong{color:var(--tool-accent);font:12px ui-monospace,monospace}.thread-groups article>div{min-width:0;display:grid;gap:7px}.thread-groups span{color:var(--text);font-size:9px;overflow-wrap:anywhere}.thread-groups code{color:var(--faint);white-space:pre-wrap;font:8px/1.55 ui-monospace,monospace;overflow-wrap:anywhere}.thread-list article{min-height:57px;padding:9px 15px;border-bottom:1px solid var(--line-soft);display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:8px}.thread-list article>span{color:var(--tool-accent);font:8px ui-monospace,monospace}.thread-list article>div{min-width:0;display:grid;gap:5px}.thread-list strong{color:var(--text);font-size:9px;font-weight:540;overflow-wrap:anywhere}.thread-list code{color:var(--faint);font:8px ui-monospace,monospace;overflow-wrap:anywhere}.specificity-list>header{min-height:42px;padding:0 15px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:90px minmax(0,1fr) 30px;align-items:center;gap:7px;color:var(--faint);font-size:8px}.specificity-list>header span{color:var(--tool-accent);font:8px ui-monospace,monospace;letter-spacing:.1em}.specificity-list>header strong{font-weight:520}.specificity-list article{min-height:52px;padding:8px 15px;border-bottom:1px solid var(--line-soft);display:grid;grid-template-columns:90px minmax(0,1fr) 30px;align-items:center;gap:7px}.specificity-list article.invalid{background:color-mix(in srgb,#ff7474 6%,transparent)}.specificity-list code{color:var(--tool-accent);font:10px ui-monospace,monospace}.specificity-list article span{color:var(--text);font:9px ui-monospace,monospace;overflow-wrap:anywhere}.specificity-list article small{color:var(--faint);font:8px ui-monospace,monospace;text-align:right}.override-list{border-top:1px solid var(--line)}.override-list article{min-height:68px;padding:11px 15px;border-bottom:1px solid var(--line-soft);display:grid;grid-template-columns:100px minmax(0,1fr);gap:5px 9px;align-items:center}.override-list code{grid-row:1 / 3;color:var(--tool-accent);font:9px ui-monospace,monospace;overflow-wrap:anywhere}.override-list article span{color:var(--text);font:9px ui-monospace,monospace;overflow-wrap:anywhere}.override-list article small{color:var(--faint);font:8px/1.5 ui-monospace,monospace}@media(max-width:900px){.sidebar{transform:translate(-100%);width:260px;box-shadow:20px 0 60px #0000004d}.sidebar.mobile-visible{transform:translate(0)}.main,.main.expanded{margin-left:0}.mobile-menu{display:grid;margin-right:9px}.mobile-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;pointer-events:none;background:#00000080;opacity:0;transition:opacity .2s}.mobile-scrim.visible{opacity:1;pointer-events:auto}.sidebar .brand-name,.sidebar .side-nav span,.sidebar .side-nav small,.sidebar .sidebar-footer span{display:initial}.sidebar .brand{padding:0 10px}.sidebar .side-nav button,.sidebar .sidebar-footer button{justify-content:flex-start;padding:0 12px}.tool-row{grid-template-columns:46px minmax(140px,.7fr) 1fr 30px}.tool-category{display:none}.image-toolbar{flex-wrap:wrap}.image-toolbar .export-action{margin-left:0}.studio-body{grid-template-columns:1fr}.image-inspector{border-left:0;border-top:1px solid var(--line)}.layer-list{max-height:180px}.tool-page.is-fullpage .studio-body{grid-template-columns:minmax(0,1fr) 240px}.tool-page.is-fullpage .image-inspector{border-top:0;border-left:1px solid var(--line)}.web-studio-grid{grid-template-columns:290px minmax(0,1fr)}.radius-layout,.path-grid{grid-template-columns:minmax(0,1fr) 290px}.analysis-input-grid,.analysis-split{grid-template-columns:1fr}.analysis-input-grid>.editor-panel:first-child,.analysis-split>.editor-panel{border-right:0;border-bottom:1px solid var(--line)}.analysis-split .code-editor{height:470px}}@media(max-width:680px){.topbar{height:62px;padding:0 18px}.search-trigger{flex:1;width:auto}.search-trigger span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.local-badge,.top-actions a{display:none}.home,.tool-page,footer{width:calc(100% - 36px)}.intro{min-height:390px;padding:60px 0}.intro h1{font-size:47px}.intro:after{width:300px;right:-160px}.section-heading{align-items:flex-start;gap:20px}.section-heading>p{display:none}.directory-actions{align-items:flex-start;gap:12px}.inline-search input{width:min(160px,45vw)}.featured-tools{grid-template-columns:1fr}.featured-tool{min-height:140px;border-right:0;border-bottom:1px solid var(--line)}.featured-tool:last-child{border-bottom:0}.feature-copy{margin-top:45px}.tool-row{min-height:76px;grid-template-columns:42px 1fr 25px;gap:10px}.tool-description,.tool-category{display:none}.privacy-band{grid-template-columns:1fr;padding:38px 30px;gap:30px}.privacy-orbit{width:110px;height:110px}.privacy-orbit:before{width:75px;height:75px}footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:8px}.tool-page{padding-top:30px}.tool-title-line{align-items:flex-start;flex-wrap:wrap;padding-bottom:28px}.large-tool-icon{width:48px;height:48px}.tool-title-line>div{min-width:calc(100% - 75px)}.tool-title-line h1{font-size:28px}.favorite-button{margin-left:70px}.dual-editor{grid-template-columns:1fr}.dual-editor>.editor-panel:first-child{border-right:0;border-bottom:1px solid var(--line)}.workspace-toolbar{overflow-x:auto}.editor-panel .code-editor{min-height:250px}.toolbar-hint{display:none}.generator-controls{align-items:flex-start;flex-wrap:wrap}.generator-controls label{width:100%}.result-lines{padding-inline:12px}.result-lines>div{grid-template-columns:26px minmax(0,1fr) auto}.timestamp-layout{padding:20px}.field-group{grid-template-columns:1fr;gap:15px}.conversion-arrow{transform:rotate(90deg);padding:0}.date-details{grid-template-columns:1fr}.date-details>div:last-child{border-left:0;border-top:1px solid var(--line);padding-left:0}.stats-strip{grid-template-columns:repeat(2,1fr)}.stats-strip>div{min-height:90px;border-bottom:1px solid var(--line)}.color-layout{grid-template-columns:1fr}.color-stage{min-height:360px;padding:28px 18px}.color-values{padding:24px 18px}.json-diff-inputs{grid-template-columns:1fr}.json-diff-inputs>.editor-panel:first-child{border-right:0;border-bottom:1px solid var(--line)}.json-diff-result-head{align-items:flex-start;flex-direction:column;gap:10px}.json-diff-line{grid-template-columns:30px 30px 18px minmax(0,1fr);padding-inline:10px}.permission-grid{grid-template-columns:1fr}.permission-grid>div{min-height:0;padding:20px;border-right:0;border-bottom:1px solid var(--line)}.permission-result{grid-template-columns:70px 1fr;padding:20px}.permission-result code{grid-column:2}.cron-toolbar{overflow:visible}.cron-timezone{width:100%;margin-left:0}.cron-timezone select{flex:1;min-width:0}.cron-input{padding:20px 14px;grid-template-columns:auto minmax(0,1fr)}.cron-input>.mini-action{grid-column:2;justify-self:end}.cron-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cron-field-grid section{min-height:118px;border-bottom:1px solid var(--line)}.cron-field-grid section:nth-child(2n){border-right:0}.cron-field-grid section:last-child{grid-column:1 / -1;border-bottom:0}.cron-analysis{grid-template-columns:1fr}.cron-description{min-height:190px;padding:26px 20px;border-right:0;border-bottom:1px solid var(--line)}.cron-next-runs{padding-inline:20px}.reference-search{padding-inline:12px}.tool-table>div{grid-template-columns:75px 1fr auto;gap:9px;padding-inline:12px}.tool-table small{display:none}.ascii-grid{grid-template-columns:repeat(3,1fr)}.image-tool-layout{grid-template-columns:1fr}.upload-drop,.image-preview{margin:18px}.converter-options{flex-wrap:wrap;gap:12px;padding:14px 18px}.converter-options button,.converter-options .converter-download{margin-left:0}.favicon-sizes .favicon-download{width:100%;margin-left:0;justify-content:center}.url-overview{grid-template-columns:1fr}.url-overview>div{border-right:0}.url-param-table>div{grid-template-columns:42px minmax(0,1fr) auto;gap:7px}.url-param-table p{grid-column:2 / -1}.url-decoded{grid-template-columns:1fr auto}.url-decoded code{grid-column:1 / -1}.svg-placeholder-preview{min-height:240px;padding:18px}.regex-memo-layout{grid-template-columns:1fr}.regex-snippet-list{max-height:360px;border-right:0;border-bottom:1px solid var(--line)}.git-command-list>div{grid-template-columns:1fr auto;gap:7px 10px;padding:14px}.git-command-list code,.git-command-list p{grid-column:1 / -1}.git-command-list span{grid-column:2;grid-row:1}.qr-tool{grid-template-columns:1fr}.qr-controls{border-right:0;border-bottom:1px solid var(--line)}.qr-preview{min-height:390px;padding:22px}.mermaid-preview-panel{border-left:0}.mermaid-preview{min-height:330px}.image-preview,.image-data{grid-column:auto}.download-link{grid-column:auto;margin:0 18px 18px auto}.emoji-grid{grid-template-columns:repeat(5,1fr)}.strength-meter{grid-template-columns:1fr auto}.strength-meter>div{grid-column:1 / -1}.keycode-display{padding:25px 15px}.command-overlay{padding-top:8vh}.image-workspace{margin-left:calc(50% - 50vw + 18px);margin-right:calc(50% - 50vw + 18px);border-left:0;border-right:0}.image-toolbar{gap:7px;padding:9px 58px 9px 9px}.toolbar-group:first-child{width:100%}.toolbar-group:first-child button{flex:1}.zoom-controls{order:3;flex:1;min-width:160px}.image-toolbar .export-action{order:2}.canvas-viewport{min-height:420px;padding:0}.studio-body{min-height:420px}.studio-status{align-items:flex-start;flex-direction:column;justify-content:center;gap:4px;padding:9px 12px}.studio-status span:last-child{text-align:left}.tool-page.is-fullpage .studio-body{grid-template-columns:1fr;grid-template-rows:minmax(300px,1fr) auto;overflow-y:auto}.tool-page.is-fullpage .image-inspector{max-height:220px;border-left:0;border-top:1px solid var(--line)}.web-workspace{margin-left:calc(50% - 50vw + 18px);margin-right:calc(50% - 50vw + 18px);border-left:0;border-right:0}.web-tool{min-height:620px}.web-studio-grid{grid-template-columns:1fr}.web-controls{max-height:none;border-right:0;border-bottom:1px solid var(--line)}.web-preview,.gradient-preview,.hud-preview,.shadow-preview,.text-shadow-preview{min-height:470px}.web-code-strip{grid-template-columns:34px minmax(0,1fr) auto}.web-code-strip>button:last-child:nth-child(4){grid-column:3}.web-code-strip>code{max-height:48px}.fluid-preview{min-height:500px;padding-inline:16px}.fluid-canvas{padding:18px}.gradient-orbit{width:82vw}.shape-toolbar{flex-wrap:wrap}.shape-toolbar .web-range{order:3;width:100%;margin-left:0}.shape-grid{grid-template-columns:1fr}.shape-editor{border-right:0;border-bottom:1px solid var(--line)}.shape-editor>svg{min-height:420px;padding:28px}.shape-copy{min-height:450px}.shape-copy article{padding:45px 24px}.button-state-tabs{flex-wrap:wrap;overflow:visible}.button-state-tabs button{flex:1 1 90px;min-width:0}.button-preview{min-height:420px}.button-preview>p{padding-inline:20px;text-align:center}.shadow-stage>div{width:min(76%,340px)}.radius-toolbar{flex-wrap:wrap}.radius-toolbar .web-toggle{width:100%;margin-right:0}.radius-layout,.path-grid{grid-template-columns:1fr}.radius-preview{min-height:460px;padding:35px 18px}.radius-controls,.path-inspector{border-left:0;border-top:1px solid var(--line)}.radius-object{width:min(82%,390px)}.path-toolbar{align-items:flex-start;flex-wrap:wrap}.path-toolbar>span{width:100%;order:3;margin-left:0}.path-preview>svg{min-height:430px;padding:24px}.tool-page.is-fullpage .web-tool{height:auto;min-height:100dvh}.language-workbench .dual-editor,.package-grid,.semver-grid,.trace-grid{grid-template-columns:1fr}.language-workbench .dual-editor>.editor-panel:first-child,.package-grid>.editor-panel,.semver-grid>.editor-panel,.trace-grid>.editor-panel{border-right:0;border-bottom:1px solid var(--line)}.package-builder{grid-template-columns:1fr 1fr}.package-builder>button{min-height:36px}.semver-query{grid-template-columns:1fr 1fr}.semver-bumps{grid-column:1 / -1}.layout-builder-grid{grid-template-columns:280px minmax(0,1fr)}.transform-filter-grid{grid-template-columns:1fr 1fr}.transform-stage{grid-column:1 / -1}.keyframe-grid{grid-template-columns:280px minmax(0,1fr)}.bezier-panel{grid-column:1 / -1;border-top:1px solid var(--line);border-left:0}.bezier-panel svg{width:230px}.contrast-grid{grid-template-columns:260px minmax(0,1fr)}.contrast-score{grid-column:1 / -1;display:grid;grid-template-columns:280px 1fr;border-top:1px solid var(--line)}.contrast-score header{min-height:250px;border-right:1px solid var(--line)}.sprite-grid{grid-template-columns:250px minmax(0,1fr)}.sprite-inspector{grid-column:1 / -1;border-top:1px solid var(--line);border-left:0}}@media(max-width:1080px){.jwt-controls{grid-template-columns:repeat(2,minmax(160px,1fr))}.docker-analysis{grid-template-columns:1fr}.docker-analysis>section:first-child{border-right:0;border-bottom:1px solid var(--line)}.svg-optimization-summary{grid-template-columns:repeat(4,minmax(100px,1fr))}.shape-expanded-grid{grid-template-columns:250px minmax(0,1fr)}.shape-expanded-grid .shape-copy{grid-column:1 / -1;border-top:1px solid var(--line)}.path-main-grid{grid-template-columns:1fr}.path-main-grid .path-inspector{border-left:0;border-top:1px solid var(--line)}.path-inspector{display:grid;grid-template-columns:1fr 1fr}.path-inspector>section{border-right:1px solid var(--line)}}@media(max-width:680px){.jwt-controls{grid-template-columns:1fr}.jwt-actions{flex-wrap:wrap}.jwt-diagnostics>div:last-child{grid-template-columns:1fr}.jwt-check,.jwt-check:nth-child(2n){border-right:0;grid-template-columns:62px 40px minmax(0,1fr)}.docker-diagnostics>div{grid-template-columns:72px 40px minmax(0,1fr);padding-inline:10px}.svg-optimization-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.image-batch-results button{grid-template-columns:1fr;gap:4px}.image-batch-results button small{grid-row:1;justify-self:end}.shape-effect-stage{min-height:390px;padding:22px}.generator-toolbar>span,.formatter-toolbar>span{display:none}.generator-toolbar .toolbar-field,.formatter-toolbar .toolbar-field{flex:1 1 130px}.generator-toolbar .toolbar-field input{width:100%}.package-builder,.semver-query{grid-template-columns:1fr}.semver-bumps{grid-column:auto}.layout-modebar{align-items:flex-start;flex-direction:column}.layout-modebar .web-segments{width:100%}.layout-builder-grid,.transform-filter-grid,.keyframe-grid,.contrast-grid,.sprite-grid{grid-template-columns:1fr}.layout-builder-grid>.web-controls,.transform-filter-grid>.web-controls{border-right:0;border-bottom:1px solid var(--line)}.layout-canvas{min-height:560px;padding:18px}.layout-canvas.grid{grid-template-columns:1fr!important;grid-template-rows:auto!important}.layout-canvas.grid article{grid-column:auto!important}.transform-stage,.transform-scene{min-height:560px}.transform-scene article{width:min(70%,340px)}.keyframe-list,.bezier-panel,.sprite-library,.sprite-inspector{border-right:0;border-left:0}.keyframe-preview{grid-row:1}.keyframe-stage{min-height:540px}.contrast-preview{min-height:560px;border-right:0}.contrast-preview>div:last-child{min-height:517px;padding:32px 24px}.contrast-score{grid-column:auto;display:block}.contrast-score header{border-right:0}.sprite-preview{min-height:540px;grid-row:1}.sprite-preview>div:last-child{min-height:497px}.sprite-toolbar{flex-wrap:wrap}.sprite-toolbar>span{width:100%;order:4;margin-left:0}.web-result>header{align-items:flex-start;flex-direction:column;padding-block:14px}.web-result>header>div:last-child{width:100%}.web-result pre{padding:18px 16px 24px;font-size:10px}.web-result pre code{grid-template-columns:1fr;gap:8px}.web-result pre i{position:static}.type-scale-list>div{grid-template-columns:125px minmax(0,1fr) 48px;gap:8px;padding-inline:12px}.type-scale-list small{font-size:8px}.gradient-preview.enhanced{min-height:420px}.gradient-stop-table{padding-inline:10px}.gradient-stop-table>div{grid-template-columns:12px 58px 42px minmax(0,1fr)}.shape-expanded-grid{grid-template-columns:1fr}.shape-expanded-grid .shape-copy{grid-column:auto}.shape-settings{border-right:0;border-bottom:1px solid var(--line)}.shape-toolbar .web-segments{width:calc(50% - 5px)}.hud-seedbar{padding:9px;flex-wrap:wrap;align-items:end}.hud-seedbar .web-number{width:130px}.hud-seedbar>span{width:100%;margin:0}.button-state-tabs{height:auto;padding:6px 10px;align-items:stretch;overflow:visible;flex-wrap:wrap}.button-state-tabs button{min-width:calc(33.333% - 4px);height:38px;flex:1}.button-flow-preview{min-height:650px;padding-inline:18px}.button-flow-controls{left:12px;right:12px;grid-template-columns:1fr}.button-flow-controls .web-segments,.button-flow-controls .web-number{width:100%}.shadow-workspace,.text-shadow-workspace{grid-template-columns:1fr}.shadow-box-properties,.text-shadow-properties{border-right:0;border-bottom:1px solid var(--line)}.shadow-workspace .shadow-stage,.text-shadow-workspace .text-shadow-stage{min-height:470px}.radius-expanded-layout .radius-preview{min-height:520px}.radius-controls .web-control-head{align-items:flex-start;flex-direction:column;gap:8px}.radius-controls .web-control-head small{max-width:100%;text-align:left}.path-inspector{grid-template-columns:1fr}.path-inspector>section{border-right:0}.path-operation-row,.path-operation-row:has(.web-number:nth-of-type(3)){grid-template-columns:20px 1fr 1fr}.path-operation-row>button{grid-column:2 / -1}.path-preview{min-height:430px}.path-preview>svg{min-height:387px}.analysis-toolbar>span{display:none}.analysis-toolbar .toolbar-field,.analysis-toolbar .toolbar-field.wide{width:100%}.analysis-toolbar .toolbar-field input,.analysis-toolbar .toolbar-field.wide input{flex:1;width:auto;min-width:0}.analysis-input-grid .code-editor,.analysis-split .code-editor{height:390px;min-height:300px}.analysis-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.analysis-stats>div:nth-child(2){border-right:0}.analysis-stats>div:nth-child(-n+2){border-bottom:1px solid var(--line-soft)}.benchmark-table{overflow-x:auto}.benchmark-table>header,.benchmark-table section>div{min-width:710px}.path-commands>header{align-items:flex-start;flex-direction:column;justify-content:center;gap:4px}.path-commands label{width:calc(50% - 35px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}