:root,[data-theme=light]{--text-xxs:clamp(.5rem, .6rem + .25vw, .7rem);--text-xs:clamp(.75rem, .7rem + .25vw, .875rem);--text-sm:clamp(.875rem, .8rem + .35vw, 1rem);--text-base:clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg:clamp(1.125rem, 1rem + .75vw, 1.5rem);--text-xl:clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--color-bg:#f6f4ef;--color-surface:#fcfbf8;--color-surface-2:#f3efe8;--color-surface-3:#ebe5db;--color-text:#1f1b17;--color-muted:#6f6a63;--color-border:#1f1b171f;--color-primary:#16626a;--color-primary-hover:#10494f;--color-accent:#8a6cff;--color-success:#34744a;--color-warning:#b46d10;--color-error:#b03557;--shadow-sm:0 1px 2px #1111110d;--shadow-md:0 8px 24px #11111114;--radius-sm:.5rem;--radius-md:.25rem;--radius-lg:1.25rem;--radius-xl:1.75rem;--font-body:-apple-system, BlinkMacSystemFont, "Trebuchet MS", "Segoe UI", Roboto, Arial, "Liberation Sans", "Noto Sans", sans-serif;--format-css:#1d4ed8;--format-json:#b45309;--format-csv:#15803d;--format-png:#6d28d9;--format-svg:#c2410c;--format-pdf:#b91c1c}[data-theme=dark]{--color-bg:#111211;--color-surface:#171917;--color-surface-2:#1d201d;--color-surface-3:#272b27;--color-text:#efeee9;--color-muted:#a39f96;--color-border:#ffffff1f;--color-primary:#71c0be;--color-primary-hover:#98d7d5;--color-accent:#b6a2ff;--color-success:#73b186;--color-warning:#e6af4e;--color-error:#ee7f9e;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 10px 30px #0006;--format-css:#93c5fd;--format-json:#fcd34d;--format-csv:#86efac;--format-png:#d8b4fe;--format-svg:#fdba74;--format-pdf:#fca5a5}@keyframes generate-spin{to{transform:rotate(360deg)}}@keyframes wobble{0%{transform:translate(0)rotate(0)}13%{transform:translate(-1px,-2px)rotate(-1.3deg)}27%{transform:translate(2px,1px)rotate(1.6deg)}41%{transform:translate(-2px,2px)rotate(-1.1deg)}56%{transform:translate(1px,-2px)rotate(1.4deg)}72%{transform:translate(-1px,2px)rotate(-.9deg)}86%{transform:translate(2px,-1px)rotate(.8deg)}to{transform:translate(0)rotate(0)}}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;min-height:100dvh}body{font-family:var(--font-body);font-size:var(--text-base);background:var(--color-bg);color:var(--color-text);line-height:1.5;overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}hr{border:none;border-top:1px solid var(--color-border)}.app-shell{background:var(--color-bg);grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;display:grid;overflow:hidden}.app-header{border-bottom:1px solid var(--color-border);background:color-mix(in oklab, var(--color-surface) 96%, transparent);padding-top:env(safe-area-inset-top)}.app-header-bar{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:3.5rem;padding:var(--space-3) var(--space-4);display:flex}.app-header-brand{min-width:0}.app-header-title{font-family:Trebuchet MS,Segoe UI,Roboto,Arial,Liberation Sans,Noto Sans,sans-serif;font-size:var(--text-lg);letter-spacing:-.01em;font-weight:700;line-height:1.1}.app-header-subtitle{color:var(--color-muted);font-size:var(--text-xs);line-height:1.2}.app-theme-toggle{flex-shrink:0}.app-main{-webkit-overflow-scrolling:touch;min-height:0;overflow:hidden auto}.app-main-inner{min-height:100%}.app-footer{border-top:1px solid var(--color-border);background:color-mix(in oklab, var(--color-surface) 96%, transparent);padding-bottom:env(safe-area-inset-bottom)}.app-footer-bar{justify-content:flex-start;align-items:center;gap:var(--space-2);min-height:2.75rem;padding:var(--space-2) var(--space-4);color:var(--color-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;flex-wrap:wrap;font-weight:700;display:flex}.app-footer-version{font-size:var(--text-xxs);letter-spacing:.01em;text-transform:none;margin-left:auto;font-weight:500}.app-footer-separator{opacity:.7}.app{align-items:start;gap:var(--space-4);padding:var(--space-4);grid-template-columns:340px 1.2fr 1fr;min-height:100%;display:grid}.panel{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:.25rem;min-height:0;overflow:hidden}.sidebar{flex-direction:column;min-height:0;display:flex}.workspace{flex-direction:column;min-height:0;display:flex;position:relative}.results{flex-direction:column;min-height:0;display:flex}@media (width<=960px){.app{grid-template-columns:1fr;grid-auto-rows:auto;height:auto;min-height:100%}.panel,.sidebar,.workspace,.results{min-height:auto}.canvas-stage{height:520px}.results{grid-column:auto}}@media (width<=760px){.app-header-bar{min-height:3.25rem;padding:var(--space-2) var(--space-3)}.app-header-subtitle{font-size:var(--text-xxs)}.app-footer-bar{font-size:var(--text-xxs);padding:var(--space-2) var(--space-3);justify-content:flex-start}.app{grid-template-columns:1fr;height:auto;min-height:100%}.panel{min-height:auto}.canvas-stage{height:420px}.controls-grid{grid-template-columns:1fr}}.section{padding:var(--space-4);border-bottom:1px solid var(--color-border)}.section:last-child{border-bottom:none}.logo{align-items:center;gap:var(--space-3);display:flex}.logo svg{width:34px;height:34px}.title{font-size:var(--text-xl);letter-spacing:-.03em;font-weight:900}.muted{color:var(--color-muted)}.tiny{font-size:var(--text-xs);color:var(--color-muted);font-weight:700}.tiny-mono{font-size:var(--text-xxs);color:var(--color-muted);font-family:"ui-monospace",SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-center{text-align:center}.description-text{max-width:34ch;font-size:.82rem;line-height:1.42}.stack{gap:var(--space-3);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-3);display:flex}.row.wrap{flex-wrap:wrap}.spaced{justify-content:space-between}.hidden{display:none!important}.btn{min-height:44px;font-size:var(--text-sm);border-radius:.25rem;justify-content:center;align-items:center;gap:.55rem;padding:.72rem 1rem;font-weight:700;display:inline-flex}.demo-image-btn{border:1px solid var(--color-border)}.img-plus-btn,.img-minus-btn{border:1px solid color-mix(in oklab, var(--color-border) 80%, transparent);background:linear-gradient(180deg, color-mix(in oklab, var(--color-surface) 88%, white 12%), var(--color-surface-2));border-radius:.25rem;width:36px;height:36px;font-size:1.2rem;line-height:1}.img-plus-btn:hover,.img-minus-btn:hover{border-color:color-mix(in oklab, var(--color-primary) 44%, var(--color-border))}.img-plus-btn:active,.img-minus-btn:active{transform:translateY(0)}.btn:hover.icon-btn{background-color:var(--color-surface-3)}.btn:hover.icon-btn.copy-css{background-color:#0000}.btn:hover.icon-btn.copy-css svg{fill:#5b36aa}.btn:hover.icon-btn.copy-css .icon-label{color:#5b36aa}.btn:hover.icon-btn.export-format-btn{background-color:#0000}.btn.primary{background:var(--color-primary);color:#fff;border-color:#0000}.btn.primary:hover{background:var(--color-primary-hover)}#generateBtn{color:#fff;background:#00758a;border-color:#0000;flex-direction:row;justify-content:center;align-items:center;gap:10px;min-height:66px;display:inline-flex;position:relative;overflow:hidden}#generateBtn:hover{background:#006778}[data-theme=dark] #generateBtn{color:#fff;background:#00758a;border-color:#0000}[data-theme=dark] #generateBtn:hover{background:#006778}#generateBtn .generate-label{z-index:1}#generateBtn .generate-progress{z-index:1;border:2px solid #ffffff5c;border-top-color:#fff;border-radius:50%;flex:none;width:16px;height:16px;animation:.75s linear infinite generate-spin;display:none;position:relative}#generateBtn.is-loading{cursor:not-allowed;opacity:.95}#generateBtn.is-loading .generate-progress{display:block}#generateBtn:disabled{cursor:not-allowed}.btn.ghost{background:0 0}.tool-toggle.active{background:var(--color-text);color:var(--color-bg);border-color:#0000}.btn.icon-btn.tool-toggle.active:hover{background:var(--color-text);color:var(--color-bg)}.icon-btn{border-radius:.25rem;flex-direction:column;flex:none;gap:.3rem;min-width:64px;min-height:56px;padding:.55rem .7rem}.icon-btn .icon{fill:currentColor;flex-shrink:0;width:22px;height:22px}.icon-btn .icon-label{letter-spacing:.01em;white-space:nowrap;font-size:11px;font-weight:700;line-height:1}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.upload-label{justify-content:space-between;align-items:center;gap:var(--space-2);font-size:var(--text-sm);letter-spacing:.01em;color:var(--color-text);margin-bottom:10px;font-weight:800;display:flex}.upload-label .icon{fill:currentColor;opacity:.9;width:18px;height:18px}.upload-zone{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);background:var(--color-surface-2);cursor:pointer;border-radius:.25rem;transition:border-color .15s,background .15s;display:flex;position:relative;border:2px dashed #018ba2!important}.upload-zone:hover{background:var(--color-surface-3)}.upload-zone:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}.upload-zone.drag-over{border-color:var(--color-primary);background:color-mix(in oklab, var(--color-primary) 12%, var(--color-surface-2))}.upload-zone.has-file{border-style:solid}.upload-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.upload-thumb{background-color:var(--color-surface-3);background-position:50%;background-size:cover;border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.upload-thumb .icon{width:22px;height:22px;fill:var(--color-muted)}.upload-thumb.has-image .icon{display:none}.upload-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.upload-title{font-weight:700;font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.canvas-shell{background:radial-gradient(circle at top left, color-mix(in oklab, var(--color-primary) 10%, transparent), transparent 45%), var(--color-surface-2);flex:1;min-height:0;position:relative}.canvas-toolbar{border-bottom:1px solid var(--color-border);background:linear-gradient(180deg, #fdf5ec22, transparent 46%), color-mix(in oklab, var(--color-surface) 90%, var(--color-surface-2) 10%);flex-wrap:wrap;align-items:center;gap:.4rem .65rem;min-height:3rem;padding:.52rem .78rem;display:flex}.canvas-toolbar .tiny-mono{padding:.26rem .48rem}#selectionReadout{margin-left:.2rem}.canvas-stage{height:clamp(320px,58vh,720px);padding:var(--space-4);align-content:start;place-items:center;display:grid;position:relative;overflow:auto}.canvas-wrap{box-shadow:var(--shadow-md);background:#ddd;border-radius:.25rem;max-width:100%;position:relative;overflow:hidden}canvas{touch-action:none;max-width:100%;height:auto;display:block}.overlay-canvas{position:absolute;inset:0}.brush-cursor{pointer-events:none;opacity:0;z-index:5;background:#e802fd33;border:2px solid #ff00d4;border-radius:50%;width:0;height:0;transition:opacity .12s;position:absolute;top:0;left:0;transform:translate(-9999px,-9999px);box-shadow:inset 0 0 0 1px #fff}.brush-cursor.visible{opacity:1}.brush-cursor.is-erase{background:#b0355738;border-color:#b03557eb}[data-theme=dark] .brush-cursor{box-shadow:inset 0 0 0 1px #fff}.workspace-footer{z-index:35;border-top:1px solid var(--color-border);background:color-mix(in oklab, var(--color-surface) 92%, transparent);min-height:16px;padding:6px 12px;transition:padding .24s;position:sticky;bottom:0;box-shadow:0 -8px 16px #11111114}.workspace-footer.is-snackbar-active{padding:10px 12px 12px}@media (width<=760px){.canvas-toolbar{gap:.35rem .5rem;min-height:2.6rem;padding:.45rem .55rem}.canvas-toolbar .tiny-mono{padding:.2rem .4rem}}.controls-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;align-items:start;display:grid}.field-group{gap:var(--space-3);padding:var(--space-3);border:1px solid color-mix(in oklab, var(--color-border) 85%, transparent);background:linear-gradient(180deg, color-mix(in oklab, var(--color-surface) 92%, white), var(--color-surface-2));border-radius:.25rem;flex-direction:column;display:flex;box-shadow:inset 0 1px #ffffff59,0 6px 18px #0000000d}.choice-grid{gap:10px;display:grid}.mode-grid{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px;display:grid}.count-grid{grid-template-columns:repeat(auto-fit,48px);justify-content:center;gap:8px}.choice-card-label{text-align:center;border:1px solid var(--color-border);background:linear-gradient(180deg, color-mix(in oklab, var(--color-surface-2) 92%, white), var(--color-surface-2));min-height:48px;font-size:var(--text-sm);letter-spacing:.01em;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.8rem .9rem;font-weight:800;transition:transform 80ms,background .16s,border-color .16s,box-shadow .16s,color .16s;display:flex;box-shadow:inset 0 1px #ffffff4d}.count-grid .choice-card-label{border-radius:.25rem;width:48px;height:48px;min-height:48px;padding:0}.choice-card{min-width:0;display:block}.choice-card input{opacity:0;pointer-events:none;position:absolute}.count-grid .choice-card-label,.mode-grid .choice-card-label{font-size:clamp(.7rem,.7rem + .1vw,1rem)}.mode-grid .choice-card-label{white-space:normal;text-overflow:clip;width:100%;padding:.72rem .7rem;font-weight:700;line-height:1.15;overflow:visible}.choice-card-label:hover{background:var(--color-surface-3);transform:translateY(-1px)}.choice-card input:checked+.choice-card-label{background:linear-gradient(180deg, color-mix(in oklab, var(--color-primary) 90%, white), var(--color-primary));color:#fff;border-color:color-mix(in oklab, var(--color-primary) 85%, black);box-shadow:0 6px 14px color-mix(in oklab, var(--color-primary) 30%, transparent), 0 1px 0 #ffffff2e inset}.mode-grid .choice-card input[value=natural]:checked+.choice-card-label{color:#fff;background:#8577c2;border-color:oklab(47.8265% .0407242 -.104462);box-shadow:0 6px 14px oklab(61.3161% .0407242 -.104462/.55),inset 0 1px #ffffff4d}.mode-grid .choice-card input[value=distinctive]:checked+.choice-card-label{color:#fff;background:#014f7b;border-color:oklab(32.0231% -.0449778 -.0874849);box-shadow:0 6px 14px oklab(41.0553% -.0449778 -.0874849/.55),inset 0 1px #ffffff4d}.mode-grid .choice-card input[value=random]:checked+.choice-card-label{color:#fff;background:#8a1764;border-color:oklab(33.7692% .16039 -.0413411);box-shadow:0 6px 14px oklab(43.2939% .16039 -.0413411/.55),inset 0 1px #ffffff4d}.count-grid .choice-card input:checked+.choice-card-label{color:#fff;background:#5b36aa;border-color:oklab(34.7585% .0669544 -.161814);box-shadow:0 6px 14px oklab(44.5622% .0669544 -.161814/.45),inset 0 1px #ffffff2e}[data-theme=dark] .field-group{background:linear-gradient(180deg, color-mix(in oklab, var(--color-surface) 95%, white), var(--color-surface-2));box-shadow:inset 0 1px #ffffff0f,0 8px 18px #00000059}[data-theme=dark] .mode-grid .choice-card input[value=natural]:checked+.choice-card-label{color:#fff;background:#7816ff;border-color:oklab(42.2477% .102227 -.268503);box-shadow:0 6px 14px oklab(52.8096% .102227 -.268503/.45),inset 0 1px #ffffff1f}[data-theme=dark] .mode-grid .choice-card input[value=distinctive]:checked+.choice-card-label{color:#fff;background:#5117ff;border-color:oklab(39.4805% .0421603 -.287953);box-shadow:0 6px 14px oklab(49.3506% .0421603 -.287953/.45),inset 0 1px #ffffff1f}[data-theme=dark] .mode-grid .choice-card input[value=random]:checked+.choice-card-label{color:#fff;background:#1f22ff;border-color:oklab(37.9314% -.0163544 -.297511);box-shadow:0 6px 14px oklab(47.4143% -.0163544 -.297511/.45),inset 0 1px #ffffff1f}[data-theme=dark] .count-grid .choice-card input:checked+.choice-card-label{color:#fff;background:#0854ab;border-color:oklab(36.6228% -.0356324 -.150675);box-shadow:0 6px 14px oklab(45.7785% -.0356324 -.150675/.45),inset 0 1px #ffffff1f}.choice-card input:active+.choice-card-label{transform:translateY(0)}.choice-card input:focus-visible+.choice-card-label{outline:2px solid var(--color-primary);outline-offset:2px}@media (width<=760px){.count-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.count-grid .choice-card-label{width:100%}}@media (width<=430px){.count-grid{grid-template-columns:1fr}}.export-format-btn[data-format=css]{--badge-ink:var(--format-css)}.export-format-btn[data-format=json]{--badge-ink:var(--format-json)}.export-format-btn[data-format=csv]{--badge-ink:var(--format-csv)}.export-format-btn[data-format=png]{--badge-ink:var(--format-png)}.export-format-btn[data-format=svg]{--badge-ink:var(--format-svg)}.export-format-btn[data-format=pdf]{--badge-ink:var(--format-pdf)}.format-badge{width:34px;height:34px;color:var(--badge-ink);background:color-mix(in srgb, var(--badge-ink) 14%, transparent);border:1px solid color-mix(in srgb, var(--badge-ink) 32%, transparent);border-radius:.25rem;justify-content:center;align-items:center;transition:background-color .15s,border-color .15s;display:flex}.format-icon{flex-shrink:0;width:20px;height:20px}.export-format-btn:hover .format-badge{background:color-mix(in srgb, var(--badge-ink) 26%, transparent)}.export-format-btn:focus-visible{outline-color:var(--badge-ink)}.input,.select{border:1px solid var(--color-border);background:var(--color-surface-2);border-radius:.25rem;padding:.5rem}.css-prefix-input{letter-spacing:.01em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:var(--text-xxs)}.export-btn--format[data-format=css]{--badge-ink:var(--format-css)}.export-btn--format[data-format=json]{--badge-ink:var(--format-json)}.export-btn--format[data-format=csv]{--badge-ink:var(--format-csv)}.export-btn--format[data-format=png]{--badge-ink:var(--format-png)}.export-btn--format[data-format=svg]{--badge-ink:var(--format-svg)}.export-btn--format[data-format=pdf]{--badge-ink:var(--format-pdf)}.export-box{flex-wrap:wrap;gap:10px;display:flex}.app-header-actions{align-items:center;gap:var(--space-2);display:inline-flex}.app-icon-toggle{border:1px solid var(--color-border);width:2.5rem;min-width:2.5rem;height:2.5rem;min-height:2.5rem;font-size:var(--text-sm);color:var(--color-text);border-radius:.25rem;font-weight:700;line-height:1;transition:transform .2s,background-color .2s,border-color .2s,box-shadow .2s}.app-icon-toggle:hover{border-color:color-mix(in oklab, var(--color-primary) 44%, var(--color-border));background:#fdf5ec}.app-icon-toggle:active{transform:translateY(0)}.app-guide-toggle{font-family:"ui-sans-serif",system-ui,sans-serif;font-weight:900}.info-guide-overlay{z-index:1500;opacity:0;pointer-events:none;place-items:center;transition:opacity .28s;display:grid;position:fixed;inset:0}.info-guide-overlay[hidden]{display:none!important}.info-guide-overlay.is-open{opacity:1;pointer-events:auto}.info-guide-overlay.is-closing{opacity:0;pointer-events:none}.info-guide-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:radial-gradient(circle,#7c5affb3,#0000 38%),#0c0f1694;position:absolute;inset:0}.info-guide-dialog{width:min(42rem,100vw - 2rem);max-height:calc(100dvh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));background:var(--color-surface);opacity:0;border:1px solid #fff1;border-radius:.25rem;flex-direction:column;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .24s;display:flex;position:relative;overflow:hidden;transform:translateY(18px)scale(.985)}.info-guide-overlay.is-open .info-guide-dialog{opacity:1;transform:translateY(0)scale(1)}.info-guide-overlay.is-closing .info-guide-dialog{opacity:0;transform:translateY(10px)scale(.99)}.info-guide-head{justify-content:space-between;align-items:center;gap:var(--space-3);color:#fff;background:linear-gradient(#ffffff1c,#0000 40%),linear-gradient(120deg,#4d39cf 0%,#6f3cd0 48%,#b23993 100%);padding:.8rem .95rem .72rem 2rem;display:flex}.info-guide-title{letter-spacing:-.01em;font-size:clamp(1rem,.9rem + .45vw,1.25rem);font-weight:800;line-height:1.2}.info-guide-close{border:1px solid var(--color-border);color:#fff;background:#ffffff24;border-radius:.25rem;width:2.4rem;min-width:2.4rem;height:2.4rem;min-height:2.4rem;font-size:1.35rem;line-height:1;transition:transform .2s,background-color .2s,box-shadow .2s}.info-guide-close:hover{background:#ffffff42;transform:translateY(-1px);box-shadow:0 8px 18px #160a3659}.info-guide-close:active{transform:translateY(0)}.info-guide-body{flex-direction:column;gap:.72rem;padding:2rem 1rem 2.5rem 2rem;display:flex;overflow:auto}.info-guide-body h2,.info-guide-body h3{line-height:1.25}.info-guide-body h2{font-size:var(--text-lg);letter-spacing:-.01em}.info-guide-body h3{font-size:var(--text-base);color:color-mix(in oklab, var(--color-text) 86%, var(--color-primary) 14%);margin-top:.35rem}.info-guide-body p,.info-guide-body li{color:var(--color-text);font-size:clamp(.9rem,.88rem + .14vw,.97rem);line-height:1.52}.info-guide-body ul{gap:var(--space-2);flex-direction:column;padding-left:1.1rem;display:flex}.info-guide-body code{background:var(--color-surface-3);border-radius:.2rem;padding:.12rem .3rem;font-family:"ui-monospace",SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.app-main.is-scroll-locked{overflow:hidden}[data-theme=dark] .app-header-actions{background:color-mix(in oklab, var(--color-surface) 92%, transparent)}[data-theme=dark] .app-icon-toggle:hover{background:color-mix(in oklab, var(--color-surface-3) 92%, white 8%)}@media (width<=760px){.app-icon-toggle{width:2.2rem;min-width:2.2rem;height:2.2rem;min-height:2.2rem}.info-guide-dialog{width:min(42rem,100vw - 1rem);max-height:calc(100dvh - 1rem - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.info-guide-head{padding:.68rem .82rem .64rem 1rem}.info-guide-body{padding:.9rem .82rem .72rem 1.1rem}.info-guide-close{width:2.15rem;min-width:2.15rem;height:2.15rem;min-height:2.15rem}}.results-scroll{padding:var(--space-4);gap:var(--space-4);flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.extract-output{opacity:0;pointer-events:none;flex-direction:column;min-height:0;max-height:0;transition:opacity .28s,transform .28s,max-height .34s;display:flex;overflow:hidden;transform:translateY(10px)}.extract-output.is-visible{opacity:1;pointer-events:auto;flex:1;max-height:none;transform:translateY(0)}.palette-grid{grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:7px;display:grid}.swatch{border:1px solid var(--color-border);background:var(--color-surface-2);text-align:left;cursor:pointer;border-radius:.25rem;width:100%;transition:transform 80ms,border-color .15s,box-shadow .15s;overflow:hidden}.swatch:hover{border-color:color-mix(in oklab, var(--color-primary) 80%, var(--color-border));box-shadow:0 0 0 2px color-mix(in oklab, var(--color-primary) 28%, transparent);transform:translateY(-1px)}.swatch:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.swatch.is-copying,[data-export=copy-css].is-copying{animation:.26s wobble}.swatch.is-selected{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in oklab, var(--color-primary) 30%, transparent)}.swatch-color{height:43px}.swatch-meta{padding:6px 8px;font-size:10px;font-weight:700}.selection-mode-group{border:1px solid var(--color-border);border-radius:.25rem;flex-shrink:0;display:flex;overflow:hidden}.selection-mode-btn{min-width:0;height:34px;min-height:0;font-size:var(--text-xs);white-space:nowrap;border-radius:0;padding:0 .7rem;font-weight:700}.selection-mode-btn.is-active{background:var(--color-text);color:var(--color-bg)}.selection-mode-btn:not(.is-active):hover{background:var(--color-surface-3)}.selection-mode-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.snackbar{color:#fff;width:100%;min-width:0;max-width:100%;max-height:0;box-shadow:none;opacity:0;pointer-events:none;z-index:1200;background:linear-gradient(#ffffff17,#0000 34%),linear-gradient(120deg,#4d39cf 0%,#6f3cd0 48%,#b23993 100%);border:1px solid #0000;border-radius:.25rem;margin-top:0;padding:0;transition:max-height .28s,margin-top .24s,opacity .24s,transform .24s;position:relative;overflow:hidden;transform:translateY(12px)scale(.99)}.snackbar.is-visible{opacity:1;pointer-events:auto;max-height:280px;margin-top:4px;transform:translateY(0)scale(1);box-shadow:0 16px 34px #18103675,inset 0 1px #ffffff38}.snackbar-shell{flex-direction:column;gap:8px;padding:14px 16px 16px;display:flex}.snackbar-badge{letter-spacing:.02em;background:#ffffff24;border:1px solid #ffffff3d;border-radius:.25rem;align-self:flex-start;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffff29,0 5px 14px #0b06283d}.snackbar-title{letter-spacing:-.01em;font-size:clamp(.9375rem,.825rem + .4875vw,1.5rem);font-weight:800;line-height:1.2}.snackbar-detail{color:#ffffffeb;font-size:clamp(.75rem,.72rem + .225vw,.9375rem);line-height:1.25}.snackbar.is-visible.info{border-color:#9cafff85}.snackbar.is-visible.warn{background:linear-gradient(#ffffff1a,#0000 34%),linear-gradient(120deg,#7e3b00 0%,#a84f00 46%,#d66a00 100%);border-color:#ffcb789e}[data-theme=dark] .snackbar.is-visible{box-shadow:0 18px 36px #00000094,inset 0 1px #ffffff24}@media (width<=760px){.snackbar-shell{gap:6px;padding:12px 12px 13px}.snackbar-badge{padding:5px 10px;font-size:12px}}