*{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}.app-shell{padding-bottom:4rem}.screen{padding-inline:3.2rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-view{min-height:auto;padding-block:1.25rem 0}.app-view[hidden]{display:none!important}.studio-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.shell-header{padding-top:2rem}.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.account-chip{color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#a74d4a;border-radius:2.5px;justify-content:center;align-items:center;width:100%;min-height:4.2rem;padding:1rem 1.35rem;font-weight:700;display:inline-flex;box-shadow:0 1rem 2rem #11161514}.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:#a74d4a;background:#ffffffb8;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}.sync-sheet{z-index:40;position:fixed;inset:0}.sync-backdrop{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c0f0f6b;position:absolute;inset:0}.sync-drawer{background:#f7f7f5;width:min(100%,32rem);margin-left:auto;position:absolute;inset:0;box-shadow:-2rem 0 5rem #090b0b33}.sync-panel,.flow-screen,.auth-screen,.activities-screen,.simple-screen{height:100%}.flow-screen{flex-direction:column;display:flex}.flow-topbar{justify-content:space-between;align-items:center;min-height:5.5rem;padding:1.25rem 1.5rem 0;display:flex}.flow-back,.flow-link,.text-action{color:#4f534c;background:0 0;min-height:auto;font-size:1.05rem;font-weight:600}.flow-body,.auth-body,.activities-header,.activities-list,.activities-footer{padding-inline:1.5rem}.flow-body{gap:1rem;display:grid}.flow-body-padded{padding-top:2rem}.auth-hero{color:#fff;background:#050505;gap:1rem;padding:2rem 1.5rem 2.25rem;display:grid}.auth-kicker{color:#ffffffad;font-size:.95rem}.flow-title{letter-spacing:-.06em;max-width:14ch;margin:0;font-size:clamp(2.6rem,9vw,4rem);line-height:.95}.flow-subtitle{color:#666b65;max-width:28rem;margin:0;line-height:1.6}.auth-hero .flow-subtitle{color:#ffffffb8}.auth-body{background:#f7f7f5;flex:1;gap:1rem;padding-top:1.5rem;padding-bottom:2rem;display:grid}.auth-mode-toggle{margin-bottom:.35rem}.auth-form,.oauth-actions{gap:.85rem;display:grid}.auth-line{color:#8a8e96;gap:.4rem;font-size:.92rem;display:grid}.auth-line input{color:#050505;background:0 0;border:0;border-bottom:1px solid #dbddd9;width:100%;padding:1rem 0;font-size:1.05rem}.auth-line input::placeholder{color:#b1b4bb}.auth-submit,.flow-cta{margin-top:.85rem}.secondary-action,.ghost-action{border-radius:2.5px;min-height:3.35rem;padding:.85rem 1rem;font-size:1rem;font-weight:700}.secondary-action{color:#111615;background:#fff;border:1px solid #d8d8dd}.ghost-action{color:#61635d;background:0 0}.connect-body{align-content:start;justify-items:start}.activities-header{gap:.35rem;padding-top:1rem;padding-bottom:1rem;display:grid}.activities-title{letter-spacing:-.05em;margin:0;font-size:clamp(2rem,8vw,2.75rem)}.activities-header p{color:#6d706a;margin:0}.activities-list{flex:1;gap:.7rem;padding-bottom:1rem;display:grid;overflow:auto}.activity-tile{background:#d9d6ca;border-radius:2.5px;gap:1.45rem;padding:1.15rem;display:grid}.activity-tile.featured{background:#c9bddc}.activity-topline{justify-content:space-between;align-items:center;gap:1rem;display:flex}.activity-topline strong{letter-spacing:.05em;font-size:.98rem}.activity-time{color:#242624;align-items:center;gap:.65rem;display:flex}.activity-badge{color:#fff;background:#5a526d;border-radius:2.5px;align-items:center;min-height:2.3rem;padding:0 1rem;font-size:.95rem;font-weight:700;display:inline-flex}.activity-main{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.activity-copy h3{letter-spacing:-.05em;margin:0;font-size:clamp(2rem,8vw,3rem);font-weight:500}.activity-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-top:1.75rem;display:grid}.activity-stats span{gap:.25rem;display:grid}.activity-stats small{color:#72767d;font-size:.88rem}.activity-stats strong{font-size:.98rem}.activity-plus{color:#111615;background:#ffffffe6;border-radius:999px;width:4.5rem;height:4.5rem;font-size:2rem;font-weight:400}.activities-footer{border-top:1px solid #11161514;justify-content:space-between;align-items:center;gap:.75rem;padding-top:.75rem;padding-bottom:1.5rem;display:flex}.sync-empty,.sync-footnote{color:#61635d;line-height:1.55}.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:linear-gradient(#1116152e,#1116152e),radial-gradient(at 16% 24%,#111615 0 .34rem,#0000 .37rem),radial-gradient(at 38% 25%,#111615 0 .31rem,#0000 .34rem),radial-gradient(at 62% 24%,#111615 0 .33rem,#0000 .36rem),radial-gradient(at 84% 25%,#111615 0 .32rem,#0000 .35rem),radial-gradient(at 14% 60%,#111615 0 .18rem,#0000 .2rem),radial-gradient(at 29% 61%,#111615 0 .18rem,#0000 .2rem),radial-gradient(at 44% 60%,#111615 0 .18rem,#0000 .2rem),radial-gradient(at 59% 61%,#111615 0 .18rem,#0000 .2rem),radial-gradient(at 74% 60%,#111615 0 .18rem,#0000 .2rem),radial-gradient(at 89% 61%,#111615 0 .18rem,#0000 .2rem),radial-gradient(at 18% 84%,#111615 0 .25rem,#0000 .28rem),radial-gradient(at 42% 85%,#111615 0 .23rem,#0000 .26rem),radial-gradient(at 68% 84%,#111615 0 .24rem,#0000 .27rem),linear-gradient(145deg,#f7f3ea,#ece5d9)}.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}.ink-field{gap:.55rem;display:grid}.ink-field label{color:#5f5f66;font-size:.95rem}.ink-inputs{grid-template-columns:5.2rem;display:grid}.ink-inputs input{color:#050505;background:#fff;border:1px solid #dedee2;border-radius:2.5px;min-height:3.4rem}#foreground-picker{appearance:none;cursor:pointer;border:1px solid #dedee2;width:100%;padding:0;overflow:hidden}#foreground-picker::-webkit-color-swatch-wrapper{padding:0}#foreground-picker::-webkit-color-swatch{border:0;border-radius:2px}#foreground-picker::-moz-color-swatch{border:0;border-radius:2px}.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}.shell-header{padding-top: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)}.sync-drawer{width:100%}.flow-topbar,.flow-body,.auth-body,.activities-header,.activities-list,.activities-footer{padding-inline:1.25rem}.activity-main,.activities-footer{flex-direction:column;align-items:stretch}.activity-stats{grid-template-columns:1fr}.activity-plus,.secondary-action,.ghost-action{width:100%}}@media (width>=1040px){.phone-shell{background:0 0;width:100%;max-width:none;overflow:visible}.screen{padding-inline:clamp(2rem,5vw,5rem)}.shell-header{padding-top:5rem}.app-view{padding-top:1.5rem}#studio-view{grid-template-columns:minmax(28rem,1fr) minmax(23rem,31rem);grid-template-areas:"summary summary""stage controls";align-items:start;gap:1.2rem 2rem;display:grid}.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}.sync-drawer{width:min(34rem,100%)}.flow-topbar,.flow-body,.auth-body,.activities-header,.activities-list,.activities-footer,.auth-hero{padding-inline:2rem}.activity-tile{padding:1.3rem}.status{bottom:1.25rem}}