*{box-sizing:border-box}html{min-height:100%}body{min-height:100%;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}canvas{display:block}:root{--color-charcoal:#111615;--color-pine:#173f34;--color-bone:#f4efe4;--color-fog:#d8d4c8;--color-coffee:#9b6a45;--color-orchid:#b8a3c5;--shadow-panel:0 24px 80px #1116152e;--font-serif:"Source Sans 3", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-sans:"Source Sans 3", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:"IBM Plex Mono", "SF Mono", "SFMono-Regular", Menlo, Consolas, monospace}body{color:#050505;min-height:100vh;font-family:var(--font-sans);background:radial-gradient(circle at 10% 10%,#b8a3c547,#0000 28rem),radial-gradient(circle at 90% 0,#9b6a452e,#0000 30rem),#e8e9e3}.phone-shell{background:#f7f7f5;width:min(100%,46rem);min-height:100vh;margin:0 auto;position:relative;overflow:hidden}.screen{padding-inline:3.2rem}.app-view{min-height:calc(100vh - 7rem);padding-block:2rem 5rem}.app-view[hidden]{display:none!important}.studio-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.eyebrow{color:#818b7e;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.45rem;font-size:.78rem;display:block}.screen-title{font-family:var(--font-serif);letter-spacing:-.07em;margin:0;font-size:clamp(3.2rem,11vw,5.2rem);font-weight:700;line-height:.95}.import-pill{color:#fff;background:#a74d4a;border-radius:2.5px;justify-content:space-between;align-items:center;gap:1rem;min-height:4.2rem;padding:1rem 1.4rem;font-weight:700;display:flex}.import-pill-secondary{background:#173f34}.import-pill input,#photo-input{opacity:0;pointer-events:none;position:absolute}.activity-summary{background:#e8e9e3;border-radius:2.5px;gap:.35rem;margin:1.2rem 0;padding:1rem 1.2rem;display:grid}.activity-summary strong{font-size:1.2rem}.activity-summary span{color:#818b7e;font-size:.95rem;line-height:1.4}.story-stage{grid-template-columns:3rem minmax(0,1fr) 3rem;align-items:center;gap:.6rem;display:grid}.ghost-arrow{color:#050505;background:0 0;border-radius:2.5px;width:3rem;height:6rem;font-size:3rem;font-weight:300}.preview-card{aspect-ratio:9/16;filter:drop-shadow(0 2rem 3.5rem #11161538);border-radius:2.5px;place-items:center;width:min(100%,clamp(27rem,65vh,39rem)/1.77778);display:grid;overflow:hidden}.preview-card[data-background=transparent]{background-color:#fff;background-image:linear-gradient(45deg,#e8e8e8 25%,#0000 25%),linear-gradient(-45deg,#e8e8e8 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e8e8e8 75%),linear-gradient(-45deg,#0000 75%,#e8e8e8 75%),none;background-position:0 0,0 1rem,1rem -1rem,-1rem 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:2rem 2rem;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box}.preview-card[data-format=post]{aspect-ratio:4/5;width:min(100%,clamp(27rem,65vh,39rem)/1.25)}#preview-canvas{object-fit:fill;border-radius:2.5px;width:100%;max-width:none;height:100%;max-height:none}.studio-controls{gap:1rem;display:grid}.template-name{text-align:center;letter-spacing:-.04em;margin-top:1rem;font-size:1.8rem}.template-carousel,.swatch-row{background:#d7d7cf;gap:.8rem;margin-inline:-3.2rem;padding:1rem 3.2rem;display:flex;overflow-x:auto}.template-chip{color:#8a8a7d;background:#f1f1ef;border-radius:2.5px;flex:none;min-width:max-content;padding:.9rem 1.1rem;font-size:1rem}.template-chip.active{color:#fff;background:#050505}.swatch{border:.25rem solid #fff;border-radius:2.25rem;flex:none;width:4.5rem;height:4.5rem}.swatch.active{border-color:#050505}.swatch-nodo{background:linear-gradient(135deg,#9e92b9,#d7b3aa)}.swatch-coffee{background:#b66d25}.swatch-pine{background:linear-gradient(135deg,#526353,#d7d7c4)}.swatch-orchid{background:#bb7f9f}.swatch-halftone{background:#315bea radial-gradient(circle,#ff4b2f 35%,#0000 36%) 0 0/.8rem .8rem}.swatch-photo{background:#fff}.swatch-photo:after{content:"FOTO";font-size:.75rem;font-weight:800}.swatch-transparent{background-color:#fff;background-image:linear-gradient(45deg,#e8e8e8 25%,#0000 25%),linear-gradient(-45deg,#e8e8e8 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e8e8e8 75%),linear-gradient(-45deg,#0000 75%,#e8e8e8 75%),none;background-position:0 0,0 1rem,1rem -1rem,-1rem 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:2rem 2rem;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box}.quick-controls{gap:.8rem;display:grid}.toggle-action{color:#5f5f66;background:#f8f8f8;border-radius:2.5px;width:100%;min-height:3.4rem;padding:.85rem 1rem;font-size:1.05rem;font-weight:600}.toggle-action.active{color:#fff;background:#050505}.segmented{background:#f8f8f8;border:1px solid #d8d8dd;border-radius:2.5px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.segmented button{color:#5f5f66;background:0 0;border-radius:2.5px;min-height:3.4rem;font-size:1.05rem}.segmented button.active{color:#fff;background:#050505}.settings-field{color:#5f5f66;gap:.55rem;font-size:.95rem;display:grid}.settings-field input,.settings-field select,textarea{color:#050505;background:#fff;border:1px solid #dedee2;border-radius:2.5px;width:100%;padding:.9rem 1rem}.story-actions{grid-template-columns:minmax(0,1fr) 9rem;gap:1rem;display:grid}.primary-action{color:#fff;background:#050505;border-radius:2.5px;min-height:5.2rem;font-size:1.45rem;font-weight:500}.round-action{color:#050505;background:#fff;border-radius:2.5px;width:5.2rem;height:5.2rem;font-size:2.5rem;font-weight:300}.reset-action{color:#fff;background:#173f34;border-radius:2.5px;width:100%;min-height:5.2rem;font-size:1.1rem;font-weight:700}textarea{resize:vertical;min-height:7rem;margin-top:.9rem}.status{color:#818b7e;font-family:var(--font-mono);text-align:center;z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border-radius:2.5px;width:min(100% - 2rem,42rem);min-height:2rem;margin:0;padding:.75rem 1rem;font-size:.85rem;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);box-shadow:0 1rem 3rem #1116151f}button{cursor:pointer;border:0}button[disabled]{cursor:not-allowed;opacity:.45}input:focus,select:focus,textarea:focus,button:focus-visible,label:focus-within{outline-offset:3px;outline:3px solid #173f3440}@media (width<=540px){.screen{padding-inline:1.25rem}.studio-header{flex-direction:column;align-items:stretch}.header-actions{justify-content:stretch}.import-pill{justify-content:center;width:100%}.template-carousel,.swatch-row{margin-inline:-1.25rem;padding-inline:1.25rem}.preview-card{width:min(100%,43.875vh)}.preview-card[data-format=post]{width:min(100%,62.4vh)}}@media (width>=1040px){.phone-shell{background:0 0;width:100%;max-width:none;overflow:visible}.screen{padding-inline:clamp(2rem,5vw,5rem)}.app-view{min-height:100vh;padding-top:6rem;padding-bottom:4rem}#studio-view{grid-template-columns:minmax(28rem,1fr) minmax(23rem,31rem);grid-template-areas:"header header""summary summary""stage controls";align-items:start;gap:1.2rem 2rem;display:grid}.studio-header{grid-area:header}.activity-summary{grid-area:summary;margin:0}.story-stage{background:#ffffff7a;border-radius:2.5px;grid-area:stage;place-items:center;min-height:auto;padding-block:1rem;box-shadow:0 2rem 5rem #1116151f}.preview-card{justify-self:center;width:min(100%,56.25vh - 8.4375rem)}.preview-card[data-format=post]{width:min(100%,80vh - 12rem)}#preview-canvas{width:100%;height:100%}.studio-controls{background:#ffffff8a;border-radius:2.5px;grid-area:controls;padding:1.25rem;box-shadow:0 2rem 5rem #1116151a}.template-name{text-align:left;margin-top:0}.template-carousel,.swatch-row{border-radius:2.5px;margin-inline:0;padding:1rem}.status{bottom:1.25rem}}