.canvas-view{position:relative;display:flex;flex-direction:column;height:100%;background:var(--canvas-bg)}.canvas-view--fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.canvas-view__toolbar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap}.canvas-view__scroll{position:relative;flex:1;min-height:0;overflow:auto;background-color:var(--canvas-bg);touch-action:pan-x pan-y;overscroll-behavior:contain;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.canvas-view__scroll--locked{touch-action:none}.canvas-view__spacer{flex:1}.canvas-view__actions{display:flex;align-items:center;gap:var(--space-2)}.canvas-view__zoom{display:inline-flex;align-items:center;gap:var(--space-1);margin-left:var(--space-2);padding-left:var(--space-2);border-left:1px solid var(--border)}.canvas-view__zoom-value{min-width:44px;text-align:center;font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--text-secondary);-webkit-user-select:none;user-select:none}.toolbar-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:4px 10px;font-size:var(--text-xs);font-weight:500;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel);cursor:pointer;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.toolbar-btn:hover:not(:disabled){color:var(--text);border-color:var(--gray-600);background:var(--gray-700)}.toolbar-btn:disabled{opacity:.45;cursor:not-allowed}.toolbar-btn--icon{width:26px;padding:4px 0;font-size:var(--text-md);line-height:1}.canvas-view__canvas{display:block}.canvas-view__sizer{flex:none}.canvas-view__canvas--pinned{position:absolute;top:0;left:0}.canvas-view__badge{position:absolute;top:var(--space-3);right:var(--space-3);display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--radius-full);background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow-md);color:var(--gray-300);font-size:var(--text-xs);pointer-events:none}.canvas-view__badge__dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--accent);animation:canvas-badge-pulse 1.2s ease-in-out infinite}@keyframes canvas-badge-pulse{0%,to{opacity:1}50%{opacity:.35}}.canvas-view__size-tag{position:absolute;left:var(--space-3);bottom:calc(var(--space-3) + 27px);padding:4px 12px;border-radius:var(--radius-md);background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow-md);color:var(--gray-200);font-size:var(--text-xs);font-variant-numeric:tabular-nums;pointer-events:none}.canvas-view__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-6);text-align:center;pointer-events:none}.canvas-view__empty-glyph{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:var(--space-2);border-radius:var(--radius-lg);background:var(--accent-soft);color:var(--accent-soft-text)}.canvas-view__empty-title{font-size:var(--text-md);font-weight:600;color:var(--text)}.canvas-view__empty-hint{max-width:320px;font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.canvas-view__magnifier{position:absolute;pointer-events:none;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md)}.canvas-view__magnifier-canvas{display:block;width:128px;height:128px}.canvas-view__magnifier-label{height:22px;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--gray-300);background:var(--gray-700);border-top:1px solid var(--border);white-space:nowrap;-webkit-user-select:none;user-select:none}.canvas-view__statusbar{display:flex;align-items:center;gap:var(--space-4);padding:4px var(--space-3);background:var(--panel);border-top:1px solid var(--border);font-size:var(--text-xs);color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden}.canvas-view__statusbar-item{flex:none}.canvas-view__statusbar-spacer{flex:1}@media (prefers-reduced-motion: reduce){.canvas-view__badge__dot{animation:none}}.canvas-view__color-pill{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:var(--radius-full, 999px);background:#111827e0;color:#f3f4f6;font-size:11px;line-height:1.4;white-space:nowrap;pointer-events:none;box-shadow:0 2px 8px #00000059}.canvas-view__color-pill-swatch{flex:none;width:11px;height:11px;border-radius:3px;border:1px solid rgba(255,255,255,.45)}@media (max-width: 860px){.canvas-view__toolbar{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.canvas-view__toolbar::-webkit-scrollbar{display:none}.canvas-view__toolbar .seg{flex:none;flex-wrap:nowrap}.toolbar-btn{min-height:34px;padding:6px 12px}.toolbar-btn--icon{min-width:34px;min-height:34px}.canvas-view__statusbar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.canvas-view__statusbar::-webkit-scrollbar{display:none}}.home{min-height:100%;display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-5);background:var(--bg)}.home__topbar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.home__brand{display:flex;align-items:center;gap:var(--space-3)}.home__brand-logo{display:block;width:34px;height:34px}.home__brand-name{font-size:var(--text-lg);font-weight:600;color:var(--text)}.home__nav{display:flex;gap:var(--space-2)}.home__main{flex:none;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--space-4);align-items:stretch}.home__stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:340px;padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--panel);overflow:hidden}.home__decor{position:absolute;top:50%;left:50%;width:640px;height:640px;transform:translate(-50%,-50%);opacity:.05;pointer-events:none;-webkit-user-select:none;user-select:none}.home__options{position:relative;display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:520px}.home-option{display:block;width:100%;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1px solid transparent;text-align:center;cursor:pointer;transition:transform .12s ease,border-color .15s ease,background-color .15s ease}.home-option:hover{transform:translateY(-1px)}.home-option__title{display:block;font-size:var(--text-md);font-weight:600;margin-bottom:var(--space-1)}.home-option__hint{display:block;font-size:var(--text-xs);opacity:.85}.home-option--light{background:var(--gray-100);color:var(--gray-900)}.home-option--light:hover{background:var(--gray-200)}.home-option--dark{background:var(--gray-800);color:var(--text);border-color:var(--border)}.home-option--dark:hover{border-color:var(--gray-600);background:var(--gray-700)}.home__help{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--panel)}.home__help-title{margin:0 0 var(--space-2);font-size:var(--text-md);font-weight:600;color:var(--text)}.home__help-btn{width:100%;justify-content:center}.home__gallery{flex:none;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--panel);text-align:center}.home__gallery-title{margin:0 0 var(--space-1);font-size:var(--text-lg);font-weight:600;color:var(--text)}.home__gallery-hint{margin:0 0 var(--space-4);font-size:var(--text-xs);color:var(--text-secondary)}.home__compare{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.home__compare-cell{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.home__compare-label{font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap}.home__compare-cell img{display:block;width:180px;height:180px;object-fit:contain;border-radius:var(--radius-lg);background:#fff}.home__compare-arrow{font-size:var(--text-lg);color:var(--text-secondary)}.home__features{flex:none;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--panel);text-align:center}.home__features-title{margin:0 0 var(--space-1);font-size:var(--text-lg);font-weight:600;color:var(--text)}.home__features-hint{margin:0 0 var(--space-4);font-size:var(--text-xs);color:var(--text-secondary)}.home__feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.home__feature{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);text-align:left}.home__feature-icon{display:flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent-soft-text)}.home__feature-text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.home__feature-title{font-size:var(--text-sm);font-weight:600;color:var(--text)}.home__feature-desc{font-size:var(--text-xs);line-height:1.6;color:var(--text-secondary)}.home__footer{flex:none;margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--border-subtle);text-align:center;color:var(--muted);font-size:var(--text-xs);line-height:2}.home__footer-brand{color:var(--text-secondary)}.home__footer-nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-2)}.home__footer-nav a{color:var(--text-secondary);text-decoration:none}.home__footer-nav a:hover{color:var(--accent);text-decoration:underline}.home__footer-sep{color:var(--gray-700)}.home__footer-wechat{color:var(--text-secondary)}.home__footer-icp a{color:var(--muted);text-decoration:none}.home__footer-icp a:hover{color:var(--text-secondary);text-decoration:underline}.blank-sizes{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);margin-bottom:var(--space-4)}.blank-size{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-3) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel);color:var(--text);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.blank-size:hover{border-color:var(--accent);background:var(--accent-soft)}.blank-size__side{font-size:var(--text-sm);font-weight:600}.blank-size__count{font-size:var(--text-xs);color:var(--text-secondary)}.blank-custom{display:flex;align-items:center;gap:var(--space-2)}.blank-custom__label,.blank-custom__unit{font-size:var(--text-xs);color:var(--text-secondary)}.blank-custom input[type=number]{width:84px;box-sizing:border-box;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);font:inherit;font-size:var(--text-sm);background:var(--panel);color:var(--text)}.blank-custom input[type=number]:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.home__toast{position:fixed;left:50%;bottom:48px;transform:translate(-50%);z-index:200;padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);background:var(--gray-800);border:1px solid var(--border);box-shadow:var(--shadow-lg);color:var(--text);font-size:var(--text-sm);pointer-events:none}@media (max-width: 900px){.home__main{grid-template-columns:minmax(0,1fr)}.home__feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.home__feature-grid{grid-template-columns:minmax(0,1fr)}}.prompts{min-height:100%;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);background:var(--bg)}.prompts__topbar{flex:none;display:flex;align-items:center;gap:var(--space-3)}.prompts__back{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel);color:var(--text-secondary);font-size:var(--text-md);cursor:pointer}.prompts__back:hover{color:var(--text);border-color:var(--gray-600);background:var(--gray-700)}.prompts__logo{display:block;width:34px;height:34px}.prompts__brand-name{font-size:var(--text-md);font-weight:600;color:var(--text)}.prompts__brand-sub{font-size:10px;letter-spacing:.08em;color:var(--muted)}.prompts__hero{flex:none;display:flex;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--panel)}.prompts__hero-icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-lg);background:var(--accent);color:#fff}.prompts__hero-title{margin:0 0 var(--space-2);font-size:22px;font-weight:600;color:var(--text)}.prompts__hero-hint{margin:0 0 var(--space-1);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7}.prompts__hero-note{margin:0;font-size:var(--text-xs);color:var(--muted)}.prompts__body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:var(--space-4);align-items:start}.prompts__list-head{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-3)}.prompts__list-title{margin:0;font-size:var(--text-md);font-weight:600;color:var(--text)}.prompts__list-count{font-size:var(--text-xs);color:var(--text-secondary)}.prompt-card{display:flex;align-items:center;gap:var(--space-3);width:100%;margin-bottom:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel);text-align:left;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.prompt-card:hover{border-color:var(--gray-600)}.prompt-card--active{border-color:var(--accent);background:var(--accent-soft)}.prompt-card__main{flex:1;min-width:0}.prompt-card__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--text)}.prompt-card__star{flex:none;padding:1px 6px;border-radius:var(--radius-xs);background:var(--accent);color:#fff;font-size:10px;font-weight:500}.prompt-card__summary{display:block;margin-top:3px;font-size:var(--text-xs);color:var(--text-secondary);line-height:1.6}.prompt-card__check{flex:none;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-sm)}.prompt-card--active .prompt-card__check{background:var(--accent);color:#fff}.prompts__detail-title{margin:0 0 var(--space-3);font-size:var(--text-md);font-weight:600;color:var(--text)}.prompts__card{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--panel)}.prompts__card-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-md);font-weight:600;color:var(--text)}.prompts__card-summary{margin:var(--space-2) 0 var(--space-4);font-size:var(--text-xs);color:var(--text-secondary);line-height:1.7}.prompts__field-head{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle)}.prompts__field-label{font-size:var(--text-sm);font-weight:600;color:var(--text)}.prompts__field-count{font-size:var(--text-xs);color:var(--muted)}.prompts__text{max-height:200px;overflow-y:auto;margin:var(--space-3) 0;padding:var(--space-3);border-radius:var(--radius-md);background:var(--bg);color:var(--text);font-size:var(--text-sm);line-height:1.8;white-space:pre-wrap;word-break:break-word}.prompts__copy{width:100%;justify-content:center;padding:var(--space-3)}.prompts__foot{margin:var(--space-3) 0 0;font-size:var(--text-xs);color:var(--muted);text-align:center}@media (max-width: 1000px){.prompts__body{grid-template-columns:minmax(0,1fr)}}.prompt-card__peek{flex:none;padding:2px 9px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-secondary);font-size:var(--text-xs)}.prompt-card:hover .prompt-card__peek{border-color:var(--accent);color:var(--accent-soft-text)}.prompt-view{width:100%;max-width:980px;max-height:calc(100vh - 2 * var(--space-5));display:flex;flex-direction:column;overflow:hidden;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.prompt-view__head{flex:none;padding:var(--space-5) var(--space-5) var(--space-3)}.prompt-view__title{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-1);font-size:var(--text-lg);font-weight:600;color:var(--text)}.prompt-view__summary{margin:0;font-size:var(--text-xs);color:var(--text-secondary);line-height:1.7}.prompt-view__compare{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:0 var(--space-5)}.prompt-view__shot{margin:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);min-width:0}.prompt-view__shot img{display:block;height:52vh;max-width:100%;object-fit:contain;border-radius:var(--radius-md);background:#fff}.prompt-view__shot figcaption{font-size:var(--text-xs);color:var(--text-secondary)}.prompt-view__arrow{flex:none;font-size:var(--text-lg);color:var(--text-secondary)}.prompt-view__foot{flex:none;display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5)}.history{min-height:100%;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);background:var(--bg)}.history__topbar{flex:none;display:flex;align-items:center;gap:var(--space-3)}.history__back,.history__new{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--panel);color:var(--text-secondary);font-size:var(--text-md);cursor:pointer}.history__back:hover,.history__new:hover{color:var(--text);border-color:var(--gray-600);background:var(--gray-700)}.history__topbar-title{font-size:var(--text-md);font-weight:600;color:var(--text)}.history__topbar-spacer{flex:1}.history__hero{flex:none;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.history__title{margin:0 0 var(--space-1);font-size:30px;font-weight:600;color:var(--text)}.history__sub{margin:0;font-size:var(--text-xs);color:var(--text-secondary)}.history__sub-warn{margin-left:var(--space-1);color:var(--warn)}.history__panel{flex:none;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--panel)}.history__tabs{display:flex;gap:var(--space-2)}.history__tab{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer}.history__tab--active{background:var(--gray-800);border-color:var(--border);color:var(--text)}.history__tab-count{padding:0 6px;border-radius:var(--radius-full);background:var(--accent);color:#fff;font-size:11px}.history__tab:not(.history__tab--active) .history__tab-count{background:var(--gray-700);color:var(--text-secondary)}.history__search{width:100%;box-sizing:border-box;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);font:inherit;font-size:var(--text-sm);background:var(--bg);color:var(--text)}.history__search::placeholder{color:var(--muted)}.history__search:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.history__empty{flex:1;margin:0;padding:var(--space-6);text-align:center;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.8}.history__error{display:flex;align-items:center;gap:var(--space-3);margin:0;padding:var(--space-3) var(--space-4);border:1px solid var(--danger);border-radius:var(--radius-md);background:var(--danger-soft);color:var(--text);font-size:var(--text-sm)}.history__error-close{margin-left:auto;border:none;background:transparent;color:var(--text-secondary);font-size:var(--text-lg);cursor:pointer}.history__grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4);align-content:start}.draft-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--panel)}.draft-card__open{display:flex;flex-direction:column;gap:var(--space-2);padding:0;border:none;background:transparent;text-align:left;cursor:pointer}.draft-card__thumb{position:relative;display:block;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;background:#fff}.draft-card__thumb img{display:block;width:100%;height:100%;object-fit:contain}.draft-card__thumb-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--muted);font-size:var(--text-xs)}.draft-card__badge{position:absolute;top:var(--space-2);left:var(--space-2);padding:2px 8px;border-radius:var(--radius-full);background:#111827c7;color:#f3f4f6;font-size:11px}.draft-card__title{display:block;font-size:var(--text-sm);font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft-card__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);font-variant-numeric:tabular-nums}.draft-card__size{padding:1px 8px;border-radius:var(--radius-full);background:var(--gray-800)}.draft-card__actions{display:flex;gap:var(--space-2)}.draft-card__actions .btn{flex:1;justify-content:center;font-size:var(--text-xs)}.draft-card__delete:hover{color:var(--danger);border-color:var(--danger)}.history__toast{position:fixed;left:50%;bottom:48px;transform:translate(-50%);z-index:200;padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);background:var(--gray-800);border:1px solid var(--border);box-shadow:var(--shadow-lg);color:var(--text);font-size:var(--text-sm);pointer-events:none}.dialog--account,.dialog--lookup{max-width:400px}.account__head{padding:var(--space-6) var(--space-5) 0;text-align:center}.account__title{margin:0;font-size:20px;font-weight:700;color:var(--text)}.account__sub{margin:var(--space-2) 0 0;color:var(--text-secondary);font-size:var(--text-xs)}.account__tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin-bottom:var(--space-5)}.account__tab{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.account__tab:hover{border-color:var(--gray-600);color:var(--text)}.account__tab--active,.account__tab--active:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-soft-text)}.account__field{display:block;margin-bottom:var(--space-4)}.account__field-label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--text)}.account__input{width:100%;box-sizing:border-box;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--text);font-size:var(--text-base)}.account__input--code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--text-md);letter-spacing:.1em;text-align:center}.account__input::placeholder{color:var(--muted)}.account__input:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus)}.account__submit{width:100%;margin-top:var(--space-2);padding:var(--space-3);font-size:var(--text-md)}.account__link{display:block;width:100%;padding:var(--space-2);color:var(--accent);font-size:var(--text-sm);text-align:center}.account__link:hover{color:var(--accent-strong);text-decoration:underline}.account__terms{margin:var(--space-3) 0 0;color:var(--muted);font-size:var(--text-xs);line-height:1.6;text-align:center}.account__terms a{color:var(--accent);text-decoration:none}.account__terms a:hover{text-decoration:underline}.account__hint{margin:0 0 var(--space-4);color:var(--text-secondary);font-size:var(--text-xs);line-height:1.6}.account__warn,.account__error{margin:var(--space-4) 0 0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text);font-size:var(--text-xs);line-height:1.6}.account__warn{border:1px solid var(--warn);background:var(--warn-soft)}.account__error{border:1px solid var(--danger);background:var(--danger-soft)}.account-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg)}.account-card__avatar{display:flex;align-items:center;justify-content:center;flex:none;width:48px;height:48px;border-radius:var(--radius-md);background:var(--accent);color:#fff}.account-card__info{flex:1;min-width:0}.account-card__phone{font-size:var(--text-md);font-weight:600;color:var(--text)}.account-card__expiry{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--text-secondary)}.account-card__gear{display:flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary)}.account-card__gear:hover{background:var(--gray-700);border-color:var(--gray-600);color:var(--text)}.account-card+.account__hint{margin-top:var(--space-4)}.account-settings{margin-top:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.account-settings__group+.account-settings__group{border-top:1px solid var(--border-subtle)}.account-settings__title{padding:var(--space-3) var(--space-4) var(--space-1);color:var(--muted);font-size:var(--text-xs);font-weight:600}.account-settings__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--text);font-size:var(--text-sm)}.account-settings__value{color:var(--text-secondary)}.account-settings__action{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-sm);color:var(--text);border-top:1px solid var(--border-subtle);text-decoration:none}.account-settings__action:hover{background:var(--gray-700)}.account-settings__chevron{flex:none;color:var(--muted);font-size:var(--text-md)}.account-settings__action--danger{color:var(--danger)}.account-settings__action--danger:hover{background:var(--danger-soft)}.lookup__ok{margin-top:var(--space-4);padding:var(--space-3);border:1px solid var(--ok);border-radius:var(--radius-md);background:var(--ok-soft)}.lookup__ok-line{color:var(--text-secondary);font-size:var(--text-xs)}.lookup__ok-phone{margin-top:var(--space-1);color:var(--ok);font-size:var(--text-md);font-weight:600}.lookup__ok-expiry{margin-top:var(--space-1);color:var(--text-secondary);font-size:var(--text-xs)}.crop-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;background:var(--bg)}.crop-screen__head{flex:none;padding:var(--space-4) var(--space-5) var(--space-2);text-align:center}.crop-screen__title{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--text)}.crop-screen__tip{margin:var(--space-2) 0 0;font-size:var(--text-xs);color:var(--danger)}.crop-screen__body{flex:1;min-height:0;display:flex}.crop-stage{position:relative;flex:1;min-width:0;overflow:hidden;touch-action:none;cursor:grab;background-color:#1b2432;background-image:linear-gradient(45deg,rgba(255,255,255,.05) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.05) 75%),linear-gradient(45deg,rgba(255,255,255,.05) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.05) 75%);background-size:16px 16px;background-position:0 0,8px 8px}.crop-stage--panning{cursor:grabbing}.crop-stage canvas{position:absolute;display:block;image-rendering:pixelated}.crop-box{position:absolute;box-sizing:border-box;border:2px solid var(--accent);box-shadow:0 0 0 9999px #0009;cursor:move;touch-action:none}.crop-box__third{position:absolute;background:#fff6;pointer-events:none}.crop-box__third--v{top:0;bottom:0;width:1px}.crop-box__third--h{left:0;right:0;height:1px}.crop-box__handle{position:absolute;right:-11px;bottom:-11px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-full);background:var(--accent);color:#fff;border:2px solid var(--bg);box-sizing:border-box;cursor:nwse-resize;touch-action:none}.crop-panel{flex:none;width:260px;padding:var(--space-4) var(--space-4) var(--space-4);border-left:1px solid var(--border);background:var(--panel);overflow-y:auto}.crop-panel__actions{display:flex;gap:var(--space-2);margin-bottom:var(--space-5)}.crop-panel__actions .btn{flex:1}.crop-aspects{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-1)}.crop-aspects__btn{padding:var(--space-1) 0;font:inherit;font-size:var(--text-xs);color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer}.crop-aspects__btn--active{color:var(--accent-soft-text);background:var(--accent-soft);border-color:var(--accent-soft-border)}.crop-screen__foot{flex:none;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border);background:var(--panel)}.crop-screen__cancel,.crop-screen__confirm,.crop-screen__original{flex:1}.crop-screen__confirm{font-weight:600}@media (max-width: 860px){.crop-hint--mouse{display:none}.crop-screen__body{flex-direction:column}.crop-panel{width:auto;flex:none;max-height:46vh;border-left:none;border-top:1px solid var(--border);padding:var(--space-3) var(--space-4)}.crop-panel__actions .btn,.crop-screen__foot .btn{min-height:44px}.crop-screen__foot{gap:var(--space-2);padding:var(--space-3)}}.dialog--simplify{max-width:480px}.simplify__empty{margin:0;color:var(--text-secondary);font-size:var(--text-xs)}.simplify__list{display:flex;flex-direction:column;gap:var(--space-1);margin:0;padding:0;list-style:none}.simplify__row{display:grid;grid-template-columns:28px 1fr auto auto;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);color:var(--text);background:var(--bg)}.simplify__swatch{width:28px;height:28px;border:1px solid var(--border);border-radius:var(--radius-sm)}.simplify__code,.simplify__count,.simplify__done-row{font-variant-numeric:tabular-nums}.simplify__code{font-weight:600}.simplify__count{color:var(--text-secondary);font-size:var(--text-xs)}.simplify__merge,.simplify__undo,.simplify__reset,.simplify__close{padding:var(--space-1) var(--space-2);font:inherit;font-size:var(--text-xs);color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer}.simplify__merge{color:var(--accent-soft-text);background:var(--accent-soft);border-color:var(--accent-soft-border)}.simplify__merge:disabled,.simplify__reset:disabled{cursor:default;opacity:.5}.simplify__close{color:#fff;background:var(--accent);border-color:var(--accent)}.simplify__done{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border)}.simplify__done-title{margin:0 0 var(--space-2);font-size:var(--text-xs);color:var(--text-secondary)}.simplify__done-list{margin:0;padding:0;list-style:none}.simplify__done-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-1) 0;font-size:var(--text-xs)}.simplify__dormant{margin:var(--space-3) 0 0;font-size:var(--text-xs);line-height:1.6;color:var(--text-secondary)}.dialog--buy{max-width:420px}.buy__card{display:block;width:100%;height:auto;border-radius:var(--radius-md)}.buy__line{margin:var(--space-4) 0 0;font-size:var(--text-md, 14px);line-height:1.6;color:var(--text)}.buy__line--sub{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--text-secondary)}.buy__link{display:block;width:100%;margin-top:var(--space-4);padding:var(--space-2);font:inherit;font-size:var(--text-xs);color:var(--accent-soft-text);background:var(--accent-soft);border:1px solid var(--accent-soft-border);border-radius:var(--radius-sm);cursor:pointer}:root{--accent: #2f80ed;--accent-strong: #2563eb;--accent-soft: #22344b;--accent-soft-border: #355070;--accent-soft-text: #8fc2ff;--accent-soft-hover: #293e59;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--ok: #4ade80;--ok-soft: #12301f;--warn: #fbbf24;--warn-soft: #3a2a0a;--danger: #f87171;--danger-soft: #3f1d1d;--tint-sky: #e0f2fe;--tint-sky-strong: #0ea5e9;--tint-purple: #f3e8ff;--tint-purple-strong: #9333ea;--tint-pink: #fce7f3;--tint-pink-strong: #ec4899;--tint-orange: #ffedd5;--tint-orange-strong: #f97316;--bg: #111827;--panel: #1f2937;--border: var(--gray-700);--border-subtle: #2c3748;--text: var(--gray-100);--text-secondary: var(--gray-400);--muted: var(--gray-500);--canvas-bg: #ffffff;--board-border: #ef4444;--swatch-ring: rgba(255, 255, 255, .18);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-md: 15px;--text-lg: 16px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .35);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .25);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .5);--shadow-focus: 0 0 0 3px rgba(47, 128, 237, .3);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;height:100dvh}body{background:var(--bg);color:var(--text);font:var(--text-base) / 1.5 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--gray-600);border-radius:var(--radius-full);border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--gray-500);background-clip:padding-box}*::-webkit-scrollbar-track{background:transparent}.app-shell{height:100%;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.app-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;min-height:0}.side-panel{background:var(--panel);padding:var(--space-4);overflow:auto;min-height:0;border-left:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-4)}.side-panel>section+section{border-top:1px solid var(--border-subtle);padding-top:var(--space-4)}.canvas-panel{min-width:0;min-height:0;overflow:hidden;background:var(--canvas-bg)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap}.topbar__brand{display:flex;align-items:center;gap:var(--space-3);min-width:0}.topbar__logo{flex:none;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px}.topbar__logo img{display:block;width:100%;height:100%}.topbar__titles{min-width:0}.topbar__title{font-size:var(--text-base);font-weight:600;line-height:1.25;white-space:nowrap}.topbar__file{font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.topbar__actions{display:flex;align-items:center;gap:var(--space-2)}.topbar__export{position:relative}button{font:inherit;color:var(--text-secondary);background:none;border:none;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:500;line-height:1.4;border:1px solid transparent;border-radius:var(--radius-md);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .05s ease}.btn:focus-visible,.seg__btn:focus-visible,input[type=search]:focus-visible,input[type=text]:focus-visible,input[type=checkbox]:focus-visible,input[type=range]:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn:active:not(:disabled){transform:translateY(.5px)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.btn--soft{background:var(--accent-soft);border-color:var(--accent-soft-border);color:var(--accent-soft-text)}.btn--soft:hover:not(:disabled){background:var(--accent-soft-hover)}.btn--ghost{background:var(--panel);border-color:var(--border);color:var(--text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--gray-700);border-color:var(--gray-600);color:var(--text)}.panel__title{margin:0 0 var(--space-3);font-size:var(--text-sm);font-weight:600;letter-spacing:.01em;color:var(--text)}.seg{display:flex;flex-wrap:wrap;gap:var(--space-2)}.seg__btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:4px 10px;font-size:var(--text-xs);font-weight:500;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.seg__btn:hover:not(:disabled):not(.seg__btn--active){color:var(--text);border-color:var(--gray-600)}.seg__btn--active{background:var(--accent-soft);border-color:var(--accent-soft-border);color:var(--accent-soft-text)}.seg__btn--active:hover:not(:disabled){background:var(--accent-soft-hover)}.seg__btn:disabled{opacity:.45;cursor:not-allowed}.param-panel{min-width:0}.param-group{margin-bottom:var(--space-5)}.param-group__label{display:block;margin-bottom:var(--space-2);color:var(--text-secondary);font-size:var(--text-xs);font-weight:500}.param-group__meta{margin-top:var(--space-1);color:var(--muted);font-size:var(--text-xs)}.param-group__hint{margin-top:var(--space-1);color:var(--text-secondary);font-size:var(--text-xs);line-height:1.55}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:20px;margin:0;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:var(--radius-full);background:linear-gradient(to right,var(--accent) 0 var(--fill, 0%),var(--gray-700) var(--fill, 0%) 100%)}input[type=range]::-moz-range-track{height:4px;border-radius:var(--radius-full);background:var(--gray-700)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-5px;width:14px;height:14px;border-radius:var(--radius-full);background:#fff;border:1px solid var(--gray-600);box-shadow:var(--shadow-xs);transition:border-color .15s ease,box-shadow .15s ease}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:var(--radius-full);background:#fff;border:1px solid var(--gray-600);box-shadow:var(--shadow-xs);transition:border-color .15s ease,box-shadow .15s ease}input[type=range]:hover::-webkit-slider-thumb{border-color:var(--accent)}input[type=range]:hover::-moz-range-thumb{border-color:var(--accent)}input[type=range]:active::-webkit-slider-thumb{border-color:var(--accent);box-shadow:var(--shadow-focus)}input[type=range]:active::-moz-range-thumb{border-color:var(--accent);box-shadow:var(--shadow-focus)}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;width:16px;height:16px;border:1px solid var(--gray-600);border-radius:var(--radius-xs);background:var(--panel);cursor:pointer;position:relative;vertical-align:-3px;transition:background-color .15s ease,border-color .15s ease}input[type=checkbox]:hover{border-color:var(--gray-500)}input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.palette-panel{min-width:0;display:flex;flex-direction:column}.palette-panel__stats{margin-bottom:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--gray-700);color:var(--gray-300);font-size:var(--text-xs)}.palette-panel__error{margin-bottom:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--danger-soft);color:var(--danger);font-size:var(--text-xs)}.palette-panel__filter{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-2)}.palette-panel__filter input[type=search]{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);font:inherit;font-size:var(--text-xs);background:var(--panel);color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}.palette-panel__filter input[type=search]::placeholder{color:var(--gray-500)}.palette-panel__filter input[type=search]:hover{border-color:var(--gray-600)}.palette-panel__used{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;-webkit-user-select:none;user-select:none}.palette-panel__empty{padding:var(--space-3);color:var(--gray-400);font-size:var(--text-xs)}.palette-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;max-height:42vh;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel)}.palette-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);transition:background-color .12s ease}.palette-row:last-child{border-bottom:none}.palette-row:hover{background:var(--gray-700)}.palette-row--excluded{opacity:.5}.palette-row__swatch{flex:none;width:16px;height:16px;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px var(--swatch-ring)}.palette-row__code{flex:none;min-width:34px;font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--text-secondary)}.palette-row__count{flex:1;text-align:right;color:var(--muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.palette-row__toggle{flex:none;padding:2px 8px;font-size:var(--text-xs);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel);transition:background-color .12s ease,border-color .12s ease,color .12s ease}.palette-row__toggle:hover{color:var(--text);border-color:var(--gray-600);background:var(--gray-700)}.side-panel__status{margin:auto 0 0;padding-top:var(--space-3);border-top:1px solid var(--border-subtle);color:var(--muted);font-size:var(--text-xs)}.tool-palette{min-width:0}.tool-palette__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3)}.tool-palette__header .panel__title{margin:0}.tool-palette__selected{font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap}.tool-palette__list{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin-bottom:var(--space-4)}.tool-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-1);text-align:center;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel);transition:background-color .15s ease,border-color .15s ease,color .15s ease}.tool-btn:hover:not(.tool-btn--active){background:var(--gray-700);border-color:var(--gray-600)}.tool-btn--active{background:var(--accent);border-color:var(--accent)}.tool-btn__label{font-size:var(--text-sm);font-weight:500;line-height:1.3;color:var(--text)}.tool-btn--active .tool-btn__label{color:#fff}.tool-palette__color{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.tool-palette__color-label{flex:none;font-size:var(--text-xs);color:var(--text-secondary)}.tool-palette__swatch{flex:none;width:20px;height:20px;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px var(--swatch-ring)}.tool-palette__code{font-size:var(--text-xs);color:var(--gray-300);font-variant-numeric:tabular-nums}.tool-palette__empty{font-size:var(--text-xs);color:var(--muted)}.tool-palette__stage{margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--warn-soft);color:var(--warn);font-size:var(--text-xs);line-height:1.5}@media (prefers-reduced-motion: reduce){.btn,.seg__btn,.palette-row__toggle,.palette-row,input[type=range]::-webkit-slider-thumb,input[type=range]::-moz-range-thumb,input[type=checkbox],.palette-panel__filter input[type=search]{transition:none}}.dialog-backdrop{position:fixed;top:0;left:0;right:0;height:100dvh;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--space-5);background:#0000008c}.dialog{width:100%;max-width:440px;max-height:calc(100dvh - 2 * var(--space-5));overflow:auto;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overscroll-behavior:contain}.dialog__header{padding:var(--space-4) var(--space-5) 0}.dialog__title{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--text)}.dialog__body{padding:var(--space-4) var(--space-5)}.dialog__footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:0 var(--space-5) var(--space-4)}.dialog__hint{margin:0 0 var(--space-3);color:var(--text-secondary);font-size:var(--text-xs);line-height:1.6}.dialog--export{max-width:720px}.export-tabs{padding:var(--space-4) var(--space-5) 0}.export-layout{display:flex;flex-direction:column;gap:var(--space-4)}.export-preview{display:flex;align-items:center;justify-content:center;min-height:240px;max-height:46dvh;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--gray-900);overflow:auto;overscroll-behavior:contain}.export-preview canvas{display:block;width:auto;height:auto;max-width:100%;max-height:100%;image-rendering:pixelated;background:#fff}.export-preview__empty{color:var(--muted);font-size:var(--text-xs)}.export-settings{display:flex;flex-direction:column;gap:var(--space-4)}.export-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.export-row__label{color:var(--text);font-size:var(--text-sm)}.export-row--colors{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.export-toggle{position:relative;display:inline-block;width:36px;height:20px;flex:none}.export-toggle input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.export-toggle__track{position:relative;display:block;width:36px;height:20px;border-radius:var(--radius-full);background:var(--gray-700);border:1px solid var(--border);transition:background-color .15s ease,border-color .15s ease}.export-toggle__track:before{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:var(--radius-full);background:#fff;transition:transform .15s ease}.export-toggle input:checked+.export-toggle__track{background:var(--accent);border-color:var(--accent)}.export-toggle input:checked+.export-toggle__track:before{transform:translate(16px)}.export-toggle input:disabled+.export-toggle__track{opacity:.45;cursor:not-allowed}.export-colors{display:flex;flex-wrap:wrap;gap:var(--space-2)}.export-color{position:relative;width:22px;height:22px;border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;box-shadow:inset 0 0 0 1px var(--swatch-ring);transition:box-shadow .12s ease,border-color .12s ease}.export-color--active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft-border)}.export-color--custom{display:inline-flex;align-items:center;justify-content:center;width:auto;height:22px;padding:0 var(--space-2);background:var(--panel);overflow:hidden}.export-color--custom input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.export-color__custom-label{font-size:var(--text-xs);color:var(--text-secondary);pointer-events:none}.export-color:disabled{opacity:.45;cursor:not-allowed}.export-settings__hint{margin:0;color:var(--muted);font-size:var(--text-xs);line-height:1.5}.export-footer{justify-content:space-between;align-items:center}.export-extra{display:flex;align-items:center;gap:var(--space-2)}.export-extra__pack{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--text-secondary);font-size:var(--text-xs)}.export-extra__pack input[type=number]{width:64px;padding:4px var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;font-size:var(--text-xs);color:var(--text);background:var(--panel)}.export-extra__pack input[type=number]:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus)}.export-footer__actions{display:flex;gap:var(--space-2)}.export-meta{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.export-meta__title{margin:0 0 var(--space-1);font-size:var(--text-md);font-weight:600;color:var(--text)}.export-meta__hint{margin:0 0 var(--space-4);font-size:var(--text-xs);color:var(--text-secondary);line-height:1.6}.export-field{display:block;margin-bottom:var(--space-3)}.export-field__label{display:block;margin-bottom:var(--space-1);font-size:var(--text-xs);color:var(--text-secondary)}.export-field input[type=text]{width:100%;box-sizing:border-box;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);font:inherit;font-size:var(--text-sm);background:var(--panel);color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}.export-field input[type=text]::placeholder{color:var(--muted)}.export-field input[type=text]:hover{border-color:var(--gray-600)}.palette-row__pick{flex:1;display:flex;align-items:center;gap:6px;min-width:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.palette-row__pick:disabled{cursor:not-allowed}.palette-row__pick:hover:not(:disabled) .palette-row__code{color:var(--accent-soft-text)}.palette-row--active{background:var(--accent-soft);outline:1px solid var(--accent-soft-border)}.palette-row--active .palette-row__code{color:var(--accent-soft-text);font-weight:600}.palette-pick{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel-2, rgba(255, 255, 255, .03));padding:var(--space-2);margin-bottom:var(--space-3)}.palette-pick__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.palette-pick__title{font-size:var(--text-xs);color:var(--text-secondary)}.palette-pick__expand{flex:none;padding:3px 8px;border:1px solid var(--accent-soft-border);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-soft-text);font:inherit;font-size:var(--text-xs);cursor:pointer}.palette-pick__expand:hover{background:var(--accent-soft-hover)}.palette-pick__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:4px}.palette-chip{display:flex;flex-direction:column;align-items:stretch;gap:2px;padding:0;border:0;background:none;font:inherit;cursor:pointer}.palette-chip__swatch{position:relative;display:block;height:22px;border-radius:var(--radius-sm);border:1px solid var(--swatch-ring)}.palette-chip__dot{position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:#fff;box-shadow:0 0 0 1.5px #0000008c}.palette-chip__code{font-size:11px;line-height:1.2;color:var(--text-secondary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.palette-chip--active .palette-chip__code{color:var(--accent-soft-text);font-weight:600}.palette-chip--active .palette-chip__swatch{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.palette-chip:hover .palette-chip__code{color:var(--accent-soft-text)}.palette-pick__current{display:flex;align-items:center;gap:6px;margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary)}.palette-pick__swatch{flex:none;width:16px;height:16px;border-radius:var(--radius-xs);border:1px solid var(--swatch-ring)}.palette-pick__empty{font-size:var(--text-xs);color:var(--gray-500)}.param-select{width:100%;padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);font:inherit;font-size:var(--text-sm, 13px);cursor:pointer}.param-select:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus, 0 0 0 3px rgba(47, 128, 237, .35))}.tool-btn--on{border-style:solid;border-color:var(--accent-soft-border);background:var(--accent-soft);color:var(--accent-soft-text)}.tool-btn--on .tool-btn__label{color:var(--accent-soft-text)}.palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:3px;max-height:42vh;overflow-y:auto;overscroll-behavior:contain;padding:3px;border:1px solid var(--border);border-radius:var(--radius-md)}.palette-cell{height:30px;border:1px solid rgba(0,0,0,.18);border-radius:var(--radius-xs);font:inherit;font-size:11px;font-weight:600;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-cell:hover:not(:disabled){outline:2px solid var(--accent);outline-offset:-2px}.palette-cell--active{outline:2px solid var(--accent);outline-offset:-2px;box-shadow:0 0 0 2px var(--panel)}.palette-cell--excluded{opacity:.32;background-image:linear-gradient(to top right,transparent 46%,rgba(0,0,0,.55) 46%,rgba(0,0,0,.55) 54%,transparent 54%)}.palette-cell:disabled{cursor:not-allowed}.palette-panel__full-title{margin:var(--space-2) 0 var(--space-1);font-size:var(--text-xs);font-weight:600;color:var(--text)}.palette-panel__full-title span{font-weight:400;color:var(--text-secondary)}.palette-panel__exclude-toggle{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer}.palette-panel__exclude-toggle:has(input:checked){color:var(--accent)}.palette-panel__full-note{margin-bottom:var(--space-1);padding:5px 8px;border-radius:var(--radius-xs);background:var(--accent-soft);color:var(--accent-soft-text);font-size:11px;line-height:1.5}.slider-row{display:flex;align-items:center;gap:var(--space-2)}.slider-row input[type=range]{flex:1;min-width:0}.slider-row__num{flex:none;width:62px;padding:3px 6px;border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--panel);color:var(--text);font:inherit;font-size:var(--text-xs);text-align:right}.slider-row__num:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus, 0 0 0 3px rgba(47, 128, 237, .35))}.slider-row__num::-webkit-outer-spin-button,.slider-row__num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.slider-row__num{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}@media (max-width: 860px){.app-body{display:block;overflow-y:auto;-webkit-overflow-scrolling:touch}.canvas-panel{height:52vh;flex:none}.side-panel{max-height:none;border-left:none;border-top:1px solid var(--border)}.tool-btn{min-height:44px}.seg__btn{min-height:34px;padding:6px 12px}.palette-cell{min-height:40px}input[type=range]{height:32px}.topbar{flex-wrap:nowrap;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.topbar__home{min-width:44px;min-height:44px;font-size:var(--text-lg);color:var(--text-secondary)}.topbar__titles{display:none}.topbar__actions{min-width:0;overflow-x:auto;scrollbar-width:none}.topbar__actions::-webkit-scrollbar{display:none}.topbar__actions .btn{padding:6px 8px;font-size:var(--text-xs)}.dialog__footer{flex-wrap:wrap;row-gap:var(--space-2)}.dialog__footer .btn{min-height:44px}}html,body{overscroll-behavior:none}.export-gear,.export-share{display:none}@media (max-width: 860px){.dialog-backdrop--export{padding:0;background:var(--bg)}.dialog--export{width:100%;height:100dvh;max-width:none;max-height:none;border:none;border-radius:0}.dialog--export .dialog__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.dialog--export{display:flex;flex-direction:column}.dialog--export .dialog__body{flex:1;min-height:0;display:flex;flex-direction:column}.dialog--export .export-layout{flex:1;min-height:0}.export-gear{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary)}.export-gear--on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-soft-text)}.export-config,.export-meta,.export-extra{display:none}.dialog--settings-open .export-config,.dialog--settings-open .export-meta{display:block;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.dialog--settings-open .export-extra{display:flex}.dialog--settings-open .export-preview{display:none}.export-preview{flex:1;min-height:0;max-height:none}.export-footer{padding:var(--space-3) var(--space-4)}.export-footer__actions{flex:1;display:flex;gap:var(--space-3)}.export-footer__actions .btn{flex:1;min-height:48px}.export-share{display:inline-flex}.export-footer__actions .btn--ghost{display:none}}.export-field__hint{display:block;margin-top:var(--space-1);color:var(--text-secondary);font-size:var(--text-xs);line-height:1.55}.export-field__hint b{color:var(--text);font-weight:600}