:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#17201b;--muted:#62716a;--line:#d7dfd9;--surface:#f8faf8;--panel:#fff;--sage:#dce8df;--mint:#9dd7bc;--coral:#ff8b72;--blue:#5b7cfa}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:linear-gradient(135deg, #9dd7bc47, transparent 34%), linear-gradient(315deg, #ff8b7233, transparent 32%), var(--surface);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.app-shell{min-height:100vh;padding:32px}.workspace{flex-direction:column;gap:28px;max-width:1180px;min-height:calc(100vh - 64px);margin:0 auto;display:flex}.topbar{justify-content:space-between;align-items:flex-end;gap:20px;padding-top:18px;display:flex}.eyebrow,.panel-kicker{color:#356050;letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:.76rem;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:0;max-width:680px;margin-bottom:0;font-size:clamp(2.2rem,6vw,5.8rem);line-height:.92}h2{letter-spacing:0;margin-bottom:12px;font-size:1.55rem;line-height:1.1}.primary-button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:8px;min-height:48px;padding:0 22px;font-weight:800}.tool-grid{flex:1;grid-template-columns:minmax(0,1fr) 340px;gap:20px;display:grid}.upload-panel,.controls{border:1px solid var(--line);background:#ffffffbd;border-radius:8px;box-shadow:0 24px 70px #17201b14}.upload-panel{min-height:520px;padding:18px;display:grid}.drop-zone{border:1px dashed #a8b8af;border-radius:8px;grid-template-columns:minmax(280px,1fr) minmax(240px,360px);align-items:center;gap:32px;padding:28px;display:grid}.image-preview{background-color:#eef4ef;background-image:linear-gradient(90deg,#17201b0f 1px,#0000 1px),linear-gradient(#17201b0f 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:8px;min-height:390px;position:relative;overflow:hidden}.photo-card{background:radial-gradient(circle at 62% 34%,#fff 0 11%,#0000 12%),linear-gradient(145deg,#2b3430 0 36%,#5b7cfa 37% 54%,#9dd7bc 55% 100%);border:1px solid #17201b1f;border-radius:8px;position:absolute;box-shadow:0 22px 48px #17201b2e}.large-card{inset:42px 82px 54px 38px}.small-card{background:radial-gradient(circle at 45% 30%,#fff 0 12%,#0000 13%),linear-gradient(145deg,#ff8b72 0 42%,#17201b 43% 100%);width:168px;height:168px;bottom:32px;right:34px}.muted{color:var(--muted);font-size:1rem;line-height:1.7}.controls{flex-direction:column;gap:22px;padding:22px;display:flex}.control-group{gap:12px;display:grid}.preset-list{gap:10px;display:grid}.preset,.output-row{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:48px}.preset{cursor:pointer;text-align:left;padding:0 14px}.preset.active{background:var(--sage);border-color:#73b897;font-weight:800}.output-row{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;padding:0 14px;display:flex}.output-row strong{color:var(--ink)}@media (max-width:860px){.app-shell{padding:18px}.workspace{min-height:calc(100vh - 36px)}.topbar,.tool-grid,.drop-zone{grid-template-columns:1fr}.topbar{align-items:stretch;display:grid}.primary-button{width:100%}.image-preview{min-height:300px}}