:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#edf4f3;--surface:#fbfdfd;--surface-soft:#eef6f4;--surface-strong:#dcebe8;--border:#cbdcd8;--border-strong:#9ebbb5;--text:#10201f;--text-soft:#415957;--muted:#6f8581;--primary:#0d9488;--primary-strong:#0f766e;--primary-contrast:#fff;--primary-soft:#d8f8f2;--accent:#14b8a6;--warning:#b7791f;--danger:#c2413b;--shadow:0 22px 60px #10201f1a;--header-height:68px;--content-width:1120px;--workspace-max-width:1500px;--workspace-gutter:22px;--workspace-sidebar-width:238px;--workspace-sidebar-sticky-gap:22px;--glow:0 0 0 color-mix(in srgb, var(--primary) 0%, transparent);--glow-strong:0 14px 38px color-mix(in srgb, var(--primary) 26%, transparent);--aurora-1:#5eead4;--aurora-2:#38bdf8;--aurora-3:#a78bfa;--aurora-opacity:.85;--glass:color-mix(in srgb, var(--surface) 60%, transparent);--ease-out-quint:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--motion-fast:.18s;--motion:.28s;letter-spacing:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#081113;--surface:#10191b;--surface-soft:#162326;--surface-strong:#1d3033;--border:#263d40;--border-strong:#3a5a5e;--text:#edf8f6;--text-soft:#b5c7c5;--muted:#819794;--primary:#2dd4bf;--primary-strong:#7cebdc;--primary-contrast:#06201e;--primary-soft:#102f2f;--accent:#5eead4;--warning:#f2c36b;--danger:#ff8a80;--shadow:0 24px 80px #00000052;--aurora-1:#2dd4bf;--aurora-2:#22d3ee;--aurora-3:#818cf8;--aurora-opacity:.72;--glass:color-mix(in srgb, var(--surface) 48%, transparent)}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{background:linear-gradient(180deg, color-mix(in srgb, var(--surface-soft) 72%, var(--bg)) 0, var(--bg) 460px), var(--bg);min-height:100vh;color:var(--text);margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}button,a,input,select,textarea{transition:border-color .16s,background-color .16s,color .16s,box-shadow .16s,transform .16s}button:active,a:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid color-mix(in srgb, var(--primary) 78%, transparent);outline-offset:3px}textarea:focus,textarea:focus-visible{outline:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-frame{min-height:100vh}.site-frame--workspace-route{min-height:100dvh}.app-header{z-index:50;height:var(--header-height);border-bottom:1px solid color-mix(in srgb, var(--border) 76%, transparent);background:color-mix(in srgb, var(--surface) 84%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0}.app-header__inner{grid-template-columns:auto minmax(220px,620px) auto;align-items:center;gap:18px;width:min(100%,1440px);height:100%;margin:0 auto;padding:0 24px;display:grid}.brand-group,.brand-link,.header-actions,.locale-switcher,.breadcrumb,.tool-sidebar__header,.sidebar-group__title,.editor-panel__header,.editor-actions,.workspace__toolbar,.workspace-actions,.side-block__title,.section-heading,.eyebrow{align-items:center;display:flex}.brand-group{gap:10px}.brand-link{gap:10px;min-width:148px;font-weight:760}.brand-mark{border:1px solid color-mix(in srgb, var(--primary) 44%, var(--border));background:color-mix(in srgb, var(--primary) 18%, var(--surface));width:34px;height:34px;color:var(--primary-strong);border-radius:10px;place-items:center;font-weight:800;display:grid}.brand-mark svg{fill:currentColor;width:24px;height:24px}.brand-name{font-size:1.1rem}.tool-logo{border:1px solid color-mix(in srgb, var(--primary) 34%, var(--border));background:color-mix(in srgb, var(--primary-soft) 54%, var(--surface));width:36px;height:36px;color:var(--primary-strong);border-radius:11px;flex:none;place-items:center;display:inline-grid}.tool-logo--xs{border-radius:7px;width:24px;height:24px}.tool-logo--sm{border-radius:9px;width:30px;height:30px}.tool-logo--lg{border-radius:14px;width:52px;height:52px}.tool-logo svg{width:100%;height:100%;display:block}.tool-logo__back{fill:color-mix(in srgb, var(--primary) 8%, transparent)}.tool-logo__shape{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px}.tool-logo__shape--soft{opacity:.58}.tool-logo__shape--fill{fill:currentColor;opacity:.78;stroke:none}.tool-logo__text{fill:currentColor;letter-spacing:.4px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:7px;font-weight:800}.tool-logo--xs .tool-logo__shape,.tool-logo--sm .tool-logo__shape{stroke-width:2px}.tool-logo--xs .tool-logo__text{font-size:8px}.app-header__menu{display:none}.global-search{align-items:center;min-width:0;display:flex;position:relative}.global-search__icon{color:var(--muted);position:absolute;left:14px}.global-search input{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 74%, transparent);width:100%;height:42px;color:var(--text);border-radius:10px;outline:none;padding:0 42px}.global-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 22%, transparent)}.global-search__clear{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid;position:absolute;right:8px}.search-popover{z-index:60;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:12px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden}.search-result{border-bottom:1px solid var(--border);gap:4px;padding:12px 14px;display:grid}.search-result:last-child{border-bottom:0}.search-result:hover{background:var(--surface-soft)}.search-result span,.tool-card>span:not(.tool-card__head),.tool-row small,.home-intro p,.tool-hero p,.seo-section p,.faq-section p,.side-empty{color:var(--text-soft)}.header-actions{justify-content:flex-end;gap:10px}.locale-switcher{border:1px solid var(--border);background:var(--surface);height:38px;color:var(--text-soft);border-radius:8px;gap:4px;padding:0 6px}.locale-button{min-width:30px;height:26px;color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:6px}.locale-button.is-active{background:var(--primary-soft);color:var(--primary-strong);font-weight:700}.icon-button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.icon-button:hover,.editor-actions button:hover,.secondary-button:hover,.sidebar-link:hover,.tool-row:hover{border-color:var(--border-strong);background:var(--surface-soft)}.app-layout{grid-template-columns:var(--workspace-sidebar-width) minmax(0, 1fr);gap:var(--workspace-gutter);width:min(100%, var(--workspace-max-width));padding:var(--workspace-gutter);align-items:start;margin:0 auto;display:grid}.site-frame--workspace-route .app-layout{min-height:calc(100dvh - var(--header-height));align-items:start;padding-top:0;overflow:visible}.app-layout--tool{width:min(100%,1500px)}.site-frame--workspace-route .desktop-sidebar{top:calc(var(--header-height) + var(--workspace-sidebar-sticky-gap));z-index:30;width:var(--workspace-sidebar-width);height:auto;max-height:calc(100dvh - var(--header-height) - var(--workspace-sidebar-sticky-gap));overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;position:sticky;overflow-y:auto}.site-frame--workspace-route .desktop-sidebar::-webkit-scrollbar{width:0;height:0;display:none}.site-frame--workspace-route .tool-sidebar.desktop-sidebar{border-color:color-mix(in srgb, var(--border) 72%, transparent);background:color-mix(in srgb, var(--surface) 42%, transparent);-webkit-backdrop-filter:blur(14px)saturate(140%);box-shadow:none}.site-frame--workspace-route .content-column,.site-frame--workspace-route .error-page{grid-column:2;height:auto;min-height:0;padding-top:22px;overflow:visible}.app-layout--home,.app-layout--category{width:min(100%,1500px)}.desktop-sidebar,.desktop-right-panel{top:calc(var(--header-height) + 24px);align-self:start;position:sticky}.tool-sidebar{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);border-radius:12px;box-shadow:0 18px 50px #00000014}.tool-sidebar__header{border-bottom:1px solid var(--border);justify-content:space-between;padding:16px}.tool-sidebar__header span,.section-heading span{color:var(--muted);font-size:.9rem}.sidebar-group{border-bottom:1px solid var(--border)}.sidebar-group:last-child{border-bottom:0}.sidebar-group__button{cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:13px 14px;display:flex}.sidebar-group__title{gap:8px;font-weight:680}.sidebar-group__chevron{color:var(--muted);transition:transform .16s}.sidebar-group__chevron.is-open{transform:rotate(180deg)}.sidebar-links{gap:4px;padding:0 10px 12px;display:grid}.sidebar-link{color:var(--text-soft);border:1px solid #0000;border-radius:9px;align-items:center;gap:8px;padding:9px 10px;display:flex}.sidebar-link span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-link.is-active{border-color:color-mix(in srgb, var(--primary) 35%, var(--border));background:var(--primary-soft);color:var(--primary-strong);font-weight:700}.content-column{align-content:start;gap:18px;min-width:0;display:grid}.home-intro,.home-command,.tool-hero,.tool-section,.seo-section,.faq-section,.workspace,.side-block{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);box-shadow:0 1px 0 color-mix(in srgb, var(--surface) 70%, transparent) inset;border-radius:12px}.home-intro,.home-command,.tool-hero,.tool-section,.seo-section,.faq-section{padding:22px}.home-command{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 9%, var(--surface)), color-mix(in srgb, var(--surface) 94%, transparent));grid-template-columns:minmax(0,1fr);align-items:stretch;gap:18px;padding:24px;display:grid}.home-command__copy{align-content:center;gap:12px;min-width:0;display:grid;position:relative}.home-command__copy h1,.home-command__copy p,.tool-hero__copy h1,.tool-hero__copy p{margin:0}.home-command__meta{flex-wrap:wrap;gap:8px;display:flex}.home-command__meta span,.local-badge{border:1px solid color-mix(in srgb, var(--primary) 32%, var(--border));background:color-mix(in srgb, var(--primary-soft) 72%, var(--surface));min-height:32px;color:var(--primary-strong);border-radius:999px;align-items:center;gap:7px;padding:0 11px;font-size:.92rem;font-weight:720;display:inline-flex}.home-library{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.home-library-card,.category-card{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);border-radius:12px;min-width:0;padding:16px}.home-library-card__title,.category-card__head{justify-content:space-between;align-items:center;gap:10px;display:flex}.home-library-card__title{color:var(--primary-strong);justify-content:flex-start;margin-bottom:12px}.home-library-card__title h2{margin:0;font-size:1rem}.home-chip-list{flex-wrap:wrap;gap:8px;display:flex}.home-tool-chip{border:1px solid var(--border);background:var(--surface-soft);color:var(--text-soft);border-radius:999px;align-items:center;gap:7px;padding:8px 10px;font-size:.92rem;font-weight:680;display:inline-flex}.home-tool-chip:hover{border-color:var(--primary);color:var(--primary-strong)}.home-empty{color:var(--text-soft);margin:0}.eyebrow{color:var(--primary-strong);gap:8px;margin:0;font-weight:760}h1,h2,h3,p{margin-top:0}h1{margin-bottom:10px;font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.08}h2{margin-bottom:14px;font-size:1.28rem}p{line-height:1.75}.breadcrumb{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:.92rem}.breadcrumb a{color:var(--text-soft);align-items:center;gap:5px;display:inline-flex}.tool-hero__title-row{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:8px;display:flex}.tool-hero--compact{gap:16px;padding:18px 20px;display:grid}.tool-hero__main{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.tool-hero__identity{align-items:flex-start;gap:14px;min-width:0;display:flex}.tool-hero__copy{gap:10px;min-width:0;max-width:820px;display:grid}.tool-hero h1{overflow-wrap:anywhere;margin:0;font-size:clamp(1.55rem,2.6vw,2.35rem)}.tool-hero__actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:10px;display:flex}.favorite-title-button{border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--text-soft);cursor:pointer;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.favorite-title-button:hover{border-color:var(--border-strong);background:var(--surface-soft)}.favorite-title-button.is-active{border-color:color-mix(in srgb, var(--primary) 35%, var(--border));background:var(--primary-soft);color:var(--primary-strong);font-weight:720}.ad-slot{border:1px dashed color-mix(in srgb, var(--primary) 35%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 8%, transparent), transparent), var(--surface);border-radius:8px;place-items:center;display:none;overflow:hidden}.ad-slot--banner{min-height:96px}.ad-slot--in-content{min-height:128px}.ad-slot--skyscraper{width:100%;min-height:600px}.ad-slot__content{color:var(--text-soft);text-align:center;place-items:center;gap:6px;display:grid}.ad-slot__content small{color:var(--muted)}.workspace{align-content:start;gap:16px;padding:18px;display:grid;position:relative}.tool-page>.workspace{min-height:max(520px,100dvh - 320px)}.tool-page>.workspace .code-area{height:clamp(320px,44dvh,560px);min-height:320px}.tool-page>.workspace .code-area--compact{height:190px;min-height:190px}.workspace__toolbar{justify-content:flex-start;gap:8px}.workspace-status{border:1px solid color-mix(in srgb, var(--border) 75%, transparent);background:color-mix(in srgb, var(--surface-soft) 72%, transparent);min-width:0;max-width:100%;min-height:28px;color:var(--text-soft);border-radius:999px;align-items:center;padding:4px 8px;font-size:.82rem;line-height:1.35;display:inline-flex}.workspace-status span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace-status.is-error{background:color-mix(in srgb, var(--danger) 12%, var(--surface));color:var(--danger)}.tool-options{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tool-options--toolbar{justify-content:space-between;align-items:center}.tool-options--actions-only{border:1px solid color-mix(in srgb, var(--border) 78%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 7%, transparent), color-mix(in srgb, var(--surface-soft) 60%, transparent));border-radius:10px;grid-template-columns:minmax(0,1fr) auto;justify-content:normal;gap:12px;padding:10px;display:grid}.tool-command-strip{gap:4px;min-width:0;display:grid}.tool-command-strip strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.94rem;overflow:hidden}.tool-command-strip span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.tool-options--actions-only>.workspace-actions{justify-self:end}.tool-options--actions-only>.workspace-actions:only-child{grid-column:1/-1}.tool-options--centered{justify-content:center}.tool-options--centered:has(.tool-options__cluster){justify-content:space-between}.tool-options__cluster{flex-wrap:wrap;flex:auto;align-items:center;gap:10px;min-width:min(100%,360px);display:flex}.tool-options--toolbar>.workspace-actions{flex:none}.segmented-control{border:1px solid var(--border);background:var(--surface-soft);border-radius:10px;grid-template-columns:repeat(2,minmax(70px,1fr));gap:3px;padding:3px;display:inline-grid}.segmented-control button{height:32px;color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:6px}.segmented-control button.is-active{background:var(--surface);color:var(--primary-strong);font-weight:720;box-shadow:0 1px 3px #17203314}.option-field{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--text-soft);border-radius:10px;align-items:center;gap:8px;padding:0 10px;display:inline-flex}.option-field--wide{min-width:min(100%,320px)}.option-field input,.option-field select{min-width:80px;height:30px;color:var(--text);background:0 0;border:0;outline:none}.option-field select{padding:0 30px 0 6px}.option-field--wide input{width:210px}.check-option{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--text-soft);border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.check-option input{width:16px;height:16px;accent-color:var(--primary)}.segmented-control--three{grid-template-columns:repeat(3,minmax(62px,1fr))}.segment-control{grid-template-columns:repeat(var(--segment-count), minmax(0, 1fr));border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;gap:3px;min-width:0;padding:3px;display:inline-grid;position:relative}.segment-control__thumb{width:calc((100% - 6px) / var(--segment-count));background:var(--surface);transform:translateX(calc(var(--segment-index) * 100%));border-radius:6px;transition:transform .18s;position:absolute;top:3px;bottom:3px;left:3px;box-shadow:0 1px 3px #17203314}.segment-control button{z-index:1;min-width:62px;height:32px;color:var(--text-soft);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;font-weight:720;position:relative}.segment-control button.is-active{color:var(--primary-strong)}.button-group{align-items:center;display:inline-flex}.button-group>.primary-button,.button-group>.secondary-button{border-radius:0}.button-group>.primary-button:not(:first-child),.button-group>.secondary-button:not(:first-child){margin-left:-1px}.button-group>.primary-button:first-child,.button-group>.secondary-button:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.button-group>.primary-button:last-child,.button-group>.secondary-button:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.toggle-option{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--text-soft);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.toggle-option input{opacity:0;block-size:1px;inline-size:1px;position:absolute}.toggle-option__track{background:var(--surface-strong);cursor:pointer;border-radius:999px;width:34px;height:20px;transition:background .16s;position:relative}.toggle-option__thumb{background:var(--surface);cursor:pointer;border-radius:50%;width:16px;height:16px;transition:transform .16s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #17203329}.toggle-option input:checked+.toggle-option__track{background:var(--primary)}.toggle-option input:checked+.toggle-option__track .toggle-option__thumb{transform:translate(14px)}.toggle-option.is-disabled{cursor:not-allowed;opacity:.58}.toggle-option.is-disabled .toggle-option__track,.toggle-option.is-disabled .toggle-option__thumb{cursor:not-allowed}.tool-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:12px;display:grid}.tool-form-grid--with-action{grid-template-columns:minmax(220px,1fr) auto auto}.postal-query-form,.html-entity-search-form{grid-template-columns:minmax(220px,1fr) auto}.form-field{color:var(--text-soft);gap:7px;font-size:.94rem;display:grid}.field-label-with-help{align-items:center;gap:6px;width:fit-content;display:inline-flex}.field-help-anchor{flex:none;display:inline-grid;position:relative}.field-help-button{width:20px;height:20px;color:var(--muted);cursor:help;background:0 0;border:0;border-radius:999px;place-items:center;display:inline-grid;position:relative}.field-help-button:hover,.field-help-button:focus-visible{color:var(--primary-strong);background:color-mix(in srgb, var(--primary-soft) 72%, transparent)}.field-help-tooltip{z-index:20;border:1px solid color-mix(in srgb, var(--primary) 24%, var(--border));background:color-mix(in srgb, var(--surface) 96%, transparent);width:min(260px,72vw);box-shadow:var(--shadow);color:var(--text);opacity:0;pointer-events:none;text-align:left;border-radius:8px;padding:9px 11px;font-size:.82rem;font-weight:520;line-height:1.5;transition:opacity .16s,transform .16s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.field-help-button:hover+.field-help-tooltip,.field-help-button:focus-visible+.field-help-tooltip{opacity:1;transform:translate(-50%)}.form-field input,.form-field select,.table-input{border:1px solid var(--border);background:var(--surface);width:100%;min-height:40px;color:var(--text);border-radius:8px;outline:none}.form-field input,.form-field select{padding:0 11px}.form-field select{padding-right:38px}.form-field input:focus,.form-field select:focus,.table-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 18%, transparent)}.workspace-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.workspace-grid--wide-left{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)}.password-generator-layout{grid-template-columns:minmax(260px,340px) minmax(0,1fr);align-items:stretch;gap:14px;display:grid}.password-generator-control-panel{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 62%, var(--surface));border-radius:12px;align-content:start;gap:14px;min-width:0;padding:14px;display:grid}.password-generator-options,.password-generator-settings-grid{align-items:stretch}.password-generator-options .toggle-option,.password-generator-settings-grid .toggle-option{width:100%}.password-generator-settings-grid{grid-template-columns:1fr}.password-generator-actions{grid-template-columns:1fr;justify-content:stretch;display:grid}.password-generator-actions .primary-button,.password-generator-secondary-actions .secondary-button{width:100%}.password-generator-secondary-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.password-generator-result-panel{background:color-mix(in srgb, var(--surface-soft) 45%, var(--surface));grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid}.tool-page>.workspace .password-generator-result-panel .code-area{resize:none;height:100%;min-height:420px}.editor-panel{border:1px solid var(--border);background:var(--surface);border-radius:12px;overflow:hidden}.editor-panel__header{border-bottom:1px solid var(--border);background:var(--surface-soft);justify-content:space-between;gap:12px;min-height:46px;padding:0 12px}.qr-layout{grid-template-columns:minmax(0,1fr) minmax(320px,.95fr);align-items:start;gap:14px;display:grid}.qr-control-panel{gap:14px;min-width:0;display:grid}.qr-settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px;display:grid}.qr-segment-field{grid-column:1/-1}.qr-segment-field .segment-control{width:min(100%,440px)}.qr-color-field input[type=color]{cursor:pointer;min-height:40px;padding:4px}.qr-reset-button{align-self:end}.qr-byte-count{color:var(--muted);flex-shrink:0;font-size:.9rem;font-weight:680}.qr-logo-panel,.qr-preview-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;overflow:hidden}.qr-logo-header{border-bottom:1px solid var(--border);background:var(--surface-soft);justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:10px 12px;display:flex}.qr-logo-header>div:first-child{gap:4px;min-width:0;display:grid}.qr-logo-header span,.qr-logo-group>span{color:var(--muted);font-size:.9rem}.qr-logo-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:8px;display:flex}.qr-upload-button{position:relative;overflow:hidden}.qr-upload-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.qr-logo-group{gap:8px;padding:12px;display:grid}.qr-logo-group+.qr-logo-group{border-top:1px solid var(--border)}.qr-logo-presets{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;display:grid}.qr-logo-button{border:1px solid var(--border);background:var(--surface);min-width:0;min-height:44px;color:var(--text-soft);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;display:inline-flex}.qr-logo-button:hover{border-color:var(--border-strong);background:var(--surface-soft)}.qr-logo-button.is-active{border-color:color-mix(in srgb, var(--primary) 45%, var(--border));background:var(--primary-soft);color:var(--primary-strong);font-weight:720}.qr-logo-button img{object-fit:contain;background:#fff;border-radius:8px;flex-shrink:0;width:28px;height:28px}.qr-logo-button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.qr-canvas-stage{background:var(--surface-soft);place-items:center;min-height:520px;padding:24px;display:grid;position:relative}.qr-canvas-stage canvas{background:#fff;border-radius:8px;width:min(100%,460px);height:auto;max-height:560px;box-shadow:0 14px 36px #1720331f}.qr-empty-state{color:var(--text-soft);text-align:center;align-content:center;place-items:center;gap:8px;display:grid;position:absolute;inset:0}.barcode-layout{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:stretch;gap:14px;display:grid}.barcode-control-panel{gap:14px;min-width:0;display:grid}.barcode-settings-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:12px;display:grid}.barcode-text-field-full{grid-column:1/-1}.barcode-text-settings-shell{opacity:0;pointer-events:none;transform-origin:top;grid-template-rows:0fr;margin-top:-14px;transition:grid-template-rows .24s cubic-bezier(.2,0,0,1),margin-top .24s cubic-bezier(.2,0,0,1),opacity .16s,transform .24s cubic-bezier(.2,0,0,1);display:grid;transform:scale(.96)}.barcode-text-settings-shell.is-open{opacity:1;pointer-events:auto;grid-template-rows:1fr;margin-top:0;transform:scale(1)}.barcode-text-settings-clip{min-height:0;overflow:hidden}.barcode-text-settings-panel{transform-origin:top}.barcode-content-area{height:150px;min-height:150px}.barcode-meta{color:var(--muted);flex-shrink:0;font-size:.9rem;font-weight:680}.barcode-color-field input[type=color]{cursor:pointer;min-height:40px;padding:4px}.barcode-reset-button{flex:none;align-self:center}.barcode-toggle-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.barcode-preview-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.barcode-stage{background:var(--surface-soft);flex:1;place-items:center;min-height:300px;padding:18px;display:grid;position:relative;overflow:auto}.barcode-stage svg{background:#fff;border-radius:8px;max-width:100%;height:auto;box-shadow:0 14px 36px #1720331f}.barcode-empty-state{color:var(--text-soft);text-align:center;align-content:center;place-items:center;gap:8px;display:grid;position:absolute;inset:0}.editor-actions{gap:6px}.editor-actions button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.editor-actions button:disabled{cursor:not-allowed;opacity:.45}.code-area{resize:vertical;background:var(--surface);width:100%;height:360px;min-height:360px;color:var(--text);tab-size:2;border:0;outline:none;padding:14px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.92rem;line-height:1.65;display:block}.code-area--output{background:color-mix(in srgb, var(--surface-soft) 45%, var(--surface))}.code-area--compact{height:190px;min-height:190px}.word-counter-panel{display:grid}.word-counter-input{height:420px;min-height:320px}.word-counter-stats{border-top:1px solid var(--border);background:var(--border);grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;display:grid}.word-counter-stats div{background:var(--surface-soft);gap:4px;min-width:0;padding:10px 12px;display:grid}.word-counter-stats span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;overflow:hidden}.word-counter-stats strong{overflow-wrap:anywhere;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.jwt-options-row{align-items:end}.jwt-algorithm-field{width:min(100%,300px)}.jwt-algorithm-field .segment-control{width:100%}.jwt-secret-field{width:min(100%,340px)}.jwt-claims-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.jwt-input-stack{gap:14px;display:grid}.jwt-input-stack .code-area{height:220px;min-height:180px}.jwt-input-stack .code-area--compact{height:150px;min-height:120px}.jwt-output-area{height:432px;min-height:320px}.result-panel,.table-panel,.picker-stage,.ranking-list,.bmi-result,.zodiac-card,.image-preview{border:1px solid var(--border);background:var(--surface);border-radius:8px}.result-panel{overflow:hidden}.result-panel__header{border-bottom:1px solid var(--border);background:var(--surface-soft);justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:10px 12px;display:flex}.result-panel__title{gap:4px;min-width:0;display:grid}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.stat-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-content:center;gap:7px;min-height:96px;padding:14px;display:grid}.stat-card__header{justify-content:space-between;align-items:center;gap:8px;display:flex}.stat-card span{color:var(--muted);font-size:.9rem}.stat-card strong{overflow-wrap:anywhere;font-size:1.15rem}.timestamp-current-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;overflow:hidden}.timestamp-current-panel__header{border-bottom:1px solid var(--border);background:var(--surface-soft);justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:7px 10px;display:flex}.timestamp-current-panel__title{align-items:baseline;gap:10px;min-width:0;display:flex}.timestamp-current-panel__title span{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.timestamp-current-panel__actions{flex-wrap:wrap;justify-content:flex-end;gap:0;display:flex}.timestamp-current-panel__actions .secondary-button{width:auto;min-height:32px;padding:0 10px;font-size:.9rem}.timestamp-metric-list{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.timestamp-metric-row{border-right:1px solid var(--border);align-content:center;gap:2px;min-width:0;min-height:44px;padding:7px 10px;display:grid}.timestamp-metric-row:last-child{border-right:0}.timestamp-metric-row__label{color:var(--muted);font-size:.9rem}.timestamp-metric-row__value{overflow-wrap:anywhere;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.96rem;line-height:1.4;overflow:hidden}.timestamp-suspicious-note{color:var(--warning);font-size:.9rem;font-weight:680}.empty-input-panel{min-height:360px;color:var(--text-soft);text-align:center;place-items:center;gap:10px;padding:20px;display:grid}.workspace-actions{flex-wrap:wrap;justify-content:center;gap:10px}.workspace-actions--inline{justify-content:flex-end}.primary-button,.secondary-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;display:inline-flex}.primary-button{border:1px solid var(--primary-strong);background:var(--primary-strong);min-width:132px;color:var(--primary-contrast);padding:0 18px;font-weight:760}.primary-button:hover{border-color:var(--primary);background:var(--primary)}.primary-button:disabled,.secondary-button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.6}.secondary-button{border:1px solid var(--border);background:var(--surface);color:var(--text-soft);padding:0 13px}.processing-overlay{z-index:20;background:color-mix(in srgb, var(--surface) 82%, transparent);color:var(--primary-strong);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;place-items:center;gap:10px;font-weight:760;display:grid;position:absolute;inset:0}.is-spinning{animation:.9s linear infinite spin}.tool-note{color:var(--text-soft);margin:0;font-size:.94rem}.timestamp-result-list{gap:10px;padding:14px;display:grid}.timestamp-result-list div{border-bottom:1px solid var(--border);gap:5px;padding:10px 0;display:grid}.timestamp-result-list div:last-child{border-bottom:0}.timestamp-result-list span{color:var(--muted);font-size:.9rem}.timestamp-result-list strong{overflow-wrap:anywhere}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.info-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:16px}.info-panel h3{margin:0 0 8px}.info-panel p{color:var(--text-soft);margin:0}.tax-detail-list{color:var(--text-soft);gap:8px;margin:0;padding-left:20px;line-height:1.65;display:grid}.tax-detail-list strong{color:var(--text)}.snippet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;display:grid}.code-snippet{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:8px;padding:12px;display:grid}.code-snippet pre{background:var(--surface-soft);color:var(--text);border-radius:7px;margin:0;padding:10px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.86rem;line-height:1.55;overflow:auto}.table-panel{overflow:hidden}.data-table-wrap{overflow:auto}.data-table{border-collapse:collapse;width:100%;min-width:680px;font-size:.92rem}.data-table th,.data-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:11px 12px}.data-table th{background:var(--surface-soft);color:var(--text-soft);font-weight:720}.html-entity-panel{min-width:0}.html-entity-list{background:var(--surface-soft);grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px;max-height:620px;padding:12px;display:grid;overflow:auto}.html-entity-row{border:1px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;min-height:42px;transition:transform var(--motion) var(--ease-spring), border-color var(--motion) var(--ease-out-quint), box-shadow var(--motion) var(--ease-out-quint), background var(--motion) var(--ease-out-quint);border-radius:8px;outline:none;grid-template-columns:minmax(58px,.45fr) minmax(110px,1fr);align-items:center;gap:8px;padding:6px 8px;display:grid;position:relative}.html-entity-row:hover,.html-entity-row:focus-visible{border-color:color-mix(in srgb, var(--primary) 28%, var(--border));box-shadow:0 10px 22px color-mix(in srgb, var(--primary) 16%, transparent);transform:translateY(-2px)}.html-entity-row:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 36%, transparent), 0 10px 22px color-mix(in srgb, var(--primary) 16%, transparent)}.html-entity-row.is-feedback-active{border-color:color-mix(in srgb, var(--primary) 32%, var(--border));box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 16%, transparent), 0 12px 24px color-mix(in srgb, var(--primary) 18%, transparent)}.html-entity-character{background:var(--surface-soft);min-width:0;min-height:30px;color:var(--text);text-overflow:ellipsis;white-space:nowrap;place-items:center;font-size:1.08rem;font-weight:720;line-height:1;display:grid;overflow:hidden}.html-entity-character.is-placeholder{color:var(--text-soft);font-size:.76rem;font-weight:700}.html-entity-code{min-width:0;color:var(--primary-strong);text-overflow:ellipsis;white-space:nowrap;padding:0 8px;font-size:.92rem;display:block;overflow:hidden}.html-entity-row-tip{z-index:6;border:1px solid color-mix(in srgb, var(--primary) 20%, var(--border));background:color-mix(in srgb, var(--surface) 96%, transparent);width:max-content;max-width:min(240px,100vw - 48px);box-shadow:var(--shadow);color:var(--text);opacity:0;pointer-events:none;white-space:nowrap;border-radius:8px;padding:7px 10px;font-size:.78rem;font-weight:600;line-height:1.4;transition:opacity .16s,transform .16s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.html-entity-row:hover .html-entity-row-tip,.html-entity-row:focus-visible .html-entity-row-tip,.html-entity-row.is-feedback-active .html-entity-row-tip{opacity:1;transform:translate(-50%)}.html-entity-code{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.html-entity-empty{color:var(--text-soft);text-align:center;grid-column:1/-1;padding:28px 12px}.tool-page>.workspace .ua-input-area{height:112px;min-height:112px}.ua-analysis-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.ua-detail-list{gap:0;display:grid}.ua-detail-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(110px,.34fr) minmax(0,1fr);gap:12px;padding:11px 12px;display:grid}.ua-detail-row:last-child{border-bottom:0}.ua-detail-row span{color:var(--text-soft);font-size:.9rem}.ua-detail-row code{min-width:0;color:var(--text);overflow-wrap:anywhere;white-space:pre-wrap;font-size:.9rem}.ua-chip-list{flex-wrap:wrap;gap:8px;padding:12px;display:flex}.ua-chip-list span{color:var(--text-soft)}.ua-chip-list code{border:1px solid var(--border);background:var(--surface-soft);max-width:100%;color:var(--text);overflow-wrap:anywhere;border-radius:7px;padding:6px 8px}.table-input{min-width:110px;padding:0 9px}.table-input--number{max-width:110px}.icon-inline-button{border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--text-soft);cursor:pointer;border-radius:7px;place-items:center;display:inline-grid}.icon-inline-button:hover{background:var(--surface-soft);color:var(--danger)}.bmi-result,.love-days-display{text-align:center;place-items:center;gap:12px;padding:24px;display:grid}.bmi-score{gap:4px;display:grid}.bmi-score span,.love-days-display span,.zodiac-card span{color:var(--muted)}.bmi-score strong,.love-days-display strong{font-size:clamp(2.4rem,5vw,4rem);line-height:1}.bmi-category{background:var(--primary-soft);min-width:96px;color:var(--primary-strong);border-radius:999px;padding:8px 12px;font-weight:760}.bmi-category.is-success{background:color-mix(in srgb, var(--accent) 14%, var(--surface));color:var(--accent)}.bmi-category.is-warning{background:color-mix(in srgb, var(--warning) 14%, var(--surface));color:var(--warning)}.bmi-category.is-danger{background:color-mix(in srgb, var(--danger) 14%, var(--surface));color:var(--danger)}.countdown-display{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.countdown-display div{border:1px solid var(--border);background:var(--surface);border-radius:8px;place-items:center;gap:6px;min-height:132px;display:grid}.countdown-display strong{font-size:clamp(2rem,4vw,3.4rem);line-height:1}.countdown-display span{color:var(--muted)}.countdown-display.is-finished strong{color:var(--accent)}.zodiac-result,.personality-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.personality-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:8px;padding:16px;display:grid}.personality-card p{color:var(--text-soft);margin:0}.zodiac-card{text-align:center;place-items:center;gap:10px;min-height:160px;padding:18px;display:grid}.zodiac-card strong{font-size:clamp(2rem,4vw,3.2rem)}.zodiac-card small{color:var(--text-soft)}.file-drop{border:1px dashed var(--border-strong);background:var(--surface-soft);min-height:96px;color:var(--text-soft);text-align:center;cursor:pointer;border-radius:8px;place-items:center;gap:8px;padding:16px;display:grid;position:relative}.file-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.image-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.image-preview{min-height:220px;color:var(--text-soft);align-content:start;gap:10px;padding:12px;display:grid}.image-preview img{object-fit:contain;background:var(--surface-soft);border-radius:7px;width:100%;max-height:340px}.stego-layout{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:stretch;gap:14px;display:grid}.stego-image-panel,.stego-control-panel,.stego-output-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;overflow:hidden}.stego-panel-header{border-bottom:1px solid var(--border);background:var(--surface-soft);justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:10px 12px;display:flex}.stego-panel-title{gap:4px;min-width:0;display:grid}.stego-panel-title span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.stego-upload-button{flex-shrink:0;position:relative;overflow:hidden}.stego-upload-button input,.stego-drop-zone input{opacity:0;cursor:pointer;position:absolute;inset:0}.stego-drop-zone,.stego-preview-stage{place-items:center;min-height:460px;padding:14px;display:grid}.stego-drop-zone{background:var(--surface);color:var(--text-soft);text-align:center;cursor:pointer;border:0;align-content:center;gap:8px;position:relative}.stego-drop-zone strong{color:var(--text)}.stego-preview-stage{background:var(--surface-soft)}.stego-preview-stage img,.stego-output-preview img{object-fit:contain;background:var(--surface);border-radius:7px;width:100%;max-height:560px}.stego-control-panel{align-content:start;gap:12px;padding:12px;display:grid}.stego-control-panel .code-area{height:190px;min-height:190px}.stego-control-actions{justify-content:stretch}.stego-control-actions .primary-button,.stego-control-actions .secondary-button{flex:140px}.stego-byte-count{color:var(--muted);flex-shrink:0;font-size:.9rem;font-weight:680}.stego-byte-count.is-over-limit{color:var(--warning)}.stego-output-panel{display:grid}.stego-output-preview{background:var(--surface-soft);place-items:center;min-height:280px;padding:14px;display:grid}.photo-print-layout{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:stretch;gap:14px;display:grid}.photo-print-upload-panel,.photo-print-settings-panel,.photo-print-preview-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;overflow:hidden}.photo-print-upload-panel,.photo-print-settings-panel{grid-column:1}.photo-print-preview-panel{flex-direction:column;grid-area:1/2/span 2;min-height:0;display:flex}.photo-print-source-stage{background:var(--surface-soft);place-items:center;min-height:320px;padding:14px;display:grid}.photo-print-source-stage img{object-fit:contain;background:var(--surface);border-radius:7px;max-width:100%;max-height:360px}.photo-print-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;display:grid}.photo-print-field-full{grid-column:1/-1}.photo-print-settings-grid input[type=color]{cursor:pointer;min-height:40px;padding:4px}.photo-print-settings-actions{justify-content:flex-start;padding:0 14px 14px}.photo-print-canvas-stage{background:var(--surface-soft);flex:1;place-items:center;min-height:580px;padding:18px;display:grid;position:relative;overflow:auto}.photo-print-canvas-stage canvas{background:#fff;border-radius:8px;max-width:100%;max-height:640px;box-shadow:0 14px 36px #1720331f}.image-converter-upload-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;overflow:hidden}.image-converter-header-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.image-converter-header-actions button{min-height:40px}.image-converter-header-actions>button:not(.secondary-button){border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;place-items:center;width:40px;height:40px;display:grid}.image-converter-header-actions button:disabled{cursor:not-allowed;opacity:.45}.image-converter-drop-zone{min-height:220px;color:var(--text-soft);text-align:center;cursor:pointer;align-content:center;place-items:center;gap:8px;padding:18px;display:grid;position:relative}.image-converter-drop-zone strong{color:var(--text)}.image-converter-drop-zone input{opacity:0;cursor:pointer;position:absolute;inset:0}.image-converter-inline-list{border-top:1px solid var(--border)}.image-converter-grid{gap:10px;padding:12px;display:grid}.image-converter-card{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;grid-template-columns:84px minmax(0,1fr) minmax(360px,auto);align-items:center;gap:12px;min-height:104px;padding:10px;display:grid}.image-converter-thumb{object-fit:contain;background:var(--surface);border-radius:7px;width:84px;height:84px}.image-converter-file-info{gap:4px;min-width:0;display:grid}.image-converter-file-info strong,.image-converter-file-info span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.image-converter-file-info strong{color:var(--text);font-size:.94rem}.image-converter-file-info span{color:var(--muted);font-size:.84rem}.image-converter-error{color:var(--danger)!important}.image-converter-row-actions{grid-template-columns:minmax(120px,150px) auto auto auto;justify-content:end;align-items:end;gap:8px;display:grid}.image-converter-row-actions .form-field{min-width:120px}.image-converter-row-actions .secondary-button{white-space:nowrap;min-width:86px}.image-converter-row-actions button:disabled{cursor:not-allowed;opacity:.45}.scoreboard-controls{grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr) auto;align-items:end;gap:12px;display:grid}.scoreboard-action-strip{justify-content:flex-end}.ranking-list{gap:12px;padding:14px;display:grid}.ranking-list ol{gap:8px;margin:0;padding-left:22px;display:grid}.ranking-list li{padding:8px 0}.ranking-list li::marker{color:var(--muted)}.ranking-list li,.history-strip{color:var(--text-soft)}.ranking-list li strong{float:right;color:var(--text)}.picker-stage{align-content:stretch;gap:14px;min-height:360px;padding:14px;display:grid}.draw-stage,.card-stage{place-items:center;gap:12px;min-height:250px;display:grid}.draw-stage strong{overflow-wrap:anywhere;text-align:center;font-size:clamp(2rem,4vw,3rem)}.draw-stage.is-rolling strong{color:var(--primary-strong)}.card-stage{perspective:900px;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));align-content:center}.flip-card{aspect-ratio:1;border:1px solid var(--border);cursor:pointer;perspective:900px;background:0 0;border-radius:8px;min-height:92px;padding:0;display:block;position:relative}.flip-card__inner{transform-style:preserve-3d;transition:transform .36s;position:absolute;inset:0}.flip-card.is-selected .flip-card__inner,.flip-card.is-flipping .flip-card__inner{transform:rotateY(180deg)}.flip-card__face{backface-visibility:hidden;overflow-wrap:anywhere;text-align:center;border-radius:8px;place-items:center;padding:10px;display:grid;position:absolute;inset:0;overflow:hidden}.flip-card__back{background:var(--surface-soft);color:var(--muted);font-size:1.4rem;font-weight:760}.flip-card__front{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-strong);font-weight:760;transform:rotateY(180deg)}.history-strip{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.history-strip span{background:var(--surface-soft);border-radius:999px;padding:6px 9px;font-size:.9rem}.coin-flip-stage{border:1px solid var(--border);background:radial-gradient(circle at 50% 28%, color-mix(in srgb, var(--warning) 18%, transparent), transparent 34%), var(--surface);border-radius:8px;place-items:center;gap:18px;min-height:360px;padding:24px;display:grid}.coin-button{aspect-ratio:1;cursor:pointer;perspective:900px;background:0 0;border:0;place-items:center;width:min(46vw,220px);padding:0;display:grid}.coin-button:disabled{cursor:wait}.coin{width:100%;height:100%;transform-style:preserve-3d;transition:transform .24s;display:block;position:relative}.coin.is-tails{transform:rotateY(180deg)}.coin-button.is-flipping .coin{animation:.9s cubic-bezier(.22,.72,.22,1) forwards coinFlipHeads}.coin-button.is-flipping.is-target-tails .coin{animation-name:coinFlipTails}.coin__face{border:10px solid color-mix(in srgb, var(--warning) 72%, #fff);backface-visibility:hidden;color:#5f3b0c;background:radial-gradient(circle at 34% 26%,#ffffffb8,#0000 24%),linear-gradient(145deg,#f8df88,#c8952e);border-radius:50%;place-items:center;font-size:clamp(3rem,11vw,5.4rem);font-weight:860;display:grid;position:absolute;inset:0;box-shadow:inset 0 0 0 8px #ffffff2e,0 18px 35px #17203329}.coin__face--tails{color:#263b5f;background:radial-gradient(circle at 34% 26%,#ffffffb3,#0000 24%),linear-gradient(145deg,#d8e3f4,#8fa6c7);transform:rotateY(180deg)}.coin-flip-result{text-align:center;gap:5px;display:grid}.coin-flip-result span{color:var(--muted)}.coin-flip-result strong{font-size:clamp(1.7rem,4vw,2.6rem)}.coin-stat-grid .stat-card small{color:var(--muted);font-weight:680}.coin-history{min-height:64px;color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:8px;padding:14px;display:flex}.coin-history span{background:var(--surface-soft);border-radius:999px;padding:7px 10px;font-size:.9rem;font-weight:680}.coin-history span.is-heads{background:color-mix(in srgb, var(--warning) 16%, var(--surface));color:var(--warning)}.coin-history span.is-tails{background:color-mix(in srgb, var(--primary) 14%, var(--surface));color:var(--primary-strong)}.right-panel{gap:16px;display:grid}.side-block{padding:14px}.side-block__title{gap:8px;margin-bottom:12px}.compact-tool-list{gap:6px;display:grid}.compact-tool-list a{color:var(--text-soft);border-radius:7px;padding:9px 10px}.compact-tool-list a:hover{background:var(--surface-soft);color:var(--text)}.side-empty{margin:0}.section-heading{justify-content:space-between;gap:12px;margin-bottom:16px}.section-heading h2{margin:0}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tool-grid--featured{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-grid--featured .tool-card:first-child{grid-column:span 2}.tool-card{border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-soft) 52%, transparent), color-mix(in srgb, var(--surface) 96%, transparent));border-radius:12px;gap:8px;min-height:132px;padding:16px;display:grid;position:relative}.tool-card:hover{border-color:var(--primary);box-shadow:0 14px 36px color-mix(in srgb, var(--primary) 10%, transparent)}.tool-card__head{min-width:0;color:var(--text);align-items:center;gap:10px;display:flex}.tool-card__head strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tool-card>svg{color:var(--primary);position:absolute;bottom:14px;right:14px}.tool-list{border:1px solid var(--border);border-radius:12px;display:grid;overflow:hidden}.tool-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.tool-row:last-child{border-bottom:0}.tool-row__content{align-items:center;gap:10px;min-width:0;display:flex!important}.tool-row__text{gap:5px;min-width:0;display:grid}.tool-row__text strong,.tool-row__text small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.category-card{align-content:start;gap:14px;display:grid}.category-card__head span{gap:5px;display:grid}.category-card__head small,.category-card__tools a{color:var(--text-soft)}.category-card__head svg{color:var(--primary)}.category-card__tools{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:7px;display:grid}.category-card__tools a{border:1px solid var(--border);background:var(--surface-soft);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;min-width:0;min-height:32px;padding:4px 8px;font-size:.86rem;line-height:1.2;display:inline-flex}.category-card__tools .tool-logo{border-radius:6px;flex:none;width:20px;height:20px}.category-card__tools a span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.category-card__tools a:hover{border-color:var(--primary);color:var(--primary-strong)}.seo-section,.faq-section{line-height:1.75}.seo-section p:last-child,.faq-section p:last-child{margin-bottom:0}.faq-section details{border-top:1px solid var(--border);padding:14px 0}.faq-section summary{cursor:pointer;font-weight:720}.site-footer{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:14px;padding:28px 24px 40px;display:flex}.site-footer__version{color:var(--text-soft)}.mobile-nav-layer{z-index:80;position:fixed;inset:0}.mobile-nav-backdrop{background:#0b101870;border:0;position:absolute;inset:0}.mobile-nav-drawer{background:var(--bg);width:min(82vw,320px);box-shadow:var(--shadow);padding:14px;position:absolute;top:0;bottom:0;left:0}.mobile-nav-enter-active,.mobile-nav-leave-active{transition:opacity .18s}.mobile-nav-enter-active .mobile-nav-drawer,.mobile-nav-leave-active .mobile-nav-drawer{transition:transform .22s cubic-bezier(.22,1,.36,1)}.mobile-nav-enter-from,.mobile-nav-leave-to{opacity:0}.mobile-nav-enter-from .mobile-nav-drawer,.mobile-nav-leave-to .mobile-nav-drawer{transform:translate(-100%)}.tool-sidebar--mobile{scrollbar-width:none;-ms-overflow-style:none;height:100%;overflow:auto}.tool-sidebar--mobile::-webkit-scrollbar{width:0;height:0;display:none}.error-page{min-height:calc(100vh - var(--header-height));text-align:center;align-content:center;place-items:center;gap:12px;padding:32px;display:grid}.error-page h1{margin:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes coinFlipHeads{0%{transform:translateY(0)rotateY(0)rotateX(0)}42%{transform:translateY(-28px)rotateY(720deg)rotateX(18deg)}to{transform:translateY(0)rotateY(1440deg)rotateX(0)}}@keyframes coinFlipTails{0%{transform:translateY(0)rotateY(0)rotateX(0)}42%{transform:translateY(-28px)rotateY(720deg)rotateX(18deg)}to{transform:translateY(0)rotateY(1620deg)rotateX(0)}}@media (width<=1180px){:root{--workspace-sidebar-width:220px}.app-layout{grid-template-columns:var(--workspace-sidebar-width) minmax(0, 1fr)}.desktop-right-panel{display:none}}@media (width<=860px){:root{--header-height:64px}.app-header__inner{grid-template-columns:auto 1fr auto;gap:10px;padding:0 14px}.app-header__menu{display:grid}.brand-link{min-width:auto}.brand-name,.locale-switcher,.desktop-sidebar{display:none}.global-search{min-width:0}.app-layout{grid-template-columns:1fr;padding:16px}.site-frame--workspace-route{min-height:100vh}.workspace-grid,.workspace-grid--wide-left,.password-generator-layout,.tool-form-grid,.qr-layout,.qr-settings-grid,.barcode-layout,.barcode-settings-grid,.image-preview-grid,.stego-layout,.photo-print-layout,.photo-print-settings-grid,.ua-analysis-grid,.zodiac-result,.personality-grid,.scoreboard-controls,.info-grid,.snippet-grid,.tool-grid,.category-grid,.home-command,.home-library{grid-template-columns:1fr}.tool-grid--featured .tool-card:first-child{grid-column:auto}.tool-hero__main{flex-direction:column;align-items:stretch}.tool-hero__identity,.tool-hero__copy{width:100%}.tool-hero__actions{justify-content:flex-start}.photo-print-upload-panel,.photo-print-settings-panel,.photo-print-preview-panel{grid-area:auto}.stat-grid,.countdown-display{grid-template-columns:repeat(2,minmax(0,1fr))}.code-area,.empty-input-panel{height:300px;min-height:300px}.site-frame--workspace-route .app-layout{align-items:start;min-height:auto;padding-top:16px;overflow:visible}.site-frame--workspace-route .content-column,.site-frame--workspace-route .error-page{grid-column:auto;height:auto;padding-top:0;overflow:visible}.tool-page>.workspace .password-generator-result-panel .code-area{height:300px;min-height:300px}.word-counter-input{height:360px;min-height:280px}.word-counter-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.stego-drop-zone,.stego-preview-stage,.qr-canvas-stage,.barcode-stage{min-height:280px}.home-intro,.home-command,.tool-hero,.tool-section,.seo-section,.faq-section{padding:18px}.timestamp-metric-list{grid-template-columns:repeat(2,minmax(0,1fr))}.timestamp-metric-row:nth-child(2n){border-right:0}.image-converter-card{grid-template-columns:76px minmax(0,1fr)}.image-converter-thumb{width:76px;height:76px}.image-converter-row-actions{grid-column:1/-1;grid-template-columns:minmax(120px,1fr) auto auto auto;justify-content:stretch}}@media (width<=560px){.app-header__inner{grid-template-columns:auto minmax(0,1fr) auto}.header-actions{gap:6px}.global-search input{height:38px;padding-left:36px;padding-right:34px}.workspace__toolbar,.tool-options--toolbar,.tool-options--actions-only,.tool-hero__title-row,.tool-hero__actions,.section-heading,.tool-row{flex-direction:column;align-items:flex-start}.workspace{padding:12px}.workspace-actions{justify-content:stretch}.tool-options--toolbar>.workspace-actions,.tool-options--actions-only>.workspace-actions,.tool-options__cluster{width:100%}.tool-options--toolbar>.workspace-actions,.tool-options--actions-only>.workspace-actions,.workspace-actions--inline{justify-content:stretch}.tool-options--actions-only{grid-template-columns:1fr}.tool-options--actions-only>.workspace-actions{justify-self:stretch}.stat-grid,.countdown-display{grid-template-columns:1fr}.word-counter-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-form-grid--with-action,.postal-query-form{grid-template-columns:1fr}.result-panel__header{flex-direction:column;align-items:flex-start}.stego-panel-header,.qr-logo-header{flex-direction:column;align-items:stretch}.primary-button,.secondary-button{width:100%}.button-group{grid-template-columns:1fr;width:100%;display:grid}.button-group>.primary-button,.button-group>.secondary-button{border-radius:8px;width:100%}.button-group>.primary-button:first-child,.button-group>.secondary-button:first-child,.button-group>.primary-button:last-child,.button-group>.secondary-button:last-child{border-radius:8px}.button-group>.primary-button:not(:first-child),.button-group>.secondary-button:not(:first-child){margin-left:0}.timestamp-current-panel__header{flex-direction:column;align-items:flex-start}.timestamp-current-panel__title{flex-direction:column;gap:3px}.timestamp-current-panel__actions{justify-content:flex-start}.timestamp-current-panel__actions .secondary-button{width:auto}.image-converter-header-actions{justify-content:stretch}.image-converter-header-actions .secondary-button{flex:128px}.image-converter-header-actions>button:not(.secondary-button){flex:0 0 40px}.image-converter-card{grid-template-columns:1fr}.image-converter-thumb{width:100%;height:160px}.image-converter-row-actions{grid-template-columns:1fr 1fr}.image-converter-row-actions .form-field{grid-column:1/-1}.image-converter-row-actions .secondary-button,.image-converter-row-actions .icon-inline-button{width:100%}.timestamp-metric-row__label{display:none}}@keyframes tw-aurora-drift{0%{transform:translate(-6%,-4%)rotate(0)scale(1.05)}50%{transform:translate(6%,4%)rotate(180deg)scale(1.18)}to{transform:translate(-6%,-4%)rotate(360deg)scale(1.05)}}@keyframes tw-aurora-drift-alt{0%{transform:translate(4%,6%)rotate(0)scale(1.12)}50%{transform:translate(-8%,-4%)rotate(-200deg)scale(.92)}to{transform:translate(4%,6%)rotate(-360deg)scale(1.12)}}@keyframes tw-shimmer{0%{background-position:200%}to{background-position:-200%}}@keyframes tw-sweep-x{0%{opacity:0;transform:translate(-160%)}35%{opacity:1}to{opacity:0;transform:translate(160%)}}@keyframes tw-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes tw-pulse-glow{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--primary) 0%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--primary) 22%, transparent)}}@keyframes tw-rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes tw-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tw-page-enter{0%{opacity:0;filter:blur(6px);transform:translateY(10px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes tw-bounce-in{0%{opacity:0;transform:scale(.9)}60%{opacity:1;transform:scale(1.03)}to{transform:scale(1)}}@keyframes tw-reveal-down{0%{opacity:0;clip-path:inset(0 0 100% round 14px);transform:translateY(-10px)}to{opacity:1;clip-path:inset(0 round 14px);transform:translateY(0)}}.brand-mark{isolation:isolate;box-shadow:0 6px 18px color-mix(in srgb, var(--primary) 22%, transparent), inset 0 1px 0 color-mix(in srgb, var(--primary-contrast) 22%, transparent);transition:transform var(--motion) var(--ease-spring), box-shadow var(--motion) var(--ease-out-quint);position:relative;overflow:hidden}.brand-mark:after{content:"";background:conic-gradient(from 0deg, transparent 0deg, color-mix(in srgb, var(--aurora-1) 70%, transparent) 60deg, transparent 130deg, color-mix(in srgb, var(--aurora-3) 70%, transparent) 220deg, transparent 320deg);opacity:0;transition:opacity var(--motion) var(--ease-out-quint);z-index:-1;position:absolute;inset:-120%}.brand-link:hover .brand-mark{transform:translateY(-1px)rotate(-4deg)}.brand-link:hover .brand-mark:after{opacity:.65;animation:6s linear infinite tw-aurora-drift}.brand-name{background:linear-gradient(100deg, var(--text) 30%, color-mix(in srgb, var(--primary-strong) 70%, var(--text)) 50%, var(--text) 70%);color:#0000;transition:background-position var(--motion) var(--ease-out-quint);background-size:200%;-webkit-background-clip:text;background-clip:text}.brand-link:hover .brand-name{background-position:-180%}.home-command,.tool-hero{isolation:isolate;box-shadow:0 24px 60px color-mix(in srgb, var(--primary) 18%, transparent), inset 0 1px 0 color-mix(in srgb, var(--primary-contrast) 16%, transparent);position:relative;overflow:hidden}.home-command:before,.home-command:after,.tool-hero:before,.tool-hero:after{content:"";filter:blur(48px);pointer-events:none;z-index:-1;mix-blend-mode:screen;border-radius:50%;width:560px;height:560px;position:absolute}.home-command:before,.tool-hero:before{background:radial-gradient(circle, var(--aurora-1) 0%, color-mix(in srgb, var(--aurora-1) 40%, transparent) 45%, transparent 72%);opacity:var(--aurora-opacity);animation:18s ease-in-out infinite tw-aurora-drift;top:-200px;left:-140px}.home-command:after,.tool-hero:after{background:radial-gradient(circle, var(--aurora-3) 0%, color-mix(in srgb, var(--aurora-3) 45%, transparent) 45%, transparent 72%);opacity:var(--aurora-opacity);animation:22s ease-in-out infinite tw-aurora-drift-alt;bottom:-220px;right:-160px}.home-command>.home-command__copy:before{content:"";background:radial-gradient(circle, var(--aurora-2) 0%, transparent 70%);filter:blur(56px);width:320px;height:320px;opacity:calc(var(--aurora-opacity) - .08);pointer-events:none;z-index:-1;mix-blend-mode:screen;border-radius:50%;animation:26s ease-in-out infinite reverse tw-aurora-drift-alt;position:absolute;top:20%;right:8%}.home-command>*{z-index:1;position:relative}.home-command__copy h1,.tool-hero h1{background:linear-gradient(120deg, var(--text) 18%, color-mix(in srgb, var(--primary-strong) 65%, var(--text)) 60%, color-mix(in srgb, var(--accent) 60%, var(--text)) 100%);color:#0000;background-size:220%;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite tw-shimmer}.eyebrow{border:1px solid color-mix(in srgb, var(--primary) 26%, var(--border));background:color-mix(in srgb, var(--primary-soft) 50%, var(--glass));color:var(--primary-strong);letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:tw-rise-in .36s var(--ease-out-quint) both;border-radius:999px;gap:8px;padding:6px 12px;font-size:.86rem}.home-command__meta{animation:tw-rise-in .48s var(--ease-out-quint) both;animation-delay:80ms}.home-command__meta span{transition:transform var(--motion) var(--ease-spring), box-shadow var(--motion) var(--ease-out-quint);position:relative;overflow:hidden}.home-command__meta span:hover{box-shadow:0 10px 22px color-mix(in srgb, var(--primary) 22%, transparent);transform:translateY(-2px)}.tool-card{isolation:isolate;background:linear-gradient(180deg, color-mix(in srgb, var(--surface-soft) 60%, var(--glass)), color-mix(in srgb, var(--surface) 96%, transparent));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform var(--motion) var(--ease-spring), border-color var(--motion) var(--ease-out-quint), box-shadow var(--motion) var(--ease-out-quint);overflow:hidden}.tool-card:before{content:"";border-radius:inherit;background:linear-gradient(140deg, color-mix(in srgb, var(--primary) 45%, transparent), transparent 40%, transparent 60%, color-mix(in srgb, var(--aurora-3) 40%, transparent));-webkit-mask-composite:xor;opacity:0;transition:opacity var(--motion) var(--ease-out-quint);pointer-events:none;z-index:2;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.tool-card:after{content:"";background:linear-gradient(115deg, transparent 35%, color-mix(in srgb, var(--primary-contrast) 50%, transparent) 50%, transparent 65%);opacity:0;pointer-events:none;z-index:1;position:absolute;inset:0;transform:translate(-160%)}.tool-card:hover{box-shadow:var(--glow-strong), 0 22px 50px color-mix(in srgb, var(--primary) 14%, transparent);border-color:#0000;transform:translateY(-4px)}.tool-card:hover:before{opacity:1}.tool-card:hover:after{animation:tw-sweep-x .95s var(--ease-out-quint)}.tool-card__head .tool-logo{transition:transform var(--motion) var(--ease-spring)}.tool-card:hover .tool-card__head .tool-logo{transform:scale(1.08)rotate(-3deg)}.tool-card:hover .tool-card__head strong{color:var(--primary-strong)}.tool-card>svg{transition:transform var(--motion) var(--ease-spring), color var(--motion) var(--ease-out-quint)}.tool-card:hover>svg{transform:translate(4px)translateY(-2px)}.home-library-card,.category-card{transition:transform var(--motion) var(--ease-out-quint), box-shadow var(--motion) var(--ease-out-quint);position:relative}.home-library-card:hover,.category-card:hover{box-shadow:0 18px 40px color-mix(in srgb, var(--primary) 14%, transparent);transform:translateY(-2px)}.category-card__head{transition:background var(--motion) var(--ease-out-quint);border-radius:8px}.category-card__head:hover{background:linear-gradient(100deg, color-mix(in srgb, var(--primary-soft) 70%, transparent), transparent)}.category-card__head svg{transition:transform var(--motion) var(--ease-spring)}.category-card__head:hover svg{transform:translate(4px)}.category-card__tools a,.home-tool-chip{transition:transform var(--motion) var(--ease-spring), border-color var(--motion) var(--ease-out-quint), color var(--motion) var(--ease-out-quint), background var(--motion) var(--ease-out-quint);position:relative;overflow:hidden}.category-card__tools a:hover,.home-tool-chip:hover{border-color:var(--primary);background:linear-gradient(120deg, color-mix(in srgb, var(--primary-soft) 80%, var(--surface-soft)), var(--surface-soft));color:var(--primary-strong);transform:translateY(-2px)}.primary-button{background:linear-gradient(120deg, var(--primary-strong), color-mix(in srgb, var(--primary) 60%, var(--aurora-2)) 55%, var(--primary-strong));box-shadow:0 8px 20px color-mix(in srgb, var(--primary) 30%, transparent), inset 0 1px 0 color-mix(in srgb, var(--primary-contrast) 30%, transparent);transition:transform var(--motion) var(--ease-spring), box-shadow var(--motion) var(--ease-out-quint), background-position .6s var(--ease-out-quint);background-size:220%;position:relative;overflow:hidden}.primary-button:after{content:"";background:linear-gradient(115deg, transparent 38%, color-mix(in srgb, var(--primary-contrast) 70%, transparent) 50%, transparent 62%);pointer-events:none;position:absolute;inset:0;transform:translate(-160%)}.primary-button:hover{box-shadow:0 14px 28px color-mix(in srgb, var(--primary) 40%, transparent), 0 0 0 4px color-mix(in srgb, var(--primary) 18%, transparent), inset 0 1px 0 color-mix(in srgb, var(--primary-contrast) 30%, transparent);background-position:100%;transform:translateY(-1px)}.primary-button:hover:after{animation:tw-sweep-x .85s var(--ease-out-quint)}.primary-button:active{transform:translateY(1px)scale(.99)}.secondary-button{transition:transform var(--motion) var(--ease-spring), border-color var(--motion) var(--ease-out-quint), box-shadow var(--motion) var(--ease-out-quint), color var(--motion) var(--ease-out-quint);position:relative;overflow:hidden}.secondary-button:hover{border-color:var(--primary);color:var(--primary-strong);box-shadow:0 8px 18px color-mix(in srgb, var(--primary) 16%, transparent);transform:translateY(-1px)}.icon-button{transition:transform var(--motion) var(--ease-spring), border-color var(--motion) var(--ease-out-quint), box-shadow var(--motion) var(--ease-out-quint), color var(--motion) var(--ease-out-quint);position:relative;overflow:hidden}.icon-button:hover{border-color:var(--primary);color:var(--primary-strong);box-shadow:0 8px 18px color-mix(in srgb, var(--primary) 18%, transparent), 0 0 0 4px color-mix(in srgb, var(--primary) 12%, transparent);transform:translateY(-1px)}.icon-button svg{transition:transform var(--motion) var(--ease-spring)}.icon-button:hover svg{transform:scale(1.1)}.sidebar-link{transition:color var(--motion) var(--ease-out-quint), background var(--motion) var(--ease-out-quint), border-color var(--motion) var(--ease-out-quint), transform var(--motion) var(--ease-out-quint);position:relative}.sidebar-link:before{content:"";background:linear-gradient(180deg, var(--primary), var(--aurora-3));width:3px;height:0;transition:height var(--motion) var(--ease-spring);box-shadow:0 0 8px color-mix(in srgb, var(--primary) 70%, transparent);border-radius:999px;position:absolute;top:50%;left:-1px;transform:translateY(-50%)}.sidebar-link:hover{background:color-mix(in srgb, var(--primary-soft) 38%, transparent);color:var(--primary-strong);transform:translate(2px)}.sidebar-link:hover:before{height:60%}.sidebar-link.is-active{background:linear-gradient(100deg, color-mix(in srgb, var(--primary-soft) 80%, transparent), transparent);color:var(--primary-strong);font-weight:720}.sidebar-link.is-active:before{height:70%}.sidebar-group__button{transition:background var(--motion) var(--ease-out-quint)}.sidebar-group__button:hover{background:color-mix(in srgb, var(--surface-soft) 60%, transparent)}.sidebar-group__title>svg{transition:transform var(--motion) var(--ease-spring), color var(--motion) var(--ease-out-quint)}.sidebar-group__button:hover .sidebar-group__title>svg{color:var(--primary);transform:scale(1.12)}.sidebar-group__chevron.is-open{color:var(--primary)}.sidebar-links{overflow:hidden}.global-search input{transition:border-color var(--motion) var(--ease-out-quint), box-shadow var(--motion) var(--ease-out-quint), background var(--motion) var(--ease-out-quint)}.global-search input:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 18%, transparent), 0 8px 24px color-mix(in srgb, var(--primary) 18%, transparent)}.global-search__icon{transition:color var(--motion) var(--ease-out-quint), transform var(--motion) var(--ease-spring)}.global-search input:focus~.global-search__icon,.global-search:focus-within .global-search__icon{color:var(--primary);transform:scale(1.06)}.search-popover{transform-origin:100% 0;background:color-mix(in srgb, var(--surface) 90%, transparent);-webkit-backdrop-filter:blur(32px)saturate(160%);box-shadow:var(--shadow), 0 0 0 1px color-mix(in srgb, var(--primary) 16%, transparent);will-change:clip-path, transform, opacity;animation:tw-reveal-down .26s var(--ease-out-quint) both;border-radius:14px}.search-result{animation:tw-rise-in .28s var(--ease-out-quint) both}.search-result:first-child{animation-delay:30ms}.search-result:nth-child(2){animation-delay:60ms}.search-result:nth-child(3){animation-delay:90ms}.search-result:nth-child(4){animation-delay:.12s}.search-result:nth-child(5){animation-delay:.15s}.search-result:nth-child(6){animation-delay:.18s}.search-result:nth-child(7){animation-delay:.21s}.search-result:nth-child(8){animation-delay:.24s}.search-result{transition:background var(--motion) var(--ease-out-quint), padding-left var(--motion) var(--ease-out-quint);position:relative}.search-result:hover{background:linear-gradient(100deg, color-mix(in srgb, var(--primary-soft) 70%, transparent), transparent);padding-left:20px}.icon-button[aria-label*=模式] svg,.icon-button[title*=模式] svg{transition:transform .52s var(--ease-spring), opacity .24s var(--ease-out-quint)}.processing-overlay{background:color-mix(in srgb, var(--surface) 60%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:tw-fade-in .24s var(--ease-out-quint) both}.processing-overlay>svg{filter:drop-shadow(0 0 14px color-mix(in srgb, var(--primary) 60%, transparent))}.processing-overlay>span{letter-spacing:.08em;background:linear-gradient(120deg, var(--primary-strong), var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text}.segmented-control{position:relative;overflow:hidden}.segmented-control button.is-active{box-shadow:0 6px 16px color-mix(in srgb, var(--primary) 28%, transparent), inset 0 1px 0 color-mix(in srgb, var(--primary-contrast) 24%, transparent)}.editor-actions button{transition:transform var(--motion) var(--ease-spring), color var(--motion) var(--ease-out-quint), border-color var(--motion) var(--ease-out-quint), background var(--motion) var(--ease-out-quint)}.editor-actions button:hover{color:var(--primary-strong);transform:translateY(-1px)}.route-enter-active{animation:tw-page-enter .36s var(--ease-out-quint) both}.route-leave-active{animation:.16s reverse both tw-fade-in}.tool-content-enter-active{animation:tw-page-enter .3s var(--ease-out-quint) both}.tool-content-leave-active{animation:.12s reverse both tw-fade-in}.stagger>*{animation:tw-rise-in .36s var(--ease-out-quint) both}.stagger>:first-child{animation-delay:40ms}.stagger>:nth-child(2){animation-delay:80ms}.stagger>:nth-child(3){animation-delay:.12s}.stagger>:nth-child(4){animation-delay:.16s}.stagger>:nth-child(5){animation-delay:.2s}.stagger>:nth-child(6){animation-delay:.24s}.stagger>:nth-child(7){animation-delay:.28s}.stagger>:nth-child(8){animation-delay:.32s}.stagger>:nth-child(9){animation-delay:.36s}.stagger>:nth-child(n+10){animation-delay:.4s}.app-header{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 90%, transparent), color-mix(in srgb, var(--surface) 70%, transparent));box-shadow:0 8px 30px color-mix(in srgb, var(--primary) 8%, transparent)}.sidebar-group__chevron{transition:transform var(--motion) var(--ease-spring), color var(--motion) var(--ease-out-quint)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}