:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;color:#20201e;background:#eee8df;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 0,#fff 0,#f5f0e9 38%,#eae1d6)}button,input,textarea,select{font:inherit}button{cursor:pointer}main{max-width:1480px;margin:auto;padding:30px 40px 150px}header{display:flex;align-items:center;gap:44px;border-bottom:1px solid #d9d0c5;padding-bottom:22px;margin-bottom:28px}.logo{font-size:20px;font-weight:850;letter-spacing:4px}.logo span{color:#80543b}header p{margin:0;color:#8a837b;font-size:10px;letter-spacing:3px}h1{font-family:Georgia,Times New Roman,serif;font-size:29px;font-weight:600;margin:2px 0}.workspace{display:grid;grid-template-columns:minmax(600px,1fr) 420px;gap:50px;align-items:start}.panel{background:#fffdfbcc;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid #ffffffb8;border-radius:28px;padding:32px 36px;box-shadow:0 28px 80px #46392b17,inset 0 1px #fff}.intro h2{font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:600;margin:0 0 7px;letter-spacing:-.5px}.intro p{color:#777169;margin:0 0 26px}.form-grid{display:grid;gap:16px}.field{display:flex;flex-direction:column;position:relative;gap:7px}.field>span,.position-help b,.overlay-tools b{font-size:12px;font-weight:750;color:#5e5953}.field input,.field textarea,.field select{width:100%;border:1px solid #d8d0c7;border-radius:12px;background:#faf8f5;color:#20201e;padding:12px 14px;outline:none;transition:.2s}.field input:focus,.field textarea:focus,.field select:focus{border-color:#80543b;box-shadow:0 0 0 3px #80543b17}.field input:disabled{opacity:.5}.field.error input,.field.error textarea,.field.error select{border-color:#a25749}.field small{color:#a25749;font-size:11px}.field .hint{color:#9e978f;font-size:10px;font-weight:450;margin-top:2px}.field em{position:absolute;right:10px;bottom:8px;color:#8d877f;font-size:10px;font-style:normal}.file{padding:9px!important}.file::file-selector-button{background:#ede4d9;color:#38342f;border:0;border-radius:8px;padding:7px 12px;margin-right:12px}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.photo-controls{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:12px;align-items:stretch}.position-help,.overlay-tools{border:1px solid #ded5ca;border-radius:16px;background:linear-gradient(145deg,#f8f4ee,#f1ebe3);padding:12px 14px}.position-help{display:flex;flex-direction:column;gap:4px}.position-help span,.overlay-tools>div>span{color:#827b73;font-size:11px}.position-help button,.overlay-actions>button{border:0;padding:0;width:fit-content;background:transparent;color:#80543b;font-weight:750;font-size:11px;margin-top:auto}.overlay-tools{display:grid;gap:11px}.overlay-buttons,.overlay-actions{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.overlay-buttons button,.nudges button{border:1px solid #d6cbc0;border-radius:999px;background:#fff;color:#5c554e;padding:7px 10px;font-size:11px;transition:.18s}.overlay-buttons button.active{border-color:#80543b;color:#6e422d;background:#f4e8dc;box-shadow:0 4px 12px #70483218}.nudges{display:flex;flex-direction:column;gap:5px;margin-left:auto}.nudge-hint{font-size:9px;color:#9e978f;white-space:nowrap}.nudges button{padding:5px 9px}aside{position:sticky;top:24px}.preview-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px;color:#6f6962}.preview-title span{font-size:10px;font-weight:800;letter-spacing:2.5px}.preview-title i{font-size:10px;font-style:normal}.story{width:360px;height:640px;margin:auto;border-radius:26px;overflow:hidden;position:relative;background:#171817;box-shadow:0 32px 74px #1a14103d,0 0 0 1px #ffffffb8}.phone-frame{position:relative;width:378px;margin:auto;border-radius:52px;background:#1c1c1e;padding:12px;box-shadow:0 40px 90px #0006,0 0 0 1px #ffffff18,inset 0 0 0 1px #ffffff10}.phone-notch{position:absolute;top:12px;left:50%;transform:translate(-50%);width:126px;height:36px;background:#000;border-radius:0 0 24px 24px;z-index:10;box-shadow:inset 0 -1px #00000060}.phone-screen{position:relative;width:354px;height:756px;margin:auto;border-radius:40px;overflow:hidden;background:#000}.phone-screen .story{border-radius:0;box-shadow:none}.phone-screen .story-canvas{border-radius:0}.phone-bar{width:134px;height:5px;background:#ffffff40;border-radius:999px;margin:10px auto 0}.story-canvas{width:1080px;height:1920px;position:absolute;left:0;top:63px;transform:scale(calc(354 / 1080));transform-origin:top left;overflow:hidden;color:#fff;touch-action:none;-webkit-user-select:none;user-select:none}.photo{position:absolute;inset:0;display:grid;place-items:center;color:#6f6860;font-size:42px;z-index:0}.photo img{width:100%;height:100%;display:block;pointer-events:none}.photo.draggable{cursor:grab}.photo.dragging{cursor:grabbing}.focal-hint{position:absolute;bottom:14px;left:50%;transform:translate(-50%);background:#17181799;color:#fff;font-size:11px;font-weight:600;letter-spacing:.4px;padding:5px 14px;border-radius:999px;pointer-events:none;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.legibility-gradient{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#05060866,#0506080a 38%,#05060880)}.overlay{position:absolute;z-index:3;touch-action:none;cursor:grab;outline:none;overflow:visible}.overlay.dragging{cursor:grabbing}.overlay-content{position:absolute;inset:0 auto auto 0;transform-origin:top left;overflow:hidden}.overlay.selected:after{content:"";position:absolute;inset:-8px;border:3px solid #fff;border-radius:18px;box-shadow:0 0 0 3px #171817b8,0 8px 28px #0004;pointer-events:none}.resize-handle{position:absolute;z-index:20;right:12.7%;bottom:19%;width:76px;height:76px;border:0;padding:0;border-radius:50%;background:transparent;cursor:nwse-resize;touch-action:none;display:grid;place-items:center}.resize-handle span{display:block;width:34px;height:34px;border-radius:50%;background:#fff;border:5px solid #171817;box-shadow:0 6px 18px #0006}.title-block{color:#fff;max-width:100%;overflow:hidden;display:flex;flex-direction:column}.story-brand{font-family:Arial,sans-serif;font-weight:700;text-transform:uppercase;white-space:nowrap;max-width:100%}.product{max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:normal;font-family:Georgia,Times New Roman,serif;font-weight:600;letter-spacing:-1.05px;text-shadow:0 3px 20px #0005}.price-card,.sizes,.cta{border:1.25px solid;box-shadow:0 18px 54px #05080c38,inset 0 1px #ffffff4d;backdrop-filter:blur(18px) saturate(112%);-webkit-backdrop-filter:blur(18px) saturate(112%)}.variant-dark-glass{color:#fff;background:#0b0e1347;border-color:#ffffff18}.variant-light-glass{color:#171817;background:#f8f5ef8c;border-color:#fffa}.price-card{border-radius:18px;position:relative}.price-card.card-ribbon{border-radius:var(--card-radius, 20px);text-align:center}.price-card.card-column:before{content:"";position:absolute;left:3px;top:22px;bottom:22px;width:5px;border-radius:5px;background:var(--column-accent, #d4debf)}.from{font:650 26px/1 Arial,sans-serif;letter-spacing:.35px;opacity:.76;position:absolute;transform:translateY(-50%)}.from-dec{font-size:1em}.from s{text-decoration-thickness:1.25px;text-underline-offset:2px}.por{font:700 20px/1 Arial,sans-serif;letter-spacing:3.2px;position:absolute;transform:translateY(-50%)}.main-price{display:flex;align-items:baseline;gap:4px;white-space:nowrap;position:absolute;transform:translateY(-50%)}.card-ribbon .main-price{justify-content:flex-start}.currency{font:650 27px/1 Arial,sans-serif;opacity:.68}.amount-main{font:600 64px/.92 Georgia,Times New Roman,serif;letter-spacing:-1.4px}.amount-dec{font:600 42px/.92 Georgia,Times New Roman,serif;letter-spacing:-1.4px}.sizes{display:grid;place-items:center;border-radius:999px;font:700 18px/1 Arial,sans-serif;letter-spacing:1.2px;padding:14px 22px;box-sizing:border-box;min-width:max-content;min-height:max-content;white-space:nowrap}.benefit{font:400 26px/1.42 Arial,sans-serif;letter-spacing:-.15px;color:#fff;opacity:.94;text-shadow:0 3px 16px #0006;padding:8px 20px;box-sizing:border-box}.scarcity{display:grid;place-items:center;border:1px solid #ffffff52;border-radius:999px;font:750 14px/1 Arial,sans-serif;letter-spacing:1.25px;box-shadow:0 8px 24px #05080c30,inset 0 1px #ffffff70;background:var(--scarcity-accent, #E8C9A9);padding:15px 18px;box-sizing:border-box;min-width:max-content;min-height:max-content;white-space:nowrap}.cta{display:grid;place-items:center;border-radius:999px;font:750 18px/1 Arial,sans-serif;letter-spacing:1.65px;padding:14px 20px;box-sizing:border-box;min-width:max-content;min-height:max-content;white-space:nowrap}footer{position:fixed;z-index:30;left:0;right:0;bottom:0;min-height:104px;display:grid;grid-template-columns:auto 1fr minmax(190px,auto) auto;gap:22px;align-items:center;padding:16px max(28px,calc((100vw - 1400px)/2));background:#fffdfbea;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-top:1px solid #ddd3c8;box-shadow:0 -16px 50px #2c211714}.score{display:flex;align-items:center;gap:10px}.score strong{font-family:Georgia,serif;font-size:38px;color:#704832}.score span{font-size:12px;font-weight:750}.score small{display:block;color:#888078;font-weight:450}.checklist{display:flex;flex-wrap:wrap;gap:6px 12px}.checklist span{font-size:10px;color:#988f86}.checklist .ok{color:#526547}.status{font-size:11px;color:#6f6860;max-width:240px}.actions{display:flex;gap:9px}.actions button{border:0;border-radius:999px;padding:12px 18px;font-size:12px;font-weight:750}.actions .ghost{background:#eee7de;color:#49423c}.actions .primary{background:#171817;color:#fff;box-shadow:0 9px 24px #17181730}.actions button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:1100px){main{padding:22px 18px 190px}.workspace{grid-template-columns:1fr}aside{position:static;order:-1}.panel{padding:24px}footer{grid-template-columns:auto 1fr}.actions{justify-self:end}.status{display:none}}@media(max-width:680px){main{padding-inline:10px}header{gap:18px}.workspace{gap:28px}.panel{padding:20px 15px;border-radius:22px}.row,.photo-controls{grid-template-columns:1fr}.story{width:min(360px,calc(100vw - 20px));height:min(640px,calc((100vw - 20px) * 16 / 9))}.story-canvas{transform:scale(calc((100vw - 20px) / 1080))}footer{padding:12px;grid-template-columns:1fr auto}.checklist{display:none}.actions button{padding:10px 12px}}