:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cp-bg:#f7f4ef;--cp-bg-elevated:#fcfbf8;--cp-surface:#fff;--cp-surface-soft:#f5f5f5;--cp-border:#dedede;--cp-border-strong:#919191;--cp-text:#242424;--cp-text-muted:#5c5c5c;--cp-text-soft:#6f6f6f;--cp-accent:#b11f4b;--cp-accent-hover:#9a1a41;--cp-accent-soft:#b11f4b14;--cp-accent-fg:#fff;--cp-success:#16a34a;--cp-danger:#dc2626;--cp-warning:#f59e0b;--cp-link:#0078d4;--cp-shadow:0 18px 48px #0000001f;--cp-overlay:#fffc;--cp-panel:#ffffffdb;--cp-panel-strong:#fffffff5;--cp-sheen:#ffffff8c;--cp-highlight:#b11f4b1f}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cp-bg:#3d3b3a;--cp-bg-elevated:#343231;--cp-surface:#292929;--cp-surface-soft:#2e2e2e;--cp-border:#474747;--cp-border-strong:#5f5f5f;--cp-text:#dedede;--cp-text-muted:#919191;--cp-text-soft:#b0b0b0;--cp-accent:#fd8ea1;--cp-accent-hover:#fb7b91;--cp-accent-soft:#fd8ea124;--cp-accent-fg:#1a1a1a;--cp-success:#4ade80;--cp-danger:#f87171;--cp-warning:#fbbf24;--cp-link:#4da6ff;--cp-shadow:0 18px 48px #00000052;--cp-overlay:#292929e0;--cp-panel:#292929b8;--cp-panel-strong:#292929f5;--cp-sheen:#ffffff0a;--cp-highlight:#fd8ea11f}*{box-sizing:border-box}html{background:var(--cp-bg);min-width:320px}body{background:var(--cp-bg);min-width:320px;min-height:100vh;color:var(--cp-text);margin:0;font-family:Segoe UI,Aptos,Calibri,-apple-system,BlinkMacSystemFont,sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.app-shell{min-height:100vh}.app-header{border-bottom:1px solid var(--cp-border);background:var(--cp-bg-elevated);justify-content:space-between;align-items:center;gap:24px;padding:20px 28px;display:flex}.brand,.header-actions,.section-heading,.field-row,.preview-toolbar,.selection-summary,.recommendation-label,.import-summary{align-items:center;display:flex}.brand{gap:12px}.brand-mark{background:var(--cp-accent);width:40px;height:40px;color:var(--cp-accent-fg);border-radius:.625rem;place-items:center;display:grid}h1,h2,p{margin:0}h1{font-size:18px;line-height:1.3}h2{font-size:16px}.brand p,.section-heading p,.export-card p,.font-note p{color:var(--cp-text-muted);margin-top:2px;font-size:12px;line-height:1.45}.header-actions{gap:12px}.header-actions a{color:var(--cp-link);font-size:13px;text-decoration:none}.icon-button{border:1px solid var(--cp-border);background:var(--cp-surface);cursor:pointer;border-radius:.625rem;place-items:center;width:36px;height:36px;display:grid}.workspace{grid-template-columns:minmax(320px,380px) minmax(420px,1fr) minmax(280px,320px);gap:20px;width:min(1800px,100%);margin:0 auto;padding:20px;display:grid}.panel{border:1px solid var(--cp-border);background:var(--cp-surface);box-shadow:0 0 2px var(--cp-border), 0 1px 2px var(--cp-border);border-radius:16px}.controls{overflow:hidden}.controls section{border-bottom:1px solid var(--cp-border);padding:20px}.controls section:last-child{border-bottom:0}.section-heading{gap:12px;margin-bottom:16px}.section-heading.compact{margin-bottom:14px}.step{background:var(--cp-accent);width:28px;height:28px;color:var(--cp-accent-fg);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.preset-select{margin-bottom:14px}.preset-select small{color:var(--cp-text-muted);font-size:11px}.field-row{gap:10px}.field,.color-field,.title-field,.select-field,.range-field{gap:6px;min-width:0;display:grid}.field,.color-field{flex:1}.field>span,.color-field>span,.title-field>span,.select-field>span,.range-field>span{color:var(--cp-text-muted);font-size:11px;font-weight:600}.field input,.title-field input,.select-field select{border:1px solid var(--cp-border);background:var(--cp-surface);width:100%;height:36px;color:var(--cp-text);border-radius:.625rem;outline:none;padding:0 10px}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--cp-link);outline-offset:2px}.gradient-grid{grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:14px;display:grid}.gradient-swatch{cursor:pointer;background:0 0;border:0;min-width:0;padding:0}.gradient-swatch span{aspect-ratio:1;border:1px solid var(--cp-border);background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));border-radius:.625rem;display:block}.gradient-swatch small{color:var(--cp-text-muted);text-overflow:ellipsis;margin-top:4px;font-size:9px;display:block;overflow:hidden}.color-field{grid-template-columns:30px 1fr;margin-bottom:12px}.color-field>span{grid-column:1/-1}.color-field input[type=color]{border:1px solid var(--cp-border);background:var(--cp-surface);border-radius:8px;width:30px;height:30px;padding:2px}.color-field code{color:var(--cp-text-muted);align-self:center;font-family:Consolas,Courier New,Courier,monospace;font-size:11px}.range-field output{float:right;color:var(--cp-text)}.range-field input{width:100%;accent-color:var(--cp-accent)}.source-switch{border:1px solid var(--cp-border);background:var(--cp-surface-soft);border-radius:.625rem;grid-template-columns:1fr 1fr;margin-bottom:12px;padding:3px;display:grid}.source-switch button{color:var(--cp-text-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:7px;font-size:11px;display:flex}.source-switch button.active{background:var(--cp-surface);color:var(--cp-text);box-shadow:0 1px 2px var(--cp-border)}.search-field{border:1px solid var(--cp-border);background:var(--cp-surface);height:38px;color:var(--cp-text-muted);border-radius:.625rem;align-items:center;gap:8px;padding:0 10px;display:flex}.search-field input{min-width:0;color:var(--cp-text);background:0 0;border:0;outline:0;flex:1;font-size:12px}.recommendation-label{color:var(--cp-text-muted);gap:5px;margin:10px 0 8px;font-size:10px}.icon-grid{grid-template-columns:repeat(4,1fr);gap:6px;max-height:270px;padding:2px;display:grid;overflow:auto}.icon-grid button{border:1px solid var(--cp-border);background:var(--cp-surface);cursor:pointer;border-radius:.625rem;place-items:center;min-width:0;min-height:62px;padding:6px 3px;display:grid}.icon-grid button.selected{border-color:var(--cp-accent);background:var(--cp-accent-soft)}.segoe-icon{font-family:Segoe Fluent Icons;font-size:23px}.icon-grid small{width:100%;color:var(--cp-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;display:block;overflow:hidden}.show-more{width:100%;color:var(--cp-link);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:5px;margin-top:8px;padding:6px;font-size:11px;display:flex}.import-summary{border:1px dashed var(--cp-border-strong);border-radius:.625rem;gap:10px;min-height:72px;margin-bottom:12px;padding:12px}.import-summary div{flex:1;min-width:0}.import-summary strong,.import-summary span{display:block}.import-summary strong{font-size:12px}.import-summary span{color:var(--cp-text-muted);font-size:10px}.import-summary button{color:var(--cp-link);cursor:pointer;background:0 0;border:0;font-size:11px}.preview-column{min-width:0}.preview-toolbar{justify-content:space-between;margin-bottom:10px}.preview-toolbar>div{gap:2px;display:grid}.eyebrow{color:var(--cp-text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.preview-toolbar strong{font-size:13px}.preview-stage{border:1px solid var(--cp-border);background:var(--cp-surface-soft);border-radius:16px;place-items:center;min-height:480px;padding:36px;display:grid;overflow:hidden}.preview-stage.checkerboard{background-color:var(--cp-surface);background-image:linear-gradient(45deg, var(--cp-border) 25%, transparent 25%), linear-gradient(-45deg, var(--cp-border) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--cp-border) 75%), linear-gradient(-45deg, transparent 75%, var(--cp-border) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.asset-preview{width:100%;max-height:68vh;filter:drop-shadow(0 8px 20px var(--cp-border));place-items:center;display:grid;overflow:hidden}.asset-preview svg{width:100%;height:100%;display:block}.asset-meta{grid-template-columns:1fr auto;gap:20px;margin-top:12px;padding:16px;display:grid}.title-field small{color:var(--cp-text-muted);font-size:10px}.selection-summary{flex-direction:column;justify-content:center;align-items:flex-end;gap:4px}.selection-summary span{color:var(--cp-text-muted);font-size:10px}.selection-summary strong{font-size:11px}.export-panel{align-self:start;padding:20px}.export-card{border:1px solid var(--cp-border);background:var(--cp-surface-soft);border-radius:.625rem;gap:10px;margin-top:12px;padding:14px;display:grid}.export-card strong{font-size:13px}.primary-button,.secondary-button{cursor:pointer;border-radius:.625rem;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 12px;font-size:12px;font-weight:600;display:flex}.primary-button{border:1px solid var(--cp-accent);background:var(--cp-accent);color:var(--cp-accent-fg)}.primary-button:hover{border-color:var(--cp-accent-hover);background:var(--cp-accent-hover)}.secondary-button{border:1px solid var(--cp-border);background:var(--cp-surface);color:var(--cp-text)}.select-field select{font-size:11px}.font-note{border-left:3px solid var(--cp-warning);background:var(--cp-surface-soft);margin-top:14px;padding:12px}.font-note strong{font-size:11px}.notice{border:1px solid var(--cp-success);color:var(--cp-success);border-radius:.625rem;align-items:center;gap:7px;margin-top:12px;padding:10px;font-size:11px;display:flex}@media (width<=1180px){.workspace{grid-template-columns:340px 1fr}.export-panel{grid-column:1/-1}}@media (width<=760px){.app-header{align-items:flex-start;padding:16px}.brand p,.header-actions a{display:none}.workspace{grid-template-columns:1fr;padding:12px}.controls{order:2}.preview-column{order:1}.export-panel{order:3;grid-template-columns:1fr}.export-panel>*{grid-column:1!important}.preview-stage{min-height:280px;padding:20px}.asset-meta{grid-template-columns:1fr}.selection-summary{align-items:flex-start}}