:root{--color-ink-strong:#26221c;--color-ink:#3b342c;--color-ink-soft:#7a6c5b;--color-ink-muted:#a1917d;--color-bg-page:#f6f1e7;--color-bg-surface:#fff9f1;--color-bg-surface-2:#f8f0e4;--color-bg-surface-3:#efe6d8;--color-bg-popup:#fffdf8;--color-accent-primary:#e85d3f;--color-accent-primary-hover:#d95135;--color-accent-primary-active:#be462c;--color-accent-secondary:#2f8f83;--color-accent-highlight:#f2c14e;--color-accent-info:#4aa3a1;--color-success:#4d9f70;--color-warning:#d98b2b;--color-error:#c94b4b;--color-info:#4d7ea8;--color-border-soft:#26221c14;--color-border-default:#26221c1f;--color-border-strong:#26221c33;--color-border-accent:#e85d3f59;--surface-page:var(--color-bg-page);--surface-panel:var(--color-bg-surface);--surface-panel-alt:var(--color-bg-surface-2);--surface-stage:var(--color-bg-surface-3);--surface-popup:var(--color-bg-popup);--text-primary:var(--color-ink-strong);--text-secondary:var(--color-ink-soft);--text-muted:var(--color-ink-muted);--action-primary:var(--color-accent-primary);--action-secondary:var(--color-accent-secondary);--border-panel:var(--color-border-soft);--border-control:var(--color-border-default);--border-focus:var(--color-border-accent);--focus-ring-color:#4aa3a152;--focus-ring-shadow:0 0 0 3px var(--focus-ring-color);--font-brand:"Smiley Sans", "ZCOOL KuaiLe", "Trebuchet MS", sans-serif;--font-ui:"HarmonyOS Sans SC", "Noto Sans SC", "Microsoft YaHei", sans-serif;--font-mono:"IBM Plex Mono", "Cascadia Mono", monospace;--font-size-hero:48px;--font-size-h1:36px;--font-size-h2:28px;--font-size-h3:22px;--font-size-h4:18px;--font-size-body-lg:16px;--font-size-body:14px;--font-size-body-sm:13px;--font-size-caption:12px;--font-size-micro:11px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-heavy:800;--line-height-hero:1.1;--line-height-heading:1.2;--line-height-body:1.5;--line-height-compact:1.35;--space-2:2px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--space-64:64px;--page-padding-x:24px;--page-padding-y:24px;--section-gap:32px;--panel-padding:14px;--editor-panel-padding:10px;--editor-panel-gap:8px;--card-padding:16px;--radius-xs:8px;--radius-sm:10px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--shadow-xs:0 2px 8px #26221c0f;--shadow-sm:0 4px 12px #26221c12;--shadow-md:0 8px 20px #26221c14;--shadow-lg:0 16px 36px #26221c1a;--motion-fast:.12s;--motion-base:.18s;--motion-medium:.24s;--motion-slow:.36s;--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-soft:cubic-bezier(.22, 1, .36, 1);--ease-press:cubic-bezier(.34, 1.56, .64, 1);--topbar-height:54px;--editor-left-width:272px;--editor-right-width:250px;--editor-column-gap:10px;--stage-min-height:640px;--stage-toolbar-height:40px;--statusbar-height:28px}*{box-sizing:border-box}html{height:100%;font-size:16px}body{min-width:320px;height:100%;min-height:100%;font-family:var(--font-ui);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--text-primary);background:radial-gradient(circle at top, #ffffff73, transparent 32%), linear-gradient(180deg, #f8f3ea 0%, var(--surface-page) 100%);margin:0}html{scrollbar-color:#86705780 #fff9f1b3}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#fff9f1b8;border-radius:999px}::-webkit-scrollbar-thumb{background:#86705780;border:2px solid #fff9f1b8;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#867057ad}html.app-editor-active,body.app-editor-active{height:100%;overflow:hidden}body:before{content:"";pointer-events:none;opacity:.22;background-image:radial-gradient(#7a6c5b1f .8px,#0000 .8px);background-size:16px 16px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000b3,#0000 90%);mask-image:linear-gradient(#000000b3,#0000 90%)}a{color:inherit}button,input,select,textarea{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:var(--focus-ring-shadow);outline:none}#root{height:100%;min-height:100%}.app-shell{min-height:100vh;padding:var(--page-padding-y) var(--page-padding-x);position:relative}.topbar{height:var(--topbar-height);gap:var(--space-12);padding:0 var(--space-12);border:1px solid var(--border-panel);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff9f1e0;grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.topbar--editor{font-size:var(--font-size-body-sm);height:50px;box-shadow:none;background:#fffcf7d1;border-radius:16px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);padding:0 12px}.topbar--home{grid-template-columns:1fr auto}.topbar__group,.topbar__actions,.topbar__status{align-items:center;gap:var(--space-12);display:flex}.topbar__actions{flex-wrap:wrap;justify-content:flex-end}.topbar__actions--editor{justify-content:flex-end;position:relative}.topbar__status{justify-content:center}.topbar__center{justify-content:center;align-items:center;min-width:0;display:flex}.topbar__eyebrow,.panel-card__eyebrow,.hero__eyebrow{margin:0 0 var(--space-4);color:var(--text-muted);font-size:var(--font-size-caption);text-transform:uppercase;letter-spacing:.08em}.topbar__title,.brand-lockup__title{font-size:var(--font-size-h4)}.topbar__identity{flex-direction:column;gap:1px;display:flex}.topbar__meta{color:var(--text-muted);font-size:11px}.topbar__meta--editor{white-space:nowrap;align-items:center;padding:0 2px;display:inline-flex}.topbar__project-link{min-width:0;max-width:100%;color:var(--text-secondary);transition:background-color var(--motion-base) var(--ease-standard), border-color var(--motion-base) var(--ease-standard), color var(--motion-base) var(--ease-standard);background:#ffffff94;border:1px solid #3b342c14;border-radius:999px;align-items:center;gap:8px;padding:4px 10px;font-size:11px;text-decoration:none;display:inline-flex}.topbar__project-link--button{cursor:pointer;border:1px solid #3b342c14}.topbar__project-link:hover{color:var(--text-primary);background:#ffffffd6;border-color:#3b342c24;text-decoration:none}.topbar__project-link-main{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.topbar__project-link-badge{min-height:18px;color:var(--action-primary);letter-spacing:.02em;background:#e2684824;border-radius:999px;justify-content:center;align-items:center;padding:0 7px;font-size:10px;font-weight:600;display:inline-flex}.brand-lockup{align-items:center;gap:var(--space-12);display:flex}.brand-lockup__badge,.status-badge{min-height:32px;padding:0 var(--space-12);background:var(--surface-panel-alt);border:1px solid var(--border-control);color:var(--text-secondary);font-size:var(--font-size-caption);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.status-badge--success{color:var(--color-success);background:#4d9f7024}.button{border-radius:var(--radius-lg);min-height:44px;padding:0 var(--space-16);cursor:pointer;transition:transform var(--motion-base) var(--ease-soft), background-color var(--motion-base) var(--ease-standard), border-color var(--motion-base) var(--ease-standard), box-shadow var(--motion-base) var(--ease-standard);border:1px solid #0000}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(1px)}.button--compact{border-radius:var(--radius-md);min-height:28px;padding:0 9px;font-size:12px}.button--primary{background:var(--action-primary);color:#fff9f1;box-shadow:var(--shadow-xs)}.button--primary:hover{background:var(--color-accent-primary-hover)}.button--danger{color:var(--color-error);background:#c94b4b14;border-color:#c94b4b2e}.button--danger:hover{background:#c94b4b24}.button--secondary,.button--ghost{background:var(--surface-panel);color:var(--text-primary);border-color:var(--border-control)}.button--tone-editor{min-height:30px;box-shadow:none;border-radius:8px;font-size:12px}.button--tone-editor.button--compact{min-height:26px;padding:0 8px}.button--tone-editor.button--secondary,.button--tone-editor.button--ghost{background:#ffffff85;border-color:#3b342c1a}.button--tone-editor.button--secondary:hover,.button--tone-editor.button--ghost:hover{background:#ffffffc7;border-color:#3b342c29}.button--tone-editor.button--primary{background:var(--action-primary);box-shadow:none}.panel-card{border-radius:var(--radius-lg);border:1px solid var(--border-panel);box-shadow:var(--shadow-sm);background:linear-gradient(#fffdf8f5,#f8f0e4e6);flex-direction:column;gap:8px;padding:12px;display:flex}.panel-card__title{font-size:14px;line-height:var(--line-height-heading);margin:0}.panel-card__header,.panel-card__body,.panel-card__footer{gap:var(--space-10);flex-direction:column;display:flex}.panel-card--editor{padding:var(--editor-panel-padding);box-shadow:none;background:#fffbf6e6;border-color:#3b342c14;border-radius:10px;gap:6px}.panel-card--editor .panel-card__header,.panel-card--editor .panel-card__body,.panel-card--editor .panel-card__footer{gap:8px}.panel-card--editor .panel-card__eyebrow{letter-spacing:.12em;margin-bottom:2px;font-size:10px}.panel-card--editor .panel-card__title{font-size:13px}.app-shell--home{place-items:center;height:100dvh;min-height:100dvh;display:grid;overflow:hidden}.home-entry{place-items:center;width:min(1200px,100%);height:100%;display:grid}.home-entry__hero{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffcf7d6;border:1px solid #3b342c14;border-radius:32px;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);align-items:center;gap:48px;width:100%;min-height:min(760px,100dvh - 48px);padding:48px 56px;display:grid;box-shadow:0 20px 60px #26221c14}.home-entry__copy{align-content:center;gap:18px;display:grid}.home-entry__brand{color:var(--text-muted);letter-spacing:.14em;text-transform:uppercase;font-size:12px}.home-entry__title{max-width:11ch;font-family:var(--font-brand);margin:0;font-size:clamp(3rem,5vw,5rem);line-height:.96}.home-entry__subtitle{color:var(--text-secondary);margin:0;font-size:18px}.home-entry__actions{flex-wrap:wrap;gap:12px;margin-top:6px;display:flex}.home-entry__visual{place-items:center;min-height:100%;display:grid}.entry-flow{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;width:100%;display:grid}.entry-flow__panel{justify-items:center;gap:10px;display:grid}.entry-flow__panel span,.entry-flow__arrow{color:var(--text-secondary);font-size:13px}.entry-flow__thumb{aspect-ratio:1;background:#ffffffb8;border:1px solid #3b342c14;border-radius:24px;width:100%;max-width:180px;padding:14px;box-shadow:inset 0 1px #fffc}.entry-flow__thumb--image{background:linear-gradient(135deg,#e85d3f3d,#0000 50%),linear-gradient(#f8e4cf,#f3efe8)}.entry-flow__thumb--beads{background:linear-gradient(#f4e7d2,#efe2cc);grid-template-columns:repeat(5,minmax(0,1fr));align-content:center;gap:8px;display:grid}.entry-dot{aspect-ratio:1;border:1px solid #26221c14;border-radius:999px;box-shadow:inset 0 -2px #26221c14}.entry-dot--0{background:#e85d3f}.entry-dot--1{background:#2f8f83}.entry-dot--2{background:#f2c14e}.entry-dot--3{background:#c27758}.entry-dot--4{background:#f6dfc1}.entry-flow__thumb--pattern{background:linear-gradient(#fcfbf7,#f2ede4)}.entry-flow__grid{background-color:#fff;background-image:linear-gradient(#e0a04c7a 1px,#0000 1px),linear-gradient(90deg,#e0a04c7a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:12px;width:100%;height:100%}.bead--0,.stage-dot--0{background:#e85d3f}.bead--1,.stage-dot--1{background:#2f8f83}.bead--2,.stage-dot--2{background:#f2c14e}.bead--3,.stage-dot--3{background:#4aa3a1}.bead--4,.stage-dot--4{background:#bc7750}.bead--5,.stage-dot--5{background:#f6dfc1}.stage-dot--6{background:#d9a673}.stage-dot--7{background:#8e5e4c}.bead-showcase__note{gap:var(--space-4);padding:var(--space-16);border-radius:var(--radius-lg);color:var(--text-secondary);background:#ffffff8c;flex-direction:column;display:flex}.app-shell--editor{gap:var(--space-20);flex-direction:column;min-width:0;height:100dvh;min-height:100dvh;display:flex;overflow:hidden}.editor-layout{grid-template-columns:minmax(248px, var(--editor-left-width)) minmax(0, 1fr) minmax(248px, var(--editor-right-width));gap:var(--editor-column-gap);flex:1;min-width:0;min-height:0;display:grid;overflow:hidden}.editor-sidebar{overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;gap:8px;min-height:0;display:flex;overflow:hidden auto}.editor-sidebar--right{position:relative}.editor-panel-group{background:#fff8f05c;border:1px solid #3b342c0f;border-radius:10px;flex-direction:column;gap:4px;padding:4px;display:flex}.editor-stage{gap:var(--space-10);grid-template-rows:auto 1fr auto;min-width:0;min-height:0;display:grid;overflow:hidden}.stage-toolbar,.stage-statusbar{border:1px solid var(--border-panel);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);background:#fff9f1e6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;padding:6px 8px;display:flex}.stage-toolbar{background:#fff9f1f5;border-radius:10px;gap:4px;min-height:34px;padding:4px 5px;display:grid}.stage-toolbar__row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;width:100%;min-width:0;display:grid}.stage-toolbar__left,.stage-toolbar__right{align-items:center;min-width:0;display:flex}.stage-toolbar__left{justify-content:flex-start}.stage-toolbar__right{justify-content:flex-end;min-width:max-content}.tool-group{flex-wrap:wrap;gap:4px;display:flex}.tool-group--utility{justify-content:flex-end}.tool-group--divider{border-left:1px solid #3b342c38;margin-left:8px;padding-left:10px}.stage-tool-button{border-radius:7px;min-height:24px;padding-inline:7px;font-size:11px}.stage-tool-button--active{color:#fffaf4;background:#e85d3f;border-color:#e85d3fb8;box-shadow:inset 0 -1px #57221738}.stage-frame{border-radius:var(--radius-lg);height:100%;min-height:0;box-shadow:inset 0 1px 0 #ffffff59, var(--shadow-sm);background:linear-gradient(#ede2d0,#e3d5c0);border:1px solid #3b342c1f;padding:8px;overflow:hidden}.stage-frame__canvas{border-radius:var(--radius-md);background:linear-gradient(#ffffff14,#0000),#d0bea2;place-items:center;width:100%;min-width:0;height:100%;min-height:0;padding:8px;display:grid;overflow:hidden}.stage-empty-state{z-index:0;text-align:center;color:var(--text-secondary);place-items:center;gap:6px;display:grid;position:absolute}.stage-empty-state p{margin:0}.canvas-stage-shell{touch-action:none;-webkit-user-select:none;user-select:none;place-items:center;width:100%;min-width:0;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.canvas-stage-shell--pan{cursor:grab}.canvas-stage-shell--paint{cursor:crosshair}.canvas-stage-shell--erase{cursor:cell}.canvas-stage-shell--picker{cursor:copy}.canvas-stage-shell--fill{cursor:pointer}.canvas-stage-shell--select{cursor:crosshair}.canvas-stage-shell--dragging{cursor:grabbing}.canvas-stage{border-radius:var(--radius-sm);transform-origin:50%;will-change:transform;background:#fff;flex:none;max-width:100%;max-height:100%;display:block;box-shadow:0 0 0 1px #2a241d1f}.stage-dot{aspect-ratio:1;border:1px solid #26221c0f;border-radius:999px;box-shadow:inset 0 -2px #26221c14}.stage-statusbar{color:var(--text-secondary);justify-content:flex-start;gap:10px;min-height:24px;padding:4px 8px;font-size:10px}.info-list{color:var(--text-secondary);margin:0;padding-left:1.2rem}.stack-actions{flex-direction:column;gap:4px;display:flex}.section-headline{justify-content:space-between;align-items:flex-start;gap:6px;display:flex}.section-headline span{color:var(--text-muted);text-align:right;font-size:11px}.panel-inline-title{align-items:center;gap:6px;display:flex}.panel-inline-title strong{font-size:13px}.project-brief{background:#ffffff7a;border:1px solid #3b342c14;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px;display:flex}.project-brief__label{color:var(--text-muted);margin-bottom:2px;font-size:10px;display:block}.project-brief__meta{color:var(--text-secondary);font-size:11px}.editor-workflow{flex-direction:column;gap:10px;display:flex}.editor-workflow__section{background:#ffffff7a;border:1px solid #3b342c14;border-radius:8px;flex-direction:column;gap:8px;padding:8px;display:flex}.editor-workflow__head,.editor-workflow__footer{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.editor-workflow__head strong{font-size:12px}.editor-workflow__head span{color:var(--text-muted);text-align:right;font-size:11px}.editor-workflow__footer .progress-card{flex:1}.progress-card{gap:var(--space-6,6px);color:var(--text-secondary);flex-direction:column;font-size:12px;display:flex}.progress-card__meta{color:var(--text-primary);justify-content:space-between;align-items:center;display:flex}.progress-bar{background:#3b342c14;border-radius:999px;width:100%;height:12px;overflow:hidden}.progress-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--action-primary), #f2a65a);height:100%;display:block}.control-grid{gap:6px;display:grid}.control-grid--double{grid-template-columns:repeat(2,minmax(0,1fr))}.field{flex-direction:column;gap:4px;display:flex}.field span{color:var(--text-secondary);font-size:var(--font-size-caption)}.field__input{border:1px solid var(--border-control);border-radius:var(--radius-md);min-height:28px;color:var(--text-primary);background:#fffdf8e0;padding:0 7px;font-size:12px}.field__range{accent-color:var(--action-primary)}.inline-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.inline-actions--wide .button{flex:1 1 0}.inline-actions--tight{align-items:center;gap:4px}.toggle-row{align-items:center;gap:6px;min-height:28px;display:flex}.field .toggle-row{margin-top:2px}.toggle-row input{width:18px;height:18px;accent-color:var(--action-secondary)}.upload-field{cursor:pointer;background:#4aa3a10f;border:1px dashed #2f8f8361;border-radius:10px;justify-content:flex-start;align-items:center;gap:8px;min-height:40px;padding:6px 10px;display:flex}.upload-field__input{display:none}.upload-field__content{align-items:baseline;gap:8px;min-width:0;display:flex}.upload-field__title{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:12px}.upload-field__description{color:var(--text-secondary);font-size:11px}.action-block{flex-direction:column;gap:8px;display:flex}.image-controls{flex-direction:column;gap:6px;display:flex}.image-controls__top{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.image-controls__top .button{white-space:nowrap}.image-controls__nudge .button{min-width:42px}.image-preview{cursor:grab;-webkit-user-select:none;user-select:none;overscroll-behavior:contain;background:linear-gradient(#efe0c8,#dcc7a8);border:1px solid #3b342c1f;border-radius:10px;width:100%;overflow:hidden;box-shadow:inset 0 1px #ffffff40}.image-preview__canvas{width:100%;height:auto;display:block}.image-preview--dragging{cursor:grabbing}.image-preview__hint{color:var(--text-muted);justify-content:space-between;padding:6px 8px 8px;font-size:11px;display:flex}.current-color{align-items:center;gap:var(--space-12);display:flex}.current-color__meta{flex-direction:column;gap:2px;min-width:0;display:flex}.current-color--compact{background:#ffffff7a;border:1px solid #3b342c14;border-radius:8px;padding:6px 8px}.current-color--compact-inline{align-items:center}.current-color--sidebar{gap:8px;padding:5px 6px}.current-color--sidebar-tight{gap:6px;padding:4px 5px}.current-color--dense{gap:8px;padding:5px 6px}.current-color__swatch{background:#e85d3f;border:1px solid #26221c1a;border-radius:8px;width:32px;height:32px;box-shadow:inset 0 -3px #26221c1a}.current-color__swatch--dense{border-radius:6px;width:24px;height:24px}.current-color--sidebar-tight .current-color__meta strong{font-size:11px;line-height:1.1}.current-color--sidebar-tight .current-color__meta p{font-size:10px;line-height:1.1}.current-color__count{color:var(--text-muted);font-family:var(--font-mono);margin-left:auto;font-size:10px}.current-color p,.muted-copy{color:var(--text-secondary);margin:0}.muted-copy--compact{font-size:11px}.stats-list{flex-direction:column;gap:6px;display:flex}.stats-list--compact{gap:4px}.stats-row{border-radius:var(--radius-md);background:#ffffff85;grid-template-columns:16px 1fr auto;align-items:center;gap:6px;padding:6px 8px;font-size:12px;display:grid}.stats-list--compact .stats-row{padding:3px 4px;font-size:10px}.stats-row__dot{background:var(--action-secondary);border-radius:999px;width:14px;height:14px}.stats-row__name{flex-direction:column;display:flex}.stats-row__name small{color:var(--text-muted)}.palette-grid{gap:6px;display:grid}.palette-grid--compact,.palette-grid--tight{grid-template-columns:1fr}.palette-grid--tight{gap:4px}.palette-matrix{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.palette-matrix--compact{grid-template-columns:repeat(4,minmax(0,1fr))}.palette-matrix--dense{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.palette-matrix--preview{grid-auto-rows:minmax(0,auto)}.palette-summary{gap:var(--space-4);color:var(--text-secondary);flex-direction:column;display:flex}.palette-summary small{color:var(--text-muted)}.palette-chip{border:1px solid var(--border-control);border-radius:var(--radius-md);background:#ffffff8c;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:6px;width:100%;padding:6px 8px;display:grid}.palette-chip--compact{min-height:42px}.palette-chip--dense{min-height:30px}.palette-chip--active{border-color:var(--border-focus);box-shadow:var(--focus-ring-shadow)}.palette-chip--disabled{opacity:.58}.palette-chip__select{cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:14px 1fr;align-items:center;gap:6px;width:100%;padding:0;display:grid}.palette-chip__select:disabled{cursor:not-allowed}.palette-chip__dot{border:1px solid #26221c1a;border-radius:999px;width:14px;height:14px}.palette-chip__dot--large{width:16px;height:16px}.palette-chip__meta{flex-direction:column;min-width:0;display:flex}.palette-chip__meta strong,.palette-chip__meta small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.palette-chip__meta small{color:var(--text-muted);font-size:10px}.palette-chip__toggle{align-items:center;gap:var(--space-4);color:var(--text-secondary);white-space:nowrap;align-self:center;font-size:11px;display:flex}.palette-chip__toggle input{accent-color:var(--action-secondary)}.palette-swatch{border:1px solid var(--border-control);text-align:left;cursor:pointer;background:#ffffff8f;border-radius:8px;grid-template-columns:12px 1fr auto;align-items:center;gap:4px;width:100%;min-height:26px;padding:4px 5px;display:grid}.palette-swatch--dense{border-radius:6px;grid-template-columns:10px 1fr auto;min-height:22px;padding:3px 4px}.palette-swatch:disabled{cursor:not-allowed}.palette-swatch__chip{border:1px solid #26221c24;border-radius:999px;width:12px;height:12px}.palette-swatch__code{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-mono);font-size:9px;overflow:hidden}.palette-swatch__toggle{align-items:center;display:flex}.palette-swatch__toggle input{width:11px;height:11px;accent-color:var(--action-secondary);margin:0}.summary-grid{gap:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.summary-grid--compact div{min-height:48px}.summary-grid--editor,.summary-grid--sidebar{gap:6px}.summary-grid--sidebar div{padding:6px}.summary-grid div{border-radius:var(--radius-md);background:#ffffff85;padding:6px 7px}.summary-grid span{color:var(--text-muted);font-size:10px;line-height:1.1;display:block}.summary-grid strong{font-family:var(--font-mono);margin-top:2px;font-size:12px;line-height:1.2;display:block}.editor-color-tools{gap:8px;display:grid}.editor-color-tools--dense{gap:6px}.editor-color-tools__replace,.editor-color-tools__stats{background:#ffffff7a;border:1px solid #3b342c14;border-radius:8px;flex-direction:column;gap:8px;padding:8px;display:flex}.editor-color-tools__replace--dense,.editor-color-tools__stats--dense{gap:6px;padding:6px}.editor-color-tools__replace--sidebar{gap:5px;padding:5px}.editor-color-tools__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.editor-color-tools__head strong{font-size:12px}.editor-color-tools__head span{color:var(--text-muted);font-size:11px}.replace-card{border-radius:var(--radius-md);background:#ffffff85;border:1px solid #3b342c14;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;padding:8px;display:grid}.replace-card--dense{gap:6px;padding:6px}.replace-card--dense .replace-card__item strong{font-size:10px}.replace-card__item{flex-direction:column;gap:4px;min-width:0;display:flex}.replace-card__item--selectable{text-align:left;cursor:pointer;background:#ffffffc7;border:1px solid #3b342c14;border-radius:8px}.replace-card__item--active{background:#e85d3f1f;border-color:#e85d3f7a;box-shadow:inset 0 0 0 1px #e85d3f1f}.replace-card__label{color:var(--text-muted);font-size:11px}.replace-card__item strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.replace-card__arrow{color:var(--text-secondary);font-family:var(--font-mono);font-size:16px}.project-list{overscroll-behavior:contain;gap:6px;max-height:240px;display:grid;overflow-y:auto}.project-list__item{gap:var(--space-4);border:1px solid var(--border-control);cursor:pointer;text-align:left;background:#ffffff8f;border-radius:8px;flex-direction:column;align-items:flex-start;width:100%;padding:6px 7px;font-size:11px;display:flex}.project-list__item--active{border-color:var(--border-focus);box-shadow:var(--focus-ring-shadow)}.project-list__item span,.project-list__item small{color:var(--text-secondary)}.export-panel{margin-top:auto}.export-actions{flex-direction:column;gap:8px;display:flex}.export-actions__primary,.export-actions__secondary{gap:6px;display:grid}.export-actions__primary--inline,.export-actions__secondary--inline{grid-template-columns:repeat(2,minmax(0,1fr))}.export-actions__primary--single{grid-template-columns:1fr}.export-actions__secondary--inline{grid-template-columns:repeat(3,minmax(0,1fr))}.export-note{color:var(--text-secondary);font-size:11px}.inline-actions--sidebar{gap:4px}.disabled-hint{color:var(--text-muted);margin:0;font-size:11px}.help-hint{width:16px;height:16px;color:var(--action-secondary);font-family:var(--font-mono);cursor:help;background:#2f8f8324;border:1px solid #2f8f8347;border-radius:999px;justify-content:center;align-items:center;margin-left:4px;font-size:10px;line-height:1;display:inline-flex}.tool-group--selection .button{min-width:0}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#26221c47;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-sheet{width:min(720px,100vw - 48px);max-height:min(720px,100vh - 48px);box-shadow:var(--shadow-lg);background:#fffcf7fa;border:1px solid #3b342c1f;border-radius:20px;flex-direction:column;gap:16px;padding:20px;display:flex}.modal-sheet--confirm{gap:14px;width:min(440px,100vw - 48px);max-height:none;padding:18px}.modal-sheet--project-info{width:min(520px,100vw - 48px)}.modal-sheet__header,.modal-sheet__footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-sheet__eyebrow{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:11px}.modal-sheet__title{margin:0;font-size:24px;line-height:1.1}.modal-sheet__title--confirm{font-size:20px}.modal-sheet__body{gap:16px;display:grid;overflow-y:auto}.modal-sheet__body--confirm{gap:8px;overflow:visible}.modal-sheet__header--confirm{justify-content:flex-start}.modal-sheet__block{background:#ffffffa8;border:1px solid #3b342c14;border-radius:14px;gap:12px;padding:14px;display:grid}.modal-sheet__block-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.modal-sheet__block-head span,.modal-sheet__tip{color:var(--text-secondary);font-size:12px}.modal-sheet__block a{color:var(--action-primary);word-break:break-all;font-size:13px;line-height:1.45;text-decoration:none}.modal-sheet__block a:hover{text-decoration:underline}.modal-sheet__actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.modal-icon-button{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;transition:background-color var(--motion-base) var(--ease-standard), border-color var(--motion-base) var(--ease-standard), color var(--motion-base) var(--ease-standard);background:#ffffffb8;border:1px solid #3b342c1f;border-radius:999px;font-size:16px;line-height:1}.modal-icon-button:hover{color:var(--text-primary);background:#ffffffeb;border-color:#3b342c2e}.preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.preset-card{cursor:pointer;text-align:left;background:#fffc;border:1px solid #3b342c14;border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;display:flex}.preset-card small,.preset-card span{color:var(--text-secondary)}.preset-card--active{border-color:var(--border-focus);box-shadow:var(--focus-ring-shadow)}@media (width<=960px){.topbar--home{height:auto;padding-block:var(--space-12);grid-template-columns:1fr}.topbar__status,.topbar__actions{justify-content:flex-start}.preset-grid,.home-entry__hero,.entry-flow{grid-template-columns:1fr}.home-entry__hero{gap:28px;min-height:auto;padding:32px 24px}.home-entry__title{max-width:none}.entry-flow{justify-items:center}.control-grid--double,.image-controls__top{grid-template-columns:1fr}.editor-workflow__head,.editor-workflow__footer{flex-direction:column}.palette-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}.palette-matrix--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-layout{grid-template-columns:minmax(220px,248px) minmax(0,1fr) minmax(220px,240px)}.topbar--editor{grid-template-columns:1fr;height:auto;min-height:46px;padding-block:8px}.topbar--editor .topbar__center,.topbar--editor .topbar__actions{justify-content:flex-start}.export-actions__primary--inline,.export-actions__secondary--inline{grid-template-columns:1fr}.modal-sheet__header,.modal-sheet__footer{flex-direction:column;align-items:flex-start}}