:root{--surface-page:#f6f6f9;--surface-card:#fff;--surface-sunken:#fafafc;--surface-inset:#f1f1f6;--surface-hover:#f4f4f8;--border-subtle:#ebebf1;--border-default:#e1e1e9;--border-strong:#cfcfda;--text-primary:#1c1c22;--text-secondary:#52525f;--text-muted:#83838f;--text-inverse:#fff;--accent:#6c5ce7;--accent-hover:#5c4bd6;--accent-active:#4c3cc4;--accent-soft:#efedfd;--accent-soft-border:#ddd8fb;--accent-ring:#6c5ce747;--success:#14855a;--success-soft:#e7f6ef;--success-border:#b9e5d1;--danger:#c8372f;--danger-hover:#b02b24;--danger-soft:#fdecea;--danger-border:#f4c8c4;--warning:#9a6416;--radius-xs:6px;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:999px;--shadow-xs:0 1px 2px #1414280d;--shadow-sm:0 1px 3px #1414280f, 0 1px 2px #1414280a;--shadow-md:0 4px 14px #14142812, 0 1px 3px #1414280d;--shadow-lg:0 18px 48px #14142824, 0 4px 12px #14142812;--shadow-window:0 22px 60px #1c1c3c2e, 0 2px 8px #1c1c3c14;--ease:cubic-bezier(.22, .61, .36, 1);--dur-fast:.12s;--dur:.18s;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--text-xs:11.5px;--text-sm:12.5px;--text-base:13.5px;--text-md:15px;--text-lg:18px;--text-xl:24px;--text-2xl:32px;--header-height:58px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background-color:var(--surface-page);min-height:100vh;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.55}h1,h2,h3,h4,p,figure,fieldset{margin:0}fieldset{border:0;min-width:0;padding:0}ul,ol{margin:0;padding:0;list-style:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}code{font-family:var(--font-mono);font-size:.92em}svg{flex-shrink:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-xs)}.u-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}*{scrollbar-width:thin;scrollbar-color:#c9c9d4 transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background-color:#d2d2dc;background-clip:content-box;border:3px solid #0000}::-webkit-scrollbar-thumb:hover{background-color:#b6b6c4;background-clip:content-box}::-webkit-scrollbar-corner{background:0 0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){:root{--border-default:CanvasText;--border-subtle:CanvasText}}.app{flex-direction:column;min-height:100vh;display:flex}.site-header{z-index:40;border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:saturate(180%)blur(12px);background-color:#ffffffe0;position:sticky;top:0}.site-header__inner{max-width:1360px;height:var(--header-height);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:0 24px;display:flex}.brand{font-size:var(--text-md);letter-spacing:-.01em;border-radius:var(--radius-sm);transition:background-color var(--dur) var(--ease);align-items:center;gap:10px;padding:4px 6px 4px 4px;font-weight:640;display:inline-flex}.brand:hover{background-color:var(--surface-hover)}.brand__mark{border-radius:var(--radius-sm);background-color:var(--accent);width:30px;height:30px;color:var(--text-inverse);box-shadow:var(--shadow-xs);place-items:center;display:grid}.brand__name{color:var(--text-primary)}.site-header__nav{align-items:center;gap:4px;display:flex}.site-header__banner{color:var(--warning);font-size:var(--text-sm);text-align:center;background-color:#fdf6e8;border-top:1px solid #f0e2c4;padding:8px 24px}.app__main{flex:auto;width:100%;max-width:1360px;margin:0 auto;padding:34px 24px 64px}.hero{margin-bottom:26px}.hero__title{font-size:var(--text-2xl);letter-spacing:-.022em;color:var(--text-primary);font-weight:680;line-height:1.16}.hero__subtitle{max-width:620px;font-size:var(--text-md);color:var(--text-secondary);margin-top:9px;line-height:1.5}.workspace{grid-template-columns:minmax(360px,4fr) minmax(440px,6fr);align-items:start;gap:22px;display:grid}.workspace__left,.workspace__right{flex-direction:column;gap:22px;min-width:0;display:flex}@media (min-width:1100px){.workspace__right{top:calc(var(--header-height) + 22px);position:sticky}}.site-footer{border-top:1px solid var(--border-subtle);background-color:var(--surface-card);text-align:center;padding:26px 24px 34px}.site-footer p{max-width:760px;color:var(--text-secondary);font-size:var(--text-sm);margin:0 auto;line-height:1.65}@media (max-width:1099px){.workspace{grid-template-columns:1fr}.workspace__right{order:-1}}@media (max-width:720px){.app__main{padding:24px 16px 48px}.site-header__inner{gap:8px;padding:0 16px}.brand__name{display:none}.hero__title{font-size:25px}.hero__subtitle{font-size:var(--text-base)}.site-footer{padding:22px 16px 28px}}@media (max-width:560px){.site-header__nav .button__label{display:none}.site-header__nav .button{padding:8px 10px}}.button{border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-base);white-space:nowrap;transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur-fast) var(--ease);background-color:#0000;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:8px 14px;font-weight:560;line-height:1.2;display:inline-flex}.button:active:not(:disabled){transform:translateY(.5px)}.button:disabled{opacity:.55;cursor:not-allowed}.button--sm{font-size:var(--text-sm);padding:6px 11px}.button--lg{font-size:var(--text-md);border-radius:var(--radius-md);padding:11px 18px}.button--primary{background-color:var(--accent);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.button--primary:hover:not(:disabled){background-color:var(--accent-hover)}.button--primary:active:not(:disabled){background-color:var(--accent-active)}.button--outline{background-color:var(--surface-card);border-color:var(--border-default);color:var(--text-primary)}.button--outline:hover:not(:disabled){background-color:var(--surface-hover);border-color:var(--border-strong)}.button--ghost{color:var(--text-secondary)}.button--ghost:hover:not(:disabled){background-color:var(--surface-hover);color:var(--text-primary)}.button--soft{background-color:var(--accent-soft);border-color:var(--accent-soft-border);color:var(--accent-active)}.button--soft:hover:not(:disabled){background-color:#e6e2fc}.button--danger{background-color:var(--danger);color:#fff}.button--danger:hover:not(:disabled){background-color:var(--danger-hover)}.is-placeholder{opacity:.72}.icon-button{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-muted);transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease);background-color:#0000;border:1px solid #0000;place-items:center;display:grid}.icon-button:hover{background-color:var(--surface-hover);color:var(--text-primary)}.panel,.preview-panel{background-color:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.panel__header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.panel__title{font-size:var(--text-md);letter-spacing:-.012em;color:var(--text-primary);font-weight:640}.panel__subtitle{font-size:var(--text-sm);color:var(--text-muted);margin-top:3px;line-height:1.5}.field{margin-bottom:18px}.field__label{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:6px;font-weight:600;display:block}.field__hint{font-size:var(--text-sm);color:var(--text-muted);margin-top:6px}.field__error{font-size:var(--text-sm);color:var(--danger);margin-top:6px}.text-input{border:1px solid var(--border-default);border-radius:var(--radius-sm);background-color:var(--surface-sunken);width:100%;color:var(--text-primary);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), background-color var(--dur) var(--ease);padding:9px 12px}.text-input::placeholder{color:var(--text-muted)}.text-input:hover{border-color:var(--border-strong)}.text-input:focus{background-color:var(--surface-card);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:none}.text-input.is-invalid{border-color:var(--danger);background-color:var(--danger-soft)}.text-input.is-invalid:focus{box-shadow:0 0 0 3px #c8372f33}.settings-groups{flex-direction:column;gap:20px;display:flex}.settings-group+.settings-group{border-top:1px solid var(--border-subtle);padding-top:18px}.settings-group__legend{font-size:var(--text-xs);letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px;padding:0;font-weight:680}.settings-group__fields{flex-direction:column;gap:14px;display:flex}.color-field__main{grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:11px;display:grid}.color-field__swatch{border-radius:var(--radius-xs);border:1px solid #0000001f;width:18px;height:18px;box-shadow:inset 0 0 0 1px #ffffff59}.color-field__meta{min-width:0}.color-field__label{font-size:var(--text-base);color:var(--text-primary);cursor:pointer;font-weight:560;display:block}.color-field__hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:1px;line-height:1.45;display:block}.color-field__controls{align-items:center;gap:7px;display:flex}.color-field__picker{border:1px solid var(--border-default);border-radius:var(--radius-sm);background-color:var(--surface-card);cursor:pointer;width:34px;height:32px;transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);padding:2px}.color-field__picker:hover{border-color:var(--border-strong)}.color-field__picker::-webkit-color-swatch-wrapper{padding:0}.color-field__picker::-webkit-color-swatch{border:none;border-radius:5px}.color-field__picker::-moz-color-swatch{border:none;border-radius:5px}.color-field__hex{border:1px solid var(--border-default);border-radius:var(--radius-sm);background-color:var(--surface-sunken);width:92px;font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.01em;text-transform:uppercase;transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);padding:7px 9px}.color-field__hex:hover{border-color:var(--border-strong)}.color-field__hex:focus{background-color:var(--surface-card);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:none}.color-field__hex.is-invalid{border-color:var(--danger);background-color:var(--danger-soft);color:var(--danger)}.color-field__error{font-size:var(--text-xs);color:var(--danger);margin-top:6px;margin-left:29px}.preset-grid{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:10px;display:grid}.preset{border:1px solid var(--border-default);border-radius:var(--radius-md);background-color:var(--surface-card);text-align:left;width:100%;height:100%;transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease), background-color var(--dur) var(--ease);flex-direction:column;gap:9px;padding:11px;display:flex}.preset:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.preset.is-active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.preset__swatch{border-radius:var(--radius-xs);border:1px solid #00000014;height:34px;display:flex;overflow:hidden}.preset__swatch span{flex:1 1 0}.preset__text{display:block}.preset__name{font-size:var(--text-base);color:var(--text-primary);font-weight:600;display:block}.preset__description{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px;line-height:1.4;display:block}.switch{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-sm);align-items:center;gap:8px;padding:4px;display:inline-flex}.switch input{opacity:0;width:0;height:0;position:absolute}.switch__track{border-radius:var(--radius-pill);background-color:var(--border-strong);width:36px;height:20px;transition:background-color var(--dur) var(--ease);position:relative}.switch__thumb{width:16px;height:16px;box-shadow:var(--shadow-xs);transition:transform var(--dur) var(--ease);background-color:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.switch input:checked+.switch__track{background-color:var(--accent)}.switch input:checked+.switch__track .switch__thumb{transform:translate(16px)}.switch input:focus-visible+.switch__track{outline:2px solid var(--accent);outline-offset:2px}.switch__label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:560}.export-panel .panel__header{margin-bottom:14px}.inline-code{background-color:var(--surface-inset);border:1px solid var(--border-subtle);color:var(--text-secondary);word-break:break-all;border-radius:5px;padding:1.5px 5px;font-size:.9em}.format-picker{margin-bottom:16px}.format-picker__legend{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:8px;padding:0;font-weight:600}.segmented{grid-template-columns:1fr 1fr;gap:8px;display:grid}.segmented__option{border:1px solid var(--border-default);border-radius:var(--radius-md);background-color:var(--surface-sunken);cursor:pointer;transition:border-color var(--dur) var(--ease), background-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);flex-direction:column;gap:3px;padding:9px 11px;display:flex}.segmented__option:hover{border-color:var(--border-strong)}.segmented__option input{opacity:0;width:0;height:0;position:absolute}.segmented__option.is-active{border-color:var(--accent);background-color:var(--accent-soft)}.segmented__option:focus-within{box-shadow:0 0 0 3px var(--accent-ring)}.segmented__label{font-size:var(--text-base);color:var(--text-primary);font-weight:600}.segmented__sample{font-size:var(--text-xs);color:var(--text-muted)}.segmented__option.is-active .segmented__sample{color:var(--accent-active)}.format-picker__hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:7px}.format-picker__warn{border:1px solid var(--danger-border);border-radius:var(--radius-sm);background-color:var(--danger-soft);font-size:var(--text-xs);color:var(--danger);margin:-8px 0 16px;padding:9px 11px;line-height:1.55}.option-group{margin:0 0 16px}.option-group__legend{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:8px;padding:0;font-weight:600}.option-group__grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:7px;display:grid}.checkbox{border:1px solid var(--border-default);border-radius:var(--radius-md);background-color:var(--surface-sunken);cursor:pointer;transition:border-color var(--dur) var(--ease), background-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);align-items:flex-start;gap:9px;padding:10px 11px;display:flex}.checkbox:hover{border-color:var(--border-strong)}.checkbox:focus-within{box-shadow:0 0 0 3px var(--accent-ring)}.checkbox:has(input:checked){border-color:var(--accent);background-color:var(--accent-soft)}.checkbox input{width:15px;height:15px;accent-color:var(--accent);cursor:pointer;flex:none;margin-top:1px}.checkbox__label{font-size:var(--text-base);color:var(--text-primary);font-weight:600}.field--compact{gap:5px}.select-input{border:1px solid var(--border-default);border-radius:var(--radius-sm);background-color:var(--surface-sunken);width:100%;font-family:inherit;font-size:var(--text-base);color:var(--text-primary);cursor:pointer;transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);padding:8px 10px}.select-input:hover{border-color:var(--border-strong)}.select-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:none}.export-panel__note{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background-color:var(--surface-inset);font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:14px;padding:9px 11px;line-height:1.55}.export-panel__actions{flex-wrap:wrap;gap:10px;display:flex}.export-panel__actions .button--primary{flex:190px}.export-panel__actions .button--outline{flex:0 auto}.howto{border-top:1px solid var(--border-subtle);margin-top:16px;padding-top:13px}.howto__summary{cursor:pointer;font-size:var(--text-base);color:var(--text-secondary);padding:3px 0;font-weight:560;list-style:none}.howto__summary::-webkit-details-marker{display:none}.howto__summary:before{content:"+";width:15px;color:var(--text-muted);font-weight:700;display:inline-block}.howto[open] .howto__summary:before{content:"−"}.howto__summary:hover{color:var(--text-primary)}.howto__list{font-size:var(--text-sm);color:var(--text-secondary);flex-direction:column;gap:7px;margin-top:9px;padding-left:15px;line-height:1.6;list-style:decimal;display:flex}.howto__list li{padding-left:3px}.modal-backdrop{z-index:100;animation:fade-in var(--dur) var(--ease);background-color:#18182670;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal{background-color:var(--surface-card);border-radius:var(--radius-lg);width:100%;max-height:min(86vh,780px);box-shadow:var(--shadow-lg);animation:modal-in var(--dur) var(--ease);flex-direction:column;display:flex}.modal--sm{max-width:452px}.modal--md{max-width:620px}.modal--lg{max-width:760px}.modal:focus{outline:none}.modal__header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 20px 14px;display:flex}.modal__title{font-size:var(--text-lg);letter-spacing:-.015em;font-weight:640}.modal__description{font-size:var(--text-sm);color:var(--text-muted);margin-top:4px;line-height:1.5}.modal__body{flex:auto;min-height:0;padding:18px 20px;overflow-y:auto}.modal__footer{border-top:1px solid var(--border-subtle);background-color:var(--surface-sunken);border-radius:0 0 var(--radius-lg) var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:13px 20px;display:flex}.modal__footer-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.modal__footer-note{font-size:var(--text-sm);color:var(--text-muted);align-items:center;gap:9px;display:flex}.modal__footer-note-text{font-family:var(--font-mono);font-size:var(--text-xs)}.modal__alert{border:1px solid var(--danger-border);border-radius:var(--radius-sm);background-color:var(--danger-soft);color:var(--danger);font-size:var(--text-sm);margin-bottom:12px;padding:9px 12px}.status-chip{border-radius:var(--radius-pill);font-size:var(--text-xs);align-items:center;gap:4px;padding:3px 8px;font-weight:600;display:inline-flex}.status-chip--ok{background-color:var(--success-soft);border:1px solid var(--success-border);color:var(--success)}.status-chip--error{background-color:var(--danger-soft);border:1px solid var(--danger-border);color:var(--danger)}.confirm__body{font-size:var(--text-base);color:var(--text-secondary);line-height:1.6}.code-block{border:1px solid var(--border-default);border-radius:var(--radius-md);color:#26262e;font-family:var(--font-mono);font-size:var(--text-sm);-moz-tab-size:2;tab-size:2;background-color:#fbfbfd;max-height:52vh;margin:0;padding:15px 16px;line-height:1.7;overflow:auto}.code-block:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.prose{font-size:var(--text-base);color:var(--text-secondary);line-height:1.65}.prose p+p,.prose p+h3,.prose ul+h3{margin-top:13px}.prose h3{font-size:var(--text-base);color:var(--text-primary);margin-top:17px;font-weight:640}.prose ul{flex-direction:column;gap:5px;margin-top:7px;padding-left:17px;list-style:outside;display:flex}.toast-region{z-index:200;pointer-events:none;width:min(440px,100vw - 32px);position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.toast-stack{flex-direction:column;align-items:center;gap:8px;display:flex}.toast{pointer-events:auto;border-radius:var(--radius-md);border:1px solid var(--border-default);background-color:var(--surface-card);width:100%;box-shadow:var(--shadow-lg);font-size:var(--text-base);color:var(--text-primary);animation:toast-in var(--dur) var(--ease);align-items:flex-start;gap:9px;padding:10px 11px;display:flex}.toast__icon{border-radius:50%;flex:none;place-items:center;width:20px;height:20px;margin-top:.5px;display:grid}.toast__message{flex:auto;min-width:0;line-height:1.45}.toast__close{border-radius:var(--radius-xs);width:22px;height:22px;color:var(--text-muted);background:0 0;border:0;flex:none;place-items:center;display:grid}.toast__close:hover{background-color:var(--surface-hover);color:var(--text-primary)}.toast--success{border-left:3px solid var(--success)}.toast--success .toast__icon{background-color:var(--success-soft);color:var(--success)}.toast--error{border-left:3px solid var(--danger)}.toast--error .toast__icon{background-color:var(--danger-soft);color:var(--danger)}.toast--info{border-left:3px solid var(--accent)}.toast--info .toast__icon{background-color:var(--accent-soft);color:var(--accent)}.crash{background-color:var(--surface-page);place-items:center;min-height:100vh;padding:24px;display:grid}.crash__card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background-color:var(--surface-card);max-width:520px;box-shadow:var(--shadow-md);padding:26px}.crash__title{font-size:var(--text-lg);font-weight:640}.crash__text{font-size:var(--text-base);color:var(--text-secondary);margin-top:8px;line-height:1.6}.crash__detail{border-radius:var(--radius-sm);background-color:var(--surface-inset);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-xs);white-space:pre-wrap;word-break:break-word;margin-top:13px;padding:11px 13px;overflow-x:auto}.crash__actions{flex-wrap:wrap;gap:9px;margin-top:17px;display:flex}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lang-switch{border:1px solid var(--border-default);border-radius:var(--radius-pill);background-color:var(--surface-card);align-items:center;gap:5px;padding:2px 3px 2px 7px;display:inline-flex}.lang-switch__icon{color:var(--text-muted);place-items:center;display:grid}.lang-switch__group{gap:2px;display:inline-flex}.lang-switch__option{border-radius:var(--radius-pill);color:var(--text-muted);font-size:var(--text-xs);white-space:nowrap;transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease);background-color:#0000;border:0;padding:3px 9px;font-weight:620;line-height:1.4}.lang-switch__option:hover{background-color:var(--surface-hover);color:var(--text-primary)}.lang-switch__option.is-active{background-color:var(--accent-soft);color:var(--accent-active)}.studio__heading{align-items:flex-start;gap:10px;display:flex}.studio__heading-icon{border:1px solid var(--accent-soft-border);border-radius:var(--radius-sm);background-color:var(--accent-soft);width:28px;height:28px;color:var(--accent);flex:none;place-items:center;margin-top:1px;display:grid}.studio .panel__header,.import-panel .panel__header{margin-bottom:14px}.studio__options{flex-direction:column;gap:14px;margin-bottom:16px;display:flex}.studio__legend{font-size:var(--text-xs);letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);margin-bottom:7px;padding:0;font-weight:680}.segmented--three{grid-template-columns:repeat(3,1fr)}.segmented--three .segmented__option{text-align:center;align-items:center;padding:7px 6px}.segmented--three .segmented__label{font-size:var(--text-sm)}.studio__result{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background-color:var(--surface-sunken);align-items:center;gap:10px;padding:9px 11px;display:flex}.studio__result-legend{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);flex:none;font-weight:680}.studio__strip{border-radius:var(--radius-xs);border:1px solid #00000014;flex:auto;min-width:0;height:26px;display:flex;overflow:hidden}.studio__strip-swatch{flex:1 1 0}.studio__notes{font-size:var(--text-xs);color:var(--text-muted);flex-direction:column;gap:4px;margin-top:9px;line-height:1.5;display:flex}.studio__notes li{padding-left:12px;position:relative}.studio__notes li:before{content:"";background-color:var(--accent);opacity:.55;border-radius:50%;width:4px;height:4px;position:absolute;top:6px;left:2px}.studio__generate{width:100%;margin-top:14px}.import__drop{border-radius:var(--radius-md);transition:box-shadow var(--dur) var(--ease);position:relative}.import__drop.is-dragging{box-shadow:0 0 0 3px var(--accent-ring)}.import__textarea{resize:vertical;min-height:70px;font-size:var(--text-sm);line-height:1.55;display:block}.import__actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:9px;display:flex}.import__hint{font-size:var(--text-xs);color:var(--text-muted)}.import__drop-overlay{border:1.5px dashed var(--accent);border-radius:var(--radius-md);color:var(--accent-active);font-size:var(--text-sm);text-align:center;pointer-events:none;background-color:#6c5ce712;place-items:center;padding:12px;font-weight:620;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.import__error{border:1px solid var(--danger-border);border-radius:var(--radius-sm);background-color:var(--danger-soft);color:var(--danger);font-size:var(--text-sm);align-items:flex-start;gap:7px;margin-top:10px;padding:8px 11px;line-height:1.5;display:flex}.import__note{font-size:var(--text-xs);color:var(--text-muted);margin-top:10px;line-height:1.55}.import__swatches{flex-wrap:wrap;gap:7px;margin-top:9px;display:flex}.import__swatch{border:1px solid var(--border-default);border-radius:var(--radius-pill);background-color:var(--surface-card);font-size:var(--text-xs);transition:border-color var(--dur) var(--ease);align-items:center;gap:6px;padding:3px 5px;display:inline-flex}.import__swatch:hover{border-color:var(--border-strong)}.import__swatch-chip{border:1px solid #00000024;border-radius:50%;flex:none;width:18px;height:18px}.import__swatch-hex{font-family:var(--font-mono);text-transform:uppercase;color:var(--text-secondary);letter-spacing:.01em}.import__swatch--fixed{border-radius:var(--radius-md);padding:4px 10px 4px 5px}.import__swatch-text{flex-direction:column;line-height:1.25;display:flex}.import__swatch-role{color:var(--text-muted);font-size:10px}.import__swatch-remove{width:18px;height:18px;color:var(--text-muted);transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease);background-color:#0000;border:0;border-radius:50%;place-items:center;display:grid}.import__swatch-remove:hover{background-color:var(--danger-soft);color:var(--danger)}.import__footer{gap:8px;margin-top:13px;display:flex}.import__footer .button--primary{flex:auto}@media (max-width:720px){.lang-switch{padding-left:5px}.lang-switch__option{padding:3px 7px}}@media (max-width:560px){.studio__result{flex-direction:column;align-items:stretch;gap:7px}.segmented--three .segmented__label{font-size:var(--text-xs)}}.preview-panel{padding:20px}.preview-panel__header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:15px;display:flex}.preview-panel__title{font-size:var(--text-md);letter-spacing:-.012em;font-weight:640}.preview-panel__subtitle{font-size:var(--text-sm);color:var(--text-muted);align-items:flex-start;gap:6px;max-width:380px;margin-top:3px;line-height:1.5;display:flex}.preview-panel__dot{background-color:var(--accent-soft);width:18px;height:18px;color:var(--accent);border-radius:50%;flex:none;place-items:center;margin-top:1px;display:grid}.preview-panel__warnings{border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--warning);background-color:#fdf6e8;border:1px solid #f0e2c4;flex-direction:column;gap:4px;margin-top:12px;padding:9px 12px;display:flex}.mockup{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:linear-gradient(#eff0f4 0%,#e8e9ef 100%);padding:14px}.mockup__window{box-shadow:var(--shadow-window);border:1px solid #0000001a;border-radius:12px;position:relative;overflow:hidden}.mockup__strip{align-items:flex-end;gap:2px;height:46px;padding:0 10px;display:flex;position:relative}.mockup__tabs{flex:auto;align-items:flex-end;gap:2px;min-width:0;display:flex;overflow:hidden}.mockup__tab{min-width:0;max-width:132px;height:32px;transition:transform var(--dur-fast) var(--ease);border-radius:9px 9px 0 0;flex:0 auto;align-items:center;gap:6px;padding:0 10px;font-size:11.5px;font-weight:500;display:flex}.mockup__tab.is-active{height:36px;box-shadow:inset 0 -1px #ffffff29}.mockup__tab-favicon{border-radius:3px;flex:none;width:11px;height:11px}.mockup__tab-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mockup__tab-close{opacity:.5;flex:none;font-size:13px;line-height:1}.mockup__newtab{opacity:.72;flex:none;padding:0 8px 6px;font-size:15px;line-height:1}.mockup__window-controls{z-index:2;gap:6px;display:flex;position:absolute;top:7px;right:10px}.mockup__window-control{border-radius:3px;width:11px;height:11px;box-shadow:inset 0 0 0 1px #00000017}.mockup__toolbar{align-items:center;gap:10px;height:48px;padding:0 12px;display:flex;position:relative}.mockup__nav{flex:none;align-items:center;gap:13px;display:flex}.mockup__omnibox{border-radius:var(--radius-pill);min-width:0;height:30px;box-shadow:var(--shadow-xs);border:1px solid #0000;flex:auto;align-items:center;gap:8px;padding:0 12px;font-size:12px;display:flex;position:relative}.mockup__omnibox-text{text-overflow:ellipsis;white-space:nowrap;opacity:.72;min-width:0;overflow:hidden}.mockup__toolbar-right{flex:none;align-items:center;gap:12px;display:flex}.mockup__avatar{border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;font-weight:700;display:grid}.mockup__bookmarks{align-items:center;gap:15px;height:30px;padding:0 12px;display:flex;position:relative;overflow:hidden}.mockup__bookmark{white-space:nowrap;align-items:center;gap:5px;font-size:11.5px;font-weight:500;display:flex}.mockup__bookmark-dot{border-radius:3px;flex:none;width:11px;height:11px}.mockup__content{padding:0}.mockup__ntp{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:306px;padding:26px 22px 30px;display:flex;position:relative}.mockup__ntp-brand{width:56px;height:56px;margin-bottom:4px;position:relative}.mockup__mark{display:block;position:absolute}.mockup__mark--a{border-radius:50%;width:34px;height:34px;top:7px;left:0}.mockup__mark--b{opacity:.8;border-radius:50%;width:29px;height:29px;top:0;left:24px}.mockup__mark--c{opacity:.62;border-radius:7px;width:22px;height:22px;top:31px;left:19px}.mockup__ntp-title{letter-spacing:-.01em;font-size:17px;font-weight:620}.mockup__ntp-subtitle{margin-top:-4px;font-size:11.5px}.mockup__ntp-search{border-radius:var(--radius-pill);width:min(330px,78%);height:34px;box-shadow:var(--shadow-sm);align-items:center;gap:8px;margin-top:9px;padding:0 14px;font-size:12px;display:flex}.mockup__shortcuts{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:14px;display:flex}.mockup__shortcut{flex-direction:column;align-items:center;gap:6px;width:56px;display:flex}.mockup__shortcut-tile{border:1px solid #0000;border-radius:10px;width:36px;height:36px}.mockup__shortcut-label{font-size:10.5px;font-weight:560}.key-badge{z-index:5;color:#fff;font-family:var(--font-mono);letter-spacing:.01em;white-space:nowrap;pointer-events:none;background-color:#161626c7;border-radius:4px;padding:1.5px 5px;font-size:9.5px;line-height:1.5;position:absolute}.key-badge--top-left{top:4px;left:4px}.key-badge--top-right{top:4px;right:4px}.key-badge--bottom-left{bottom:4px;left:4px}.key-badge--bottom-right{bottom:4px;right:4px}.key-badge--right{top:50%;right:5px;transform:translateY(-50%)}@media (max-width:1099px){.mockup__ntp{min-height:268px}}@media (max-width:560px){.mockup{padding:9px}.mockup__strip{height:42px;padding:0 7px}.mockup__tab{max-width:92px;padding:0 8px;font-size:10.5px}.mockup__toolbar{gap:8px;height:44px;padding:0 9px}.mockup__nav{gap:10px}.mockup__toolbar-right{gap:9px}.mockup__bookmarks{gap:11px;font-size:10.5px}.mockup__ntp{min-height:232px;padding:20px 14px 24px}.mockup__ntp-brand{width:46px;height:46px}.mockup__mark--a{width:28px;height:28px}.mockup__mark--b{width:24px;height:24px;left:20px}.mockup__mark--c{width:18px;height:18px;top:26px;left:16px}.mockup__ntp-title{font-size:15px}.mockup__shortcut{width:46px}.mockup__shortcut-tile{width:30px;height:30px}.preview-panel{padding:16px}}.audit{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background-color:var(--surface-sunken);font-size:var(--text-sm);margin-top:14px;padding:11px 13px}.audit--ok{border-color:var(--success-border);background-color:var(--success-soft)}.audit--warn{background-color:#fdf8ed;border-color:#efe0c2}.audit__head{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.audit__icon{border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.audit--ok .audit__icon{color:var(--success);background-color:#14855a21}.audit--warn .audit__icon{color:var(--warning);background-color:#9a641626}.audit__title{flex:auto;min-width:0;font-weight:560;line-height:1.45}.audit--ok .audit__title{color:var(--success)}.audit--warn .audit__title{color:var(--warning);font-weight:620}.audit__fix{flex:none}.audit__badge{border:1px solid var(--success-border);border-radius:var(--radius-pill);background-color:var(--surface-card);color:var(--success);font-size:var(--text-xs);flex:none;align-items:center;gap:4px;padding:2px 8px;font-weight:620;display:inline-flex}.audit__list{font-size:var(--text-xs);color:var(--text-secondary);border-top:1px solid #9a64162e;flex-direction:column;gap:5px;margin-top:9px;padding-top:9px;line-height:1.5;display:flex}.audit__list li{padding-left:15px;position:relative}.audit__list li:before{content:"";background-color:var(--warning);border-radius:50%;width:5px;height:5px;position:absolute;top:6px;left:3px}