@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/f639721981034f88-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9766a7e9e2e0ad5a-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/b66cf8e69499582a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/aa016aab0e6d1295-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/22a5144ee8d83bca-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_246ccd{font-family:Geist,Geist Fallback;font-style:normal}.__variable_246ccd{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/013b72fa676f92e0-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/b9408752a0c24fb9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/65f03d54ccadf4a8-s.woff2) format("woff2");unicode-range:u+2000-2001,u+2004-2008,u+200a,u+23b8-23bd,u+2500-259f}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e038a29029a234f2-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/2b5b02fc7e511755-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/7d4881bb7e1bf84d-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_c29908{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_c29908{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}

/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-outline-style:solid}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--radius-sm:.25rem;--radius-md:.375rem;--ease-out:cubic-bezier(0,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.rounded{border-radius:.25rem}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}:root{--studio:#1b1c1a;--studio-raised:#242521;--paper:#f4f4ed;--paper-raised:#fff;--paper-muted:#e8e8df;--ink:#181914;--ink-muted:#5f625a;--line:#cfcec4;--line-strong:#a6a59b;--accent:#dc4b36;--accent-strong:#b93627;--accent-soft:#f9d9d2;--success:#167354;--studio-ink:#f7f6ef;--studio-muted:#a8aaa1;--radius-sm:4px;--radius-md:10px;--shadow-canvas:0 20px 40px #00000057;--shadow-panel:-18px 0 44px #0000002e;--shadow-modal:0 28px 72px #00000059;--ease-out:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}body,html{background:var(--studio)}body{min-inline-size:320px;color:var(--ink);font-family:var(--font-geist-sans),"Segoe UI",sans-serif;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #dc4b3652}.logo-app{grid-template-columns:minmax(0,1fr) clamp(390px,31vw,460px);min-block-size:100dvh;overflow:hidden}.logo-app,.workspace{background:var(--studio);display:grid}.workspace{grid-template-rows:auto minmax(0,1fr) auto;min-block-size:0;min-inline-size:0}.toolbar-shell{z-index:10;background:#171816;border-block-end:1px solid #f7f6ef29;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:20px;padding:16px 24px;display:grid;position:relative}.brand-copy,.brand-lockup,.brand-mark,.checkbox-row,.color-control-row,.export-modal-footer,.export-modal-header,.export-success,.history-actions,.preset-list,.preview-stage-footer,.preview-stage-status,.section-heading,.shortcut-row,.toolbar,.toolbar-actions,.toolbar-presets,.toolbar-view{align-items:center;display:flex}.brand-lockup{color:var(--studio-ink);gap:10px}.brand-mark{background:var(--accent);justify-content:center;block-size:29px;inline-size:29px;position:relative;overflow:hidden}.brand-mark i{background:var(--studio-ink);block-size:20px;inline-size:12px;display:block;position:absolute;transform:skew(-18deg)}.brand-mark i:first-child{inset-block-start:5px;inset-inline-start:6px}.brand-mark i:last-child{background:#171816;inset-block-end:5px;inset-inline-end:5px}.brand-copy{white-space:nowrap;gap:2px;display:grid}.brand-copy strong{letter-spacing:.06em;font-size:.875rem;font-weight:850;line-height:1}.brand-copy small{color:var(--studio-muted);font-family:var(--font-geist-mono),monospace;letter-spacing:.08em;font-size:.5625rem;font-weight:700;line-height:1}.toolbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"presets actions""presets view";align-items:center;gap:8px 20px;min-inline-size:0;display:grid}.toolbar-presets{grid-area:presets;min-inline-size:0}.preset-list{gap:7px;min-inline-size:0}.compare-button,.preset-button,.preset-menu-button,.preset-menu-item{color:var(--studio-ink);transition:color .16s var(--ease-out),background-color .16s var(--ease-out),transform .16s var(--ease-out);background:0 0;border:0;font-size:.6875rem;font-weight:750;line-height:1.15}.preset-button{border-radius:var(--radius-sm);text-align:start;grid-template-columns:33px minmax(0,1fr);align-items:center;gap:7px;min-block-size:42px;min-inline-size:0;padding:4px 7px 4px 4px;display:grid}.preset-button.is-active,.preset-button:hover{color:var(--studio-ink);background:var(--studio-raised)}.preset-button:hover{transform:translateY(-1px)}.preset-button.is-active{box-shadow:inset 2px 0 0 var(--accent)}.compare-button{border-radius:var(--radius-sm);white-space:nowrap;border:1px solid #f7f6ef38;align-items:center;gap:6px;min-block-size:34px;padding:0 9px;display:inline-flex}.compare-button.is-active,.compare-button:hover{background:var(--studio-raised);color:var(--studio-ink)}.compare-button.is-active{border-color:var(--accent)}.preset-thumbnail{border-radius:2px;justify-content:center;align-items:center;gap:2px;block-size:33px;inline-size:33px;font-size:.625rem;font-weight:900;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f}.preset-thumbnail-right{place-items:center;min-block-size:16px;min-inline-size:12px;padding:0 2px;display:inline-grid}.preset-copy{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.toolbar-view{grid-area:view;justify-content:flex-end;gap:8px}.canvas-size,.toolbar-select-label{color:var(--studio-muted);font-family:var(--font-geist-mono),monospace;letter-spacing:.04em;white-space:nowrap;font-size:.625rem;font-weight:700}.color-input,.control-input,.control-select,.toolbar-select{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper-raised);color:var(--ink);transition:border-color .15s var(--ease-out),box-shadow .15s var(--ease-out),background-color .15s var(--ease-out)}.toolbar-select{min-block-size:28px;color:var(--studio-ink);font-family:var(--font-geist-mono),monospace;background:0 0;border-color:#f7f6ef3d;padding:0 24px 0 8px;font-size:.6875rem;font-weight:700}.toolbar-select:focus,.toolbar-select:hover{border-color:#f7f6ef94}.toolbar-actions{grid-area:actions;justify-content:flex-end;gap:8px}.history-actions{border-inline-end:1px solid #f7f6ef29;gap:2px;padding-inline-end:8px}.icon-button,.modal-close-button{border-radius:var(--radius-sm);block-size:32px;inline-size:32px;color:var(--studio-muted);transition:color .15s var(--ease-out),background-color .15s var(--ease-out),transform .15s var(--ease-out);background:0 0;border:0;place-items:center;display:inline-grid}.icon-button:hover,.modal-close-button:hover{color:var(--studio-ink);background:var(--studio-raised)}.icon-button:active,.modal-close-button:active{transform:scale(.94)}.icon-button:disabled{color:#555750}.export-control{display:contents}.color-picker-close,.custom-size-button,.export-button,.preset-menu-button,.primary-button,.secondary-button,.size-preset{border-radius:var(--radius-sm);min-block-size:36px;transition:border-color .15s var(--ease-out),color .15s var(--ease-out),background-color .15s var(--ease-out),transform .15s var(--ease-out);font-size:.8125rem;font-weight:800}.export-button,.primary-button{border:1px solid var(--accent);background:var(--accent);color:#fff;justify-content:center;align-items:center;gap:8px;display:inline-flex;box-shadow:0 6px 14px #dc4b3640}.export-button{min-block-size:32px;padding:0 11px;font-size:.75rem}.export-button:hover,.primary-button:hover{border-color:var(--accent-strong);background:var(--accent-strong)}.export-button:active,.primary-button:active{transform:translateY(1px)}.preset-menu-wrap{display:none;position:relative}.preset-menu-button{color:var(--studio-ink);background:0 0;border:1px solid #f7f6ef33;align-items:center;gap:4px;padding:0 9px;display:inline-flex}.preset-menu-button svg{transition:transform .16s var(--ease-out)}.preset-menu-button svg.is-open{transform:rotate(180deg)}.preset-menu{z-index:30;border-radius:var(--radius-md);min-inline-size:186px;box-shadow:var(--shadow-modal);background:#2a2b27;gap:3px;padding:6px;display:grid;position:absolute;inset-block-end:calc(100% + 8px);inset-inline-end:0}.preset-menu-item{border-radius:var(--radius-sm);text-align:start;grid-template-columns:33px 1fr;align-items:center;gap:8px;min-block-size:42px;padding:4px;display:grid}.preset-menu-item.is-active,.preset-menu-item:hover{background:#3b3c36}.compare-menu-item{border-radius:var(--radius-sm);min-block-size:40px;color:var(--studio-ink);text-align:start;background:0 0;border:0;align-items:center;gap:8px;padding:4px 8px;font-size:.75rem;font-weight:750;display:flex}.compare-menu-item.is-active,.compare-menu-item:hover{background:#3b3c36}.preview-shell{min-block-size:0;padding:clamp(22px,4vw,58px);display:grid;overflow:auto}.preview-panel{grid-template-rows:auto minmax(0,1fr) auto;gap:12px;block-size:100%;min-block-size:0;inline-size:min(100%,1020px);min-inline-size:0;margin:auto;display:grid}.preview-stage-footer,.preview-stage-status{color:var(--studio-muted);font-family:var(--font-geist-mono),monospace;letter-spacing:.06em;justify-content:space-between;gap:14px;font-size:.6875rem;font-weight:700}.preview-stage-status span:first-child{color:var(--studio-ink);align-items:center;gap:7px;display:inline-flex}.preview-stage-status i{background:var(--accent);border-radius:50%;block-size:7px;inline-size:7px;box-shadow:0 0 0 4px #dc4b3624}.preview-stage{background:var(--studio-raised);place-items:center;min-block-size:0;min-inline-size:0;display:grid;position:relative;overflow:hidden}.preview-stage:after,.preview-stage:before{z-index:0;content:"";border-color:#f7f6ef59;block-size:42px;inline-size:42px;position:absolute}.preview-stage:before{border-block-start:1px solid;border-inline-start:1px solid;inset-block-start:16px;inset-inline-start:16px}.preview-stage:after{border-block-end:1px solid;border-inline-end:1px solid;inset-block-end:16px;inset-inline-end:16px}.logo-preview{z-index:1;place-items:center;min-block-size:0;min-inline-size:0;position:relative}.logo-canvas-frame,.logo-preview{max-block-size:100%;max-inline-size:100%;display:grid}.logo-canvas-frame{box-shadow:var(--shadow-canvas);animation:logo-settle .46s var(--ease-out)both;background:#fff;border-radius:2px;overflow:hidden}.logo-canvas{block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;display:block}@keyframes logo-settle{0%{filter:blur(2px);transform:scale(.975);box-shadow:0 8px 20px #00000038}to{filter:blur();box-shadow:var(--shadow-canvas);transform:scale(1)}}.workspace-footer{color:var(--studio-muted);font-family:var(--font-geist-mono),monospace;letter-spacing:.03em;text-align:center;background:#171816;border-block-start:1px solid #f7f6ef1f;padding:13px 24px;font-size:.625rem;font-weight:700}.workspace-footer p{margin:0}.workspace-footer a{color:var(--studio-ink);text-decoration:none}.workspace-footer a:hover{color:var(--accent-soft);text-decoration:underline}.editor-shell{background:var(--paper);min-block-size:0;box-shadow:var(--shadow-panel);overflow:hidden}.control-panel{flex-direction:column;block-size:100%;min-block-size:0;display:flex}.control-panel-header{border-block-end:1px solid var(--line);padding:28px 28px 22px}.control-panel-header h1{color:var(--ink);letter-spacing:-.02em;margin:0;font-size:1.625rem;font-weight:850;line-height:1.12}.control-panel-scroll{overscroll-behavior:contain;flex:auto;min-block-size:0;overflow-y:auto}.control-section{border-block-end:1px solid var(--line);padding:24px 28px}.control-section:last-child{border-block-end:0}.control-group,.control-stack,.export-modal-content,.quality-control,.shortcut-list,.shortcut-panel,.size-control-stack{display:grid}.control-group,.shortcut-panel{gap:16px}.control-stack,.size-control-stack{gap:14px}.section-heading{color:var(--accent);gap:8px}.section-title{color:var(--ink);letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:850;line-height:1.2}.color-grid,.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.color-field,.field{min-inline-size:0}.field-label,.range-label{color:var(--ink-muted);justify-content:space-between;gap:8px;margin-block-end:8px;font-size:.75rem;font-weight:750;line-height:1.25;display:flex}.control-input,.control-select{min-block-size:42px;inline-size:100%;padding:0 11px;font-size:.875rem}.control-select{padding-inline-end:28px}.color-input:hover,.control-input:hover,.control-select:hover{border-color:#77786f}.color-input:focus,.control-input:focus,.control-select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #dc4b3621}.control-range{appearance:none;cursor:pointer;background:0 0;block-size:20px;inline-size:100%;margin:0}.control-range::-webkit-slider-runnable-track{background:#c5c4bb;border-radius:999px;block-size:4px}.control-range::-webkit-slider-thumb{appearance:none;border:2px solid var(--paper-raised);background:var(--accent);border-radius:50%;block-size:16px;inline-size:16px;margin-block-start:-6px;box-shadow:0 2px 5px #691e1547}.control-range::-moz-range-track{background:#c5c4bb;border-radius:999px;block-size:4px}.control-range::-moz-range-thumb{border:2px solid var(--paper-raised);background:var(--accent);border-radius:50%;block-size:16px;inline-size:16px;box-shadow:0 2px 5px #691e1547}.color-field{position:relative}.color-control-row{gap:8px}.color-swatch-button{border:1px solid var(--line-strong);border-radius:var(--radius-sm);flex:none;block-size:42px;inline-size:42px;box-shadow:inset 0 0 0 1px #ffffff5c}.color-swatch-button:hover{border-color:var(--accent)}.color-input{min-block-size:42px;min-inline-size:0;font-family:var(--font-geist-mono),monospace;flex:1;padding:0 9px;font-size:.75rem}.color-picker-popover{z-index:20;border-radius:var(--radius-md);background:var(--paper-raised);gap:10px;padding:12px;display:grid;position:absolute;inset-block-start:calc(100% + 8px);inset-inline:0;box-shadow:0 16px 34px #18191438}.color-picker-popover .react-colorful{inline-size:100%}.color-picker-close{border:1px solid var(--line-strong);background:var(--paper-muted);color:var(--ink);justify-content:center;align-items:center;gap:6px;display:inline-flex}.color-picker-close:hover{border-color:var(--accent);background:var(--accent-soft)}.checkbox-row{gap:9px}.control-checkbox,.format-checkbox{block-size:17px;inline-size:17px;accent-color:var(--accent)}.checkbox-label{color:var(--ink-muted);font-size:.8125rem;line-height:1.35}.size-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.custom-size-button,.size-preset{border:1px solid var(--line);background:var(--paper-raised);color:var(--ink)}.size-preset{justify-content:center;align-items:center;gap:7px;min-block-size:42px;display:flex}.size-preset-shape{border:1px solid;block-size:13px;inline-size:13px;display:inline-block}.custom-size-button:hover,.size-preset:hover{background:var(--paper-muted);border-color:#77786f}.custom-size-button.is-selected,.size-preset.is-selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.shortcut-list{gap:9px}.shortcut-row{color:var(--ink-muted);justify-content:space-between;gap:12px;font-size:.8125rem}.shortcut-row span{align-items:center;gap:7px;display:inline-flex}.shortcut-row kbd{border:1px solid var(--line);background:var(--paper-raised);color:var(--ink);font-family:var(--font-geist-mono),monospace;border-radius:3px;padding:3px 6px;font-size:.6875rem}.export-modal-backdrop{z-index:100;background:#090a09b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.export-modal{border-radius:var(--radius-md);background:var(--paper);inline-size:min(100%,490px);box-shadow:var(--shadow-modal);overflow:hidden}.export-modal-footer,.export-modal-header{justify-content:space-between;gap:16px;padding:20px 22px}.export-modal-header{border-block-end:1px solid var(--line)}.export-modal-header h2{color:var(--ink);margin:0;font-size:1.125rem;font-weight:850}.export-modal-header p{color:var(--ink-muted);margin:5px 0 0;font-size:.8125rem;line-height:1.45}.export-modal-content{gap:20px;padding:22px}.export-preview{background:#272824;place-items:center;min-block-size:128px;padding:16px;display:grid;overflow:hidden}.export-preview .logo-preview{max-block-size:152px}.export-preview .logo-canvas-frame{box-shadow:0 12px 24px #00000057}.format-fieldset{border:0;margin:0;padding:0}.format-fieldset legend{color:var(--ink-muted);margin-block-end:10px;font-size:.75rem;font-weight:800}.format-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.format-option{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-raised);cursor:pointer;min-block-size:58px;transition:border-color .15s var(--ease-out),background-color .15s var(--ease-out);align-items:center;gap:9px;padding:9px;display:flex}.format-option:hover{border-color:var(--accent);background:var(--accent-soft)}.format-copy{gap:2px;min-inline-size:0;display:grid}.format-copy span{color:var(--ink);font-size:.8125rem;font-weight:850}.format-copy small{color:var(--ink-muted);font-size:.6875rem;line-height:1.25}.quality-control{gap:4px}.export-success{color:var(--success);background:#e4f1e9;gap:12px;padding:16px}.export-success strong{color:#14583f;font-size:.9375rem}.export-success p{color:var(--success);font-family:var(--font-geist-mono),monospace;margin:3px 0 0;font-size:.75rem;font-weight:700}.export-modal-footer{border-block-start:1px solid var(--line);background:var(--paper-muted);justify-content:flex-end}.secondary-button{border:1px solid var(--line-strong);background:var(--paper-raised);color:var(--ink);padding:0 14px}.secondary-button:hover{background:var(--paper);border-color:#77786f}.primary-button{padding:0 15px}.primary-button:disabled{box-shadow:none;background:#aaa9a0;border-color:#aaa9a0}@media (max-width:1200px){.toolbar-shell{gap:14px;padding-inline:18px}.preset-button{grid-template-columns:33px;padding-inline-end:4px}.preset-copy,.toolbar-select-label{display:none}.control-panel-header,.control-section{padding-inline:24px}}@media (max-width:900px) and (min-width:768px){.logo-app{grid-template-columns:minmax(0,1fr) 368px}.toolbar{gap-inline:12px}.canvas-size{display:none}}@media (max-width:767px){.logo-app{grid-template-rows:minmax(372px,53dvh) minmax(0,1fr);grid-template-columns:minmax(0,1fr);block-size:100dvh}.workspace{grid-row:1;grid-template-rows:minmax(0,1fr) auto}.toolbar-shell{padding:10px 12px max(10px,env(safe-area-inset-bottom));border-block-start:1px solid #f7f6ef29;border-block-end:0;grid-row:2;grid-template-columns:auto minmax(0,1fr);gap:10px}.brand-mark{block-size:26px;inline-size:26px}.brand-copy strong{font-size:.75rem}.brand-copy small{display:none}.toolbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"view actions";gap:8px}.toolbar-presets{display:none}.toolbar-view{justify-content:flex-start}.canvas-size{display:none}.toolbar-actions{gap:4px}.history-actions{gap:0;padding-inline-end:4px}.preset-menu-wrap{display:block}.preview-shell{padding:16px 12px}.preview-panel{gap:9px}.preview-stage:before{inset-block-start:10px;inset-inline-start:10px}.preview-stage:after{inset-block-end:10px;inset-inline-end:10px}.workspace-footer{display:none}.editor-shell{box-shadow:none;grid-row:2}.control-panel-header{padding:20px}.control-panel-header h1{font-size:1.375rem}.control-section{padding:20px}.color-input,.control-input,.control-select{font-size:1rem}.color-grid,.field-grid{gap:12px}.export-modal-backdrop{align-items:end;padding:12px}.export-modal{max-block-size:calc(100dvh - 24px);overflow-y:auto}.export-modal-content,.export-modal-footer,.export-modal-header{padding-inline:18px}}@media (max-width:380px){.toolbar-shell{grid-template-columns:minmax(0,1fr);grid-template-areas:"brand""toolbar";gap:7px;padding-inline:9px}.brand-lockup{grid-area:brand;gap:6px}.brand-copy strong{font-size:.6875rem}.brand-mark{block-size:24px;inline-size:24px}.toolbar{grid-area:toolbar;gap:3px}.toolbar-select{inline-size:55px;padding-inline:6px;font-size:.625rem}.icon-button{block-size:40px;inline-size:40px}.export-button{min-block-size:40px;inline-size:40px;padding:0}.export-button span{display:none}.preset-menu-button{min-block-size:40px;padding-inline:6px;font-size:.6875rem}}@media (max-width:360px){.logo-app{grid-template-rows:minmax(352px,52dvh) minmax(0,1fr)}.preview-shell{padding:12px 9px}.color-grid,.field-grid,.format-options{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}