@font-face{font-family:Manrope;src:url(/fonts/manrope-variable.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap}:root{color-scheme:light;--bg: #FAF8F4;--surface: #fff;--surface-soft: #F5F1EC;--surface-hover: #F0EAE4;--border: #DDD6CE;--text: #25232B;--text-muted: #68616B;--accent: #A93620;--accent-hover: #842916;--accent-soft: #FFF0EB;--button-text: #25232B;--danger: #A32727;--danger-bg: #FFF0EE;--checker: #E9E3DC;--cta: #FF795C;--cta-hover: #FF967F;--control-border: #91858A;--radius: 20px;--radius-sm: 12px}:root[data-theme=dark]{color-scheme:dark;--bg: #211F26;--surface: #29262F;--surface-soft: #312D38;--surface-hover: #3A3542;--border: #514A59;--text: #FAF8F4;--text-muted: #BCB5C1;--accent: #FF795C;--accent-hover: #FF967F;--accent-soft: #402D2A;--button-text: #25232B;--danger: #FFB4A7;--danger-bg: #3A2527;--checker: #393440}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input,.dropzone{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed}a{color:inherit}.app{min-height:100vh;max-width:1240px;padding:28px 40px 24px;margin:0 auto;display:flex;flex-direction:column}.app__header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:17px;font-weight:650;line-height:1.15;letter-spacing:-.5px}.brand img{display:block}.brand .brand__dark{display:none}:root[data-theme=dark] .brand__light{display:none}:root[data-theme=dark] .brand__dark{display:block}.header-actions{display:flex;align-items:center;gap:28px}.header-caption{font-size:12px;color:var(--text-muted)}.theme-toggle{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted);border:1px solid var(--border);border-radius:30px;padding:9px 14px;background:var(--surface);font-size:12px}.theme-toggle:hover{background:var(--surface-hover);color:var(--text)}main{flex:1}.intro{padding:48px 0 40px}.intro h1{font-size:clamp(42px,5.7vw,72px);line-height:1.08;font-weight:800;letter-spacing:-.055em;margin-bottom:22px}.intro h1>span{color:var(--accent)}.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:19px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.eyebrow>span{width:9px;height:9px;background:var(--cta);transform:rotate(12deg)}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;color:var(--text-muted);font-size:11px}.workspace-heading p{font-size:10px;letter-spacing:.12em;font-weight:800}.intro>p:last-child{color:var(--text-muted);font-size:16px;line-height:1.7}.app__main{display:grid;grid-template-columns:1fr 1.08fr;gap:20px;align-items:stretch}.panel{min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:26px}.panel__title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;margin-bottom:22px}.panel__title>span{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--surface-soft);color:var(--text-muted);font-size:10px;font-weight:700;font-variant-numeric:tabular-nums}.panel__title small{margin-left:auto;color:var(--text-muted);font-size:10px;font-weight:400;letter-spacing:.06em;text-transform:uppercase}.dropzone{border:1px dashed var(--control-border);border-radius:var(--radius-sm);background:var(--surface-soft);padding:26px 20px;text-align:center;cursor:pointer}.dropzone:hover,.dropzone--active{border-color:var(--accent);background:var(--accent-soft)}.dropzone--disabled{cursor:not-allowed}.dropzone__icon{color:var(--accent);margin-bottom:8px}.dropzone__text{font-size:15px;font-weight:500}.dropzone__browse{display:inline-flex;align-items:center;gap:26px;background:var(--cta);color:var(--button-text);padding:12px 20px;border-radius:9px;margin-top:16px;font-size:14px;font-weight:800}.dropzone__hint{margin-top:12px;font-size:11px;color:var(--text-muted)}.resolution,.bg-picker{border:none;margin-top:24px;min-width:0}.resolution__legend,.bg-picker__legend{font-size:12px;font-weight:600;margin-bottom:10px}.resolution__options{display:flex;gap:8px}.resolution__option{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;padding:11px 5px;border:1px solid var(--control-border);border-radius:var(--radius-sm);cursor:pointer;position:relative}.resolution__option:hover{background:var(--surface-hover)}.resolution__option--selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.resolution__option:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.resolution__option input{position:absolute;opacity:0}.resolution__label{font-size:15px;font-weight:600}.resolution__desc{font-size:10px;color:var(--text-muted);text-align:center}fieldset:disabled{opacity:.6}.bg-picker__checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px}.bg-picker__checkbox input{accent-color:var(--accent);width:16px;height:16px}.bg-picker__hint{font-size:11px;color:var(--text-muted);margin:6px 0 0 24px}.bg-picker__controls{margin-top:12px}.bg-picker__presets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.bg-picker__preset{min-height:36px;padding:5px 12px;border:1px solid var(--control-border);border-radius:6px;background:var(--surface);color:var(--text);font-size:12px}.bg-picker__preset:hover{background:var(--surface-hover);border-color:var(--accent)}.bg-picker__custom{display:flex;align-items:center;gap:8px}.bg-picker__custom label{font-size:12px;color:var(--text-muted)}.bg-picker__custom input[type=text]{flex:1;min-width:0;width:100%;min-height:36px;padding:6px 10px;border:1px solid var(--control-border);border-radius:6px;background:var(--bg);color:var(--text);font-size:12px}.bg-picker__swatch{flex:none;width:32px;height:32px;padding:0;border:1px solid var(--border);border-radius:6px;background:var(--bg);cursor:pointer}.bg-picker__swatch::-webkit-color-swatch-wrapper{padding:2px}.bg-picker__swatch::-webkit-color-swatch{border:none;border-radius:4px}.bg-picker__swatch::-moz-color-swatch{border:none;border-radius:4px}.alert{margin-top:16px;padding:12px;background:var(--danger-bg);border:1px solid var(--danger);border-radius:var(--radius-sm);color:var(--danger);font-size:13px;overflow-wrap:anywhere}.loading{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:13px;color:var(--text-muted)}.loading__spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.panel--result{display:flex;flex-direction:column}.placeholder,.result__preview{background-color:var(--surface-soft);background-image:conic-gradient(var(--checker) 25%,transparent 0 50%,var(--checker) 0 75%,transparent 0);background-size:20px 20px;border-radius:var(--radius-sm)}.placeholder{flex:1;min-height:330px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:28px}.placeholder__art{margin-bottom:28px;transform:rotate(-10deg);box-shadow:10px 12px 0 var(--border);border-radius:25px;width:96px;height:96px}.placeholder__copy{padding:16px 18px;border-radius:12px;background:var(--surface)}.placeholder h3{font-size:19px;font-weight:800;letter-spacing:-.5px;line-height:1.3}.placeholder p{max-width:290px;margin-top:10px;color:var(--text-muted);font-size:12px}.result{display:flex;flex:1;flex-direction:column;gap:16px}.result__preview{flex:1;padding:12px;display:flex;justify-content:center;align-items:center;min-height:260px}.result__preview img{display:block;max-width:100%;max-height:450px;object-fit:contain}.result__actions{display:flex;gap:8px}.result__actions button{flex:1;padding:11px 12px;border:1px solid transparent;border-radius:9px;background:var(--cta);color:var(--button-text);font-size:13px;font-weight:600}.result__actions button:hover{background:var(--cta-hover)}.dropzone:not(.dropzone--disabled):hover .dropzone__browse{background:var(--cta-hover)}.result__actions .result__clear{flex:0 1 auto;background:var(--surface);color:var(--text-muted);border-color:var(--border)}.result__actions .result__clear:hover{background:var(--surface-hover)}.app__footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:40px;padding-top:20px;border-top:1px solid var(--border);font-size:11px;color:var(--text-muted)}.app__footer strong{font-weight:800;color:var(--text)}.app__footer a{text-underline-offset:3px}.app__footer a:hover{color:var(--accent)}@media(max-width:760px){.app{padding:22px 20px}.intro{padding:36px 0 32px}.header-caption{display:none}.workspace-heading>span{display:none}.intro h1{font-size:clamp(36px,7.7vw,58px)}.app__footer{gap:12px;margin-top:28px}.intro h1{letter-spacing:-1.8px}.intro>p:last-child{font-size:14px}.desktop-break{display:none}.app__main{grid-template-columns:1fr;gap:18px}.panel{padding:20px}.placeholder{min-height:310px;padding:22px 12px}}@media(max-width:380px){.app{padding-inline:14px}.theme-toggle{padding:9px}.brand img{width:146px;height:34px}.theme-toggle{font-size:11px;gap:4px}.panel__title{font-size:13px;gap:8px}.panel__title small{font-size:9px}.panel{padding:16px}}@media(prefers-reduced-motion:reduce){.loading__spinner{animation:none}}.skip-link{position:absolute;top:-100px;left:20px;padding:12px 18px;background:var(--surface);color:var(--text);border:2px solid var(--accent);z-index:2;border-radius:8px}.skip-link:focus{top:12px}