@font-face{font-family:poppins;src:url(../media/Poppins_Regular-s.p.0iwh8bbel1vnt.ttf)format("truetype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:poppins;src:url(../media/Poppins_Medium-s.p.1f-m2a3sompff.ttf)format("truetype");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:poppins;src:url(../media/Poppins_SemiBold-s.p.2y-6e_gndutbv.ttf)format("truetype");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:poppins;src:url(../media/Poppins_Bold-s.p.2t4n93i004s1b.ttf)format("truetype");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:poppins Fallback;src:local(Arial);ascent-override:92.83%;descent-override:30.94%;line-gap-override:8.84%;size-adjust:113.11%}.YcumKW_className{font-family:poppins,poppins Fallback}.YcumKW_variable{--font-poppins:"poppins", "poppins Fallback"}
@property --accent{syntax:"<color>";inherits:true;initial-value:#004a98}@property --accent-mid{syntax:"<color>";inherits:true;initial-value:#338cea}@property --accent-soft{syntax:"<color>";inherits:true;initial-value:#b5dbff}@property --accent-ink{syntax:"<color>";inherits:true;initial-value:#fff}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand:#004a98;--ink:#14263d;--ink-soft:#3b4f66;--muted:#62758b;--canvas:#f5f8fc;--surface:#fff;--hairline:#14263d17;--hairline-strong:#14263d29;--danger:#b3382a;--r-xl:28px;--r-lg:20px;--r-md:14px;--r-sm:10px;--font:var(--font-poppins), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--ease:cubic-bezier(.2, .8, .2, 1);--accent:#004a98;--accent-mid:#338cea;--accent-soft:#b5dbff;--accent-ink:#fff}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--canvas);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.55}h1,h2,p,ul,fieldset{margin:0;padding:0}ul{list-style:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 50%, white);outline-offset:3px}.icon{flex:none}.app{--accent-grad:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 88%, #000));--accent-glow:color-mix(in srgb, var(--accent) 38%, transparent);--glass:#ffffffbd;isolation:isolate;min-height:100dvh;transition:--accent .45s var(--ease), --accent-mid .45s var(--ease), --accent-soft .45s var(--ease), --accent-ink .45s var(--ease);position:relative}.app:before{content:"";z-index:-1;background:radial-gradient(52rem 34rem at 92% -8%, color-mix(in srgb, var(--accent-mid) 30%, transparent), transparent 62%), radial-gradient(46rem 32rem at -8% 6%, color-mix(in srgb, var(--accent-soft) 70%, transparent), transparent 62%), radial-gradient(40rem 28rem at 50% 112%, color-mix(in srgb, var(--accent-soft) 45%, transparent), transparent 65%), var(--canvas);position:fixed;inset:0}.dot{border-radius:50%;flex:none;width:14px;height:14px;display:inline-block;box-shadow:inset 0 0 0 1px #0000001f}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;width:min(1480px,100%);margin:0 auto;padding:22px clamp(16px,3vw,36px) 10px;display:flex}.brand{align-items:center;gap:18px;min-width:0;display:flex}.brand-logo{width:auto;height:40px;display:block}.brand h1{border-left:2px solid var(--hairline-strong);letter-spacing:-.03em;padding-left:18px;font-size:clamp(19px,2.4vw,26px);font-weight:700;line-height:1.1}.page{width:min(1480px,100%);margin:0 auto;padding:10px clamp(16px,3vw,36px) 48px}.tabs{gap:4px;display:flex}.tab{min-height:42px;color:var(--ink-soft);white-space:nowrap;transition:background-color .2s, color .2s, box-shadow .2s, transform .2s var(--ease);background:0 0;border:0;border-radius:999px;align-items:center;gap:9px;padding:8px 20px;font-size:14px;font-weight:600;display:inline-flex;position:relative}.tab:hover:not(:disabled):not([aria-selected=true]){background:color-mix(in srgb, var(--accent) 9%, transparent);color:var(--ink)}.tab[aria-selected=true]{background:var(--accent-grad);color:var(--accent-ink);box-shadow:0 6px 18px -6px var(--accent-glow)}.tab[aria-selected=true] .dot{box-shadow:0 0 0 2px #ffffffd9}.tabs-main{background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 0 0 1px var(--hairline), 0 8px 24px -12px #14263d40;border:1px solid #ffffffe6;border-radius:999px;padding:5px}.tabs-pills{flex-wrap:wrap;gap:8px;margin-bottom:22px}.tabs-pills .tab{border:1.5px solid var(--hairline-strong);background:var(--surface);color:var(--ink)}.tabs-pills .tab:hover:not(:disabled):not([aria-selected=true]){border-color:var(--accent)}.tabs-pills .tab[aria-selected=true]{background:var(--accent-grad);color:var(--accent-ink);border-color:#0000}.dept-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 28px;margin:6px 0 22px;display:flex}.departments{scrollbar-width:none;border:0;flex:auto;gap:10px;min-width:0;margin:0 -16px;padding:6px 16px 10px;display:flex;overflow-x:auto}.departments::-webkit-scrollbar{display:none}.department-chip{flex:none;position:relative}.department-chip input{z-index:1;opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.chip-face{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:50px;box-shadow:0 0 0 1px var(--hairline), 0 6px 16px -10px #14263d4d;color:var(--ink);white-space:nowrap;transition:transform .25s var(--ease), box-shadow .25s, background-color .25s, color .25s;border:1.5px solid #ffffffe6;border-radius:999px;align-items:center;gap:11px;padding:8px 22px 8px 18px;font-size:14.5px;font-weight:600;display:inline-flex}.chip-face .dot{width:18px;height:18px;box-shadow:0 0 0 3px #ffffffe6, 0 0 0 4px var(--hairline)}.department-chip:hover .chip-face{box-shadow:0 0 0 1px var(--hairline-strong), 0 12px 22px -12px #14263d59;transform:translateY(-2px)}.department-chip input:checked+.chip-face{background:var(--accent-grad);color:var(--accent-ink);box-shadow:0 10px 26px -8px var(--accent-glow);border-color:#0000;transform:translateY(-2px)}.department-chip input:checked+.chip-face .dot{background:#fff;box-shadow:0 0 0 4px #ffffff4d}.department-chip input:focus-visible+.chip-face{outline:3px solid color-mix(in srgb, var(--accent) 50%, white);outline-offset:3px}.palette{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 0 1px var(--hairline);border-radius:999px;align-items:center;gap:12px;padding:6px 8px 6px 16px;display:flex}.palette-title{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:700}.palette-swatches{display:flex}.swatch{width:28px;height:28px;box-shadow:0 0 0 1px var(--hairline-strong), 0 2px 6px #14263d2e;transition:transform .2s var(--ease);border:3px solid #fff;border-radius:50%;margin-left:-6px;padding:0;display:block}.palette-swatches li:first-child .swatch{margin-left:0}.swatch:hover{z-index:2;transform:translateY(-3px)scale(1.12)}.palette-hint{min-width:5.5ch;color:var(--ink-soft);font-variant-numeric:tabular-nums;padding-right:8px;font-size:12px;font-weight:600}.palette-hint:empty{display:none}.controls-panel,.preview-panel,.panel{border-radius:var(--r-xl);background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);box-shadow:0 0 0 1px var(--hairline), 0 2px 6px #14263d0a, 0 30px 60px -30px color-mix(in srgb, var(--accent) 38%, #14263d4d);animation:rise .5s var(--ease) both;border:1px solid #fffffff2}.preview-panel{animation-delay:60ms}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.workspace{grid-template-columns:minmax(320px,408px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.controls-panel{padding:10px 24px 22px}.preview-panel{flex-direction:column;min-width:0;height:calc(100dvh - 32px);min-height:440px;padding:22px;display:flex;position:sticky;top:16px}.panel{padding:clamp(18px,3vw,32px)}.controls{display:grid}.control-section{border-bottom:1px solid var(--hairline);gap:20px;padding:20px 0;display:grid}.control-section h2{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;font-size:11.5px;font-weight:700;display:flex}.control-section h2:after{content:"";background:linear-gradient(90deg, var(--hairline-strong), transparent);flex:1;height:1px}.field{gap:10px;display:grid}.field-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.field-label{color:var(--ink);padding:0;font-size:14px;font-weight:600}.field-value{background:color-mix(in srgb, var(--accent-soft) 55%, white);min-width:4.4ch;color:var(--ink);font-variant-numeric:tabular-nums;text-align:center;border-radius:999px;padding:3px 11px;font-size:12.5px;font-weight:700;transition:background-color .3s}.help{border-radius:var(--r-md);background:color-mix(in srgb, var(--accent-soft) 26%, white);color:var(--ink-soft);margin-top:18px;padding:14px 16px;font-size:12.5px;line-height:1.65}.slider{--fill:50%;appearance:none;cursor:pointer;background:0 0;width:100%;height:30px;margin:0}.slider::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent-mid), var(--accent) var(--fill), #14263d17 var(--fill));border-radius:999px;height:8px;box-shadow:inset 0 1px 2px #14263d14}.slider::-moz-range-track{background:#14263d17;border-radius:999px;height:8px}.slider::-moz-range-progress{background:linear-gradient(90deg, var(--accent-mid), var(--accent));border-radius:999px;height:8px}.slider::-webkit-slider-thumb{background:radial-gradient(circle, var(--accent) 0 5px, #fff 5.5px);width:26px;height:26px;box-shadow:0 0 0 1px #14263d1a, 0 3px 10px #14263d47, 0 0 0 6px color-mix(in srgb, var(--accent) 14%, transparent);-webkit-appearance:none;transition:box-shadow .2s, transform .2s var(--ease);border:0;border-radius:50%;margin-top:-9px}.slider::-moz-range-thumb{background:radial-gradient(circle, var(--accent) 0 5px, #fff 5.5px);width:26px;height:26px;box-shadow:0 0 0 1px #14263d1a, 0 3px 10px #14263d47, 0 0 0 6px color-mix(in srgb, var(--accent) 14%, transparent);border:0;border-radius:50%}.slider:hover::-webkit-slider-thumb{box-shadow:0 0 0 1px #14263d1a, 0 3px 10px #14263d47, 0 0 0 9px color-mix(in srgb, var(--accent) 18%, transparent)}.slider:active::-webkit-slider-thumb{box-shadow:0 0 0 1px #14263d1a, 0 3px 10px #14263d47, 0 0 0 11px color-mix(in srgb, var(--accent) 22%, transparent);transform:scale(1.1)}.slider:focus-visible{outline:none}.slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 1px #14263d1a, 0 3px 10px #14263d47, 0 0 0 9px color-mix(in srgb, var(--accent) 35%, transparent)}.stepper-pair{grid-template-columns:1fr 1fr;gap:14px;display:grid}.stepper-field{gap:10px;display:grid}.stepper{height:52px;box-shadow:inset 0 0 0 1px var(--hairline);background:#14263d0d;border-radius:18px;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:4px;padding:5px;display:grid}.stepper button{background:var(--surface);width:38px;height:38px;transition:background-color .2s, color .2s, transform .15s var(--ease);border:0;border-radius:13px;place-items:center;padding:0;display:grid;box-shadow:0 1px 3px #14263d29}.stepper button:hover:not(:disabled){background:var(--accent-grad);color:var(--accent-ink)}.stepper button:active:not(:disabled){transform:scale(.92)}.stepper button:disabled{opacity:.35;box-shadow:none}.stepper input{text-align:center;appearance:textfield;background:0 0;border:0;width:100%;min-width:0;font-size:17px;font-weight:700}.stepper input:focus-visible{outline:none}.stepper:focus-within{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent) 55%, white)}.stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.segmented{border:0;min-width:0;margin:0;padding:0}.segmented legend{margin-bottom:10px}.segmented-options{box-shadow:inset 0 0 0 1px var(--hairline);background:#14263d0d;border-radius:18px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:5px;display:grid}.segmented-option{min-width:0;display:block;position:relative}.segmented-option input{z-index:1;opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented-face{min-height:42px;color:var(--ink-soft);text-align:center;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:6px 10px;font-size:13.5px;font-weight:600;transition:background-color .2s,color .2s,box-shadow .2s;display:flex}.segmented-text{display:grid}.segmented-option:hover .segmented-face{color:var(--ink);background:#fffc}.segmented-option input:checked+.segmented-face{background:var(--accent-grad);color:var(--accent-ink);box-shadow:0 6px 16px -6px var(--accent-glow)}.segmented-option input:focus-visible+.segmented-face{outline:3px solid color-mix(in srgb, var(--accent) 50%, white);outline-offset:2px}.segmented-check{display:none}.segmented-cards .segmented-options{box-shadow:none;background:0 0;grid-auto-columns:auto;grid-auto-flow:row;gap:10px;padding:0}.segmented-cards .segmented-face{border:1.5px solid var(--hairline);background:var(--surface);text-align:left;min-height:0;transition:border-color .2s, box-shadow .2s, transform .25s var(--ease), background-color .2s;border-radius:18px;justify-content:flex-start;gap:14px;padding:12px 14px}.segmented-cards .segmented-text{flex:1;min-width:0}.segmented-cards .segmented-title{color:var(--ink);font-size:14px;font-weight:700}.segmented-desc{color:var(--muted);font-size:12.5px;font-weight:500}.segmented-cards .segmented-option:hover .segmented-face{border-color:color-mix(in srgb, var(--accent) 55%, white);background:var(--surface);transform:translateY(-1px);box-shadow:0 10px 20px -14px #14263d73}.segmented-cards .segmented-option input:checked+.segmented-face{border-color:var(--accent);background:color-mix(in srgb, var(--accent-soft) 32%, white);color:var(--ink);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 15%, transparent), 0 12px 24px -14px var(--accent-glow)}.segmented-cards .segmented-option input:checked+.segmented-face .segmented-desc{color:var(--ink-soft)}.segmented-cards .segmented-check{color:#0000;background:#14263d12;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;transition:background-color .2s,color .2s;display:grid}.segmented-cards .segmented-option input:checked+.segmented-face .segmented-check{background:var(--accent-grad);color:var(--accent-ink)}.style-thumb{background:color-mix(in srgb, var(--accent-soft) 22%, #f3f6fb);border-radius:10px;flex:none;width:76px;height:38px;padding:4px}.controls-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 14px;padding-top:18px;display:flex}.button{border:1.5px solid var(--hairline-strong);background:var(--surface);min-height:46px;color:var(--ink);white-space:nowrap;transition:transform .2s var(--ease), box-shadow .2s, border-color .2s, background-color .2s, filter .2s;border-radius:16px;justify-content:center;align-items:center;gap:9px;padding:9px 20px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #14263d0f}.button:hover:not(:disabled):not(.disabled){border-color:color-mix(in srgb, var(--accent) 60%, white);transform:translateY(-1px);box-shadow:0 10px 20px -12px #14263d66}.button:active:not(:disabled):not(.disabled){transform:translateY(0)scale(.98)}.button.primary{background:var(--accent-grad);color:var(--accent-ink);box-shadow:0 10px 24px -10px var(--accent-glow);border-color:#0000}.button.primary:hover:not(:disabled):not(.disabled){filter:brightness(1.06)saturate(1.05);box-shadow:0 14px 28px -10px var(--accent-glow);border-color:#0000}.button:disabled,.button.disabled{opacity:.5;box-shadow:none}.button.small{border-radius:12px;min-height:38px;padding:6px 14px;font-size:13px}.link-button{color:var(--brand);background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.status{color:var(--muted);font-size:12.5px;line-height:1.45}.status.error{color:var(--danger)}.preview-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.preview-heading{min-width:0}.preview-heading h2{letter-spacing:-.025em;font-size:21px;font-weight:700;line-height:1.25}.preview-meta{color:var(--muted);font-size:13.5px}.preview-actions{flex-wrap:wrap;gap:10px;display:flex}.btn-short{display:none}.stage{border-radius:var(--r-lg);background:radial-gradient(circle, #14263d29 1.2px, transparent 1.6px) 0 0 / 20px 20px, color-mix(in srgb, var(--accent-soft) 14%, #f7f9fd);min-height:0;box-shadow:inset 0 0 0 1px var(--hairline), inset 0 2px 12px #14263d0d;flex:1;justify-content:center;align-items:center;padding:clamp(16px,3vw,36px);display:flex;position:relative;overflow:auto}.artboard{box-shadow:0 0 0 1px var(--hairline), 0 24px 50px -22px #14263d73, 0 4px 10px #14263d0f;border-radius:22px;flex:none;padding:clamp(16px,2.6vw,34px);transition:background-color .25s}.artboard img{max-width:none;display:block}.stage-actual{justify-content:flex-start;align-items:flex-start}.artboard-white{background:#fff}.artboard-dark{background:var(--ink)}.stage-message{max-width:360px;color:var(--muted);text-align:center;justify-items:center;gap:14px;display:grid}.preview-footer{flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:16px;display:flex}.toolbar{box-shadow:inset 0 0 0 1px var(--hairline);background:#14263d0d;border-radius:999px;align-items:center;gap:6px;padding:5px;display:flex}.bg-swatch{width:28px;height:28px;box-shadow:0 0 0 1px var(--hairline-strong);transition:transform .2s var(--ease), box-shadow .2s;border:3px solid #fff;border-radius:50%;padding:0}.bg-swatch:hover{transform:scale(1.12)}.bg-swatch[aria-pressed=true]{box-shadow:0 0 0 2.5px var(--accent)}.bg-white{background:#fff}.bg-dark{background:var(--ink)}.toggle{min-height:32px;color:var(--ink-soft);background:0 0;border:0;border-radius:999px;padding:3px 16px;font-size:13px;font-weight:600;transition:background-color .2s,color .2s}.toggle:hover:not([aria-pressed=true]){background:#ffffffd9}.toggle[aria-pressed=true]{background:var(--accent-grad);color:var(--accent-ink);box-shadow:0 4px 12px -4px var(--accent-glow)}.dimensions{color:var(--ink-soft);font-variant-numeric:tabular-nums;background:#14263d0d;border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:600}.preview-footer .status{text-align:right;flex:200px}.preview-note{color:var(--muted);margin-top:12px;font-size:12.5px;line-height:1.65}.icon-editor-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px 24px;margin-bottom:22px;display:flex}.icon-editor-head h2{letter-spacing:-.025em;margin-bottom:4px;font-size:24px;font-weight:700}.icon-editor-head p{color:var(--muted);font-size:14px}.notice{border-radius:var(--r-md);background:color-mix(in srgb, var(--accent-soft) 32%, white);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent);color:var(--ink);flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 22px;padding:14px 18px;font-size:13.5px;display:flex}.notice label{font-weight:600}.notice input{border:1.5px solid var(--hairline-strong);background:#fff;border-radius:14px;flex:220px;min-width:0;min-height:46px;padding:8px 16px}.notice .status{flex-basis:100%}.icon-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.icon-slot{border-radius:var(--r-lg);background:var(--surface);min-width:0;box-shadow:0 0 0 1px var(--hairline), 0 12px 28px -22px #14263d80;transition:transform .25s var(--ease), box-shadow .25s;padding:16px}.icon-slot:hover{box-shadow:0 0 0 1px var(--hairline-strong), 0 22px 36px -22px #14263d80;transform:translateY(-3px)}.icon-slot[draggable=true]{cursor:grab}.icon-slot.drag-target{box-shadow:0 0 0 2.5px var(--accent), 0 0 0 8px color-mix(in srgb, var(--accent) 16%, transparent)}.icon-slot-head{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13.5px;font-weight:700;display:flex}.grip{color:var(--muted);display:grid}.icon-slot-preview{background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--accent-soft) 45%, white), color-mix(in srgb, var(--accent-soft) 18%, white));border-radius:16px;justify-content:center;align-items:center;height:160px;margin-bottom:14px;display:flex}.icon-slot-preview img{object-fit:contain;width:100%;height:100%;padding:16px}.icon-slot-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.icon-slot-actions label.button{grid-column:1/-1;position:relative;overflow:hidden}.icon-slot-actions input[type=file]{opacity:0;cursor:pointer;font-size:0;position:absolute;inset:0}.icon-slot-actions input[type=file]:disabled{cursor:not-allowed}.icon-slot-actions label.button:focus-within{outline:3px solid color-mix(in srgb, var(--accent) 50%, white);outline-offset:2px}.icon-slot .status{min-height:18px;margin-top:10px}.tab[aria-selected=true],.department-chip input:checked+.chip-face,.segmented-option input:checked+.segmented-face,.button.primary,.toggle[aria-pressed=true],.stepper button:hover:not(:disabled),.segmented-cards .segmented-option input:checked+.segmented-face .segmented-check{text-shadow:0 1px 2px #00000047}.segmented-cards .segmented-option input:checked+.segmented-face{text-shadow:none}@media (max-width:1023px){.workspace{grid-template-columns:1fr;gap:18px}.preview-panel{z-index:5;border-radius:24px;order:-1;height:min(52dvh,520px);min-height:320px;padding:16px;top:8px}.preview-note,.preview-footer .status:empty{display:none}.preview-footer{margin-top:12px}.icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.palette{margin-left:0}}@media (max-width:640px){.topbar{padding-top:14px}.brand-logo{height:32px}.brand h1{padding-left:12px}.tabs-main{width:100%}.tabs-main .tab{flex:1;justify-content:center}.palette-title,.palette-hint{display:none}.palette{padding:6px 10px}.controls-panel{border-radius:24px;padding:4px 18px 18px}.preview-header{flex-wrap:nowrap;align-items:center;gap:10px;margin-bottom:10px}.preview-heading{flex:1}.preview-heading h2{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.preview-meta{text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.preview-actions{flex-wrap:nowrap;flex:none;gap:6px}.preview-actions .button{border-radius:13px;min-height:38px;padding:6px 12px;font-size:13px}.btn-long{display:none}.btn-short{display:inline}.dimensions{display:none}.preview-footer{gap:8px 10px;margin-top:10px}.stage{border-radius:16px;padding:10px}.artboard{border-radius:14px;padding:12px}.icon-grid{grid-template-columns:1fr}}@media (max-width:420px){.stepper-pair{grid-template-columns:1fr}.preview-panel{height:min(50dvh,420px);min-height:300px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}