*{box-sizing:border-box}html{min-height:100%}body{min-height:100%;margin:0}button{cursor:pointer}canvas{display:block}:root{--color-charcoal:#121212;--color-ink:#050505;--color-pine:#173f34;--color-bone:#f5f2ea;--color-fog:#ddd8cd;--color-coffee:#9b6a45;--color-orchid:#b8a3c5;--color-clay:#a74d4a;--color-mist:#ece8df;--color-shell:#f2eee6;--color-surface:#ffffffd1;--color-surface-strong:#fff;--color-surface-muted:#ffffffc2;--color-surface-soft:#f6f4ee;--color-surface-track:#e2ddd2;--color-overlay:#0a0a0a52;--color-border-soft:#d8d1c4;--color-border-muted:#d2cbc0;--color-border-track:#c9c2b8;--color-text-strong:var(--color-ink);--color-text-default:var(--color-charcoal);--color-text-muted:#61635d;--color-text-soft:#818b7e;--color-text-faint:#8a8e96;--color-text-placeholder:#b1b4bb;--color-text-inverse:#fff;--color-text-inverse-soft:#ffffffb8;--color-text-inverse-faint:#ffffffad;--color-focus:#173f3440;--gradient-page:radial-gradient(circle at top left, #ffffffd1, transparent 26rem), linear-gradient(180deg, #ffffff94, #fff0), var(--color-shell);--gradient-transparent-grid:linear-gradient(45deg, #e8e8e8 25%, transparent 25%), linear-gradient(-45deg, #e8e8e8 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #e8e8e8 75%), linear-gradient(-45deg, transparent 75%, #e8e8e8 75%), var(--color-surface-strong);--gradient-halftone:linear-gradient(#1116152e, #1116152e), radial-gradient(ellipse at 16% 24%, #111615 0 .34rem, transparent .37rem), radial-gradient(ellipse at 38% 25%, #111615 0 .31rem, transparent .34rem), radial-gradient(ellipse at 62% 24%, #111615 0 .33rem, transparent .36rem), radial-gradient(ellipse at 84% 25%, #111615 0 .32rem, transparent .35rem), radial-gradient(ellipse at 14% 60%, #111615 0 .18rem, transparent .2rem), radial-gradient(ellipse at 29% 61%, #111615 0 .18rem, transparent .2rem), radial-gradient(ellipse at 44% 60%, #111615 0 .18rem, transparent .2rem), radial-gradient(ellipse at 59% 61%, #111615 0 .18rem, transparent .2rem), radial-gradient(ellipse at 74% 60%, #111615 0 .18rem, transparent .2rem), radial-gradient(ellipse at 89% 61%, #111615 0 .18rem, transparent .2rem), radial-gradient(ellipse at 18% 84%, #111615 0 .25rem, transparent .28rem), radial-gradient(ellipse at 42% 85%, #111615 0 .23rem, transparent .26rem), radial-gradient(ellipse at 68% 84%, #111615 0 .24rem, transparent .27rem), linear-gradient(145deg, #f7f3ea, #ece5d9);--shadow-panel:0 1.25rem 3.5rem #1116150a;--shadow-shell:0 1rem 2.5rem #1116150d;--shadow-button:0 .5rem 1.2rem #1116150d;--shadow-toast:0 .8rem 2rem #1116151a;--shadow-preview:0 1rem 2.5rem #1116151f;--blur-backdrop:blur(12px);--blur-surface:blur(10px);--radius-xs:3px;--radius-sm:6px;--radius-round:999px;--space-1:.35rem;--space-2:.55rem;--space-3:.75rem;--space-4:.85rem;--space-5:1rem;--space-6:1.25rem;--space-7:1.5rem;--space-8:1.75rem;--space-9:2rem;--space-10:2.25rem;--space-11:3.2rem;--screen-pad-mobile:1.25rem;--screen-pad-desktop:clamp(2rem, 5vw, 5rem);--control-sm:2.3rem;--control-md:3.35rem;--control-lg:4.2rem;--control-xl:5.2rem;--control-round:4.5rem;--font-serif:"Instrument Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-sans:"Instrument Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:"IBM Plex Mono", "SF Mono", "SFMono-Regular", Menlo, Consolas, monospace;--text-eyebrow:.78rem;--text-body-sm:.95rem;--text-body:1rem;--text-body-lg:1.05rem;--text-title-sm:1.5rem;--text-title-md:clamp(1.85rem, 6vw, 2.4rem);--text-title-lg:clamp(2.25rem, 7vw, 3.4rem);--text-brand:clamp(2.8rem, 9vw, 4.2rem);--tracking-eyebrow:.12em;--tracking-tight:-.04em;--tracking-tighter:-.05em;--tracking-display:-.06em;--tracking-brand:-.08em;--transition-fast:.16s ease;--transition-base:.22s ease}body{background:var(--gradient-page);min-height:100vh;color:var(--color-text-strong);font-family:var(--font-sans)}#app{min-height:100vh}button,input,select,textarea{font:inherit}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:3px solid var(--color-focus);outline-offset:3px}.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}.stack-xs{gap:var(--space-2)}.stack-md,.token-row,.surface-section{gap:var(--space-4)}.stack-lg{gap:var(--space-5)}.field-stack,.metric-pair{gap:.4rem}.control-cluster{gap:var(--space-3)}.control-group{display:grid}.feedback-inline{margin:0}.surface-panel,.surface-card{border-radius:var(--radius-sm);border:1px solid var(--color-border-soft);box-shadow:var(--shadow-panel)}.overlay-sheet{z-index:40;position:fixed;inset:0}.overlay-sheet__scrim,.overlay-sheet__panel{position:absolute;inset:0}.eyebrow{color:var(--color-text-soft);font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;margin-bottom:.45rem;font-size:.68rem;display:block}.screen-title{font-family:var(--font-serif);letter-spacing:-.09em;margin:0;font-size:clamp(2.35rem,7vw,4rem);font-weight:640;line-height:.9}.flow-title,.activities-title,.activity-copy h3,.template-name{letter-spacing:var(--tracking-tight);margin:0}.flow-title{max-width:11ch;font-size:var(--text-title-lg);letter-spacing:-.06em;font-weight:620;line-height:.94}.activities-title{letter-spacing:-.055em;font-size:clamp(1.3rem,3.2vw,1.7rem);font-weight:600}.launcher-title,.activity-copy h3,.activity-copy h4{letter-spacing:var(--tracking-tight);margin:0}.launcher-title,.activity-copy h3{letter-spacing:-.065em;font-size:clamp(1.95rem,6vw,2.8rem);font-weight:580}.activity-copy h4{letter-spacing:-.035em;font-size:1.02rem;font-weight:580}.template-name{margin-top:var(--space-5);text-align:left;font-size:1.1rem;font-weight:580}.flow-subtitle,.sync-empty,.sync-footnote,.activity-summary span,.activities-header p,.launcher-copy{color:var(--color-text-muted);line-height:1.5}.flow-subtitle{max-width:28rem;margin:0;line-height:1.6}.auth-kicker{color:var(--color-text-inverse-faint);font-size:var(--text-body-sm)}.flow-back,.flow-link,.text-action{min-height:auto;color:var(--color-text-muted);letter-spacing:0;background:0 0;font-size:.9rem;font-weight:500}.swatch{width:var(--control-round);height:var(--control-round);border-radius:calc(var(--control-round) / 2);border:2px solid #ffffffc7;flex:none}.swatch.active{border-color:var(--color-ink)}.swatch-nodo{background:linear-gradient(135deg,#d7cec0,#f2ede3)}.swatch-coffee{background:#8b6840}.swatch-pine{background:linear-gradient(135deg,#697063,#cfd0c3)}.swatch-orchid{background:#9f7d8f}.swatch-halftone{background:var(--gradient-halftone)}.swatch-photo{background:var(--color-surface-strong)}.swatch-photo:after{content:"IMG";letter-spacing:.08em;font-size:.68rem;font-weight:700}.swatch-transparent{background:var(--gradient-transparent-grid);background-position:0 0,0 1rem,1rem -1rem,-1rem 0;background-size:2rem 2rem}.account-chip,.import-pill,.primary-action,.secondary-action,.ghost-action,.reset-action,.activity-badge,.activity-plus,.template-chip,.toggle-action,.segmented button{transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), opacity var(--transition-fast)}.account-chip,.import-pill,.primary-action,.secondary-action,.ghost-action,.reset-action,.activity-badge,.template-chip,.flow-back,.flow-link,.text-action{justify-content:center;align-items:center;display:inline-flex}.account-chip,.import-pill,.primary-action,.reset-action{min-height:3.35rem;padding-inline:1rem;font-weight:600}.account-chip,.import-pill,.primary-action,.secondary-action,.ghost-action,.reset-action,.template-chip,.activity-badge{border-radius:var(--radius-sm)}.account-chip,.primary-action{background:var(--color-ink);color:var(--color-text-inverse)}.account-chip{width:auto;min-width:8.4rem;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.import-pill{justify-content:space-between;gap:var(--space-5);background:var(--color-surface);color:var(--color-clay);padding-inline:1.4rem}.import-pill-secondary,.reset-action{background:var(--color-pine);color:var(--color-text-inverse)}.import-pill input,#photo-input{opacity:0;pointer-events:none;position:absolute}.ghost-arrow{border-radius:var(--radius-xs);width:2.4rem;height:3.2rem;color:var(--color-text-soft);border:1px solid var(--color-border-soft);background:#ffffffa3;font-size:1.45rem;font-weight:300}.primary-action{background:var(--color-ink);min-height:3.6rem;color:var(--color-text-inverse);letter-spacing:.01em;text-transform:uppercase;font-size:.92rem;font-weight:600}.secondary-action,.ghost-action{letter-spacing:.01em;min-height:3.1rem;padding:.8rem 1rem;font-size:.88rem;font-weight:560}.secondary-action{color:var(--color-text-default);border:1px solid var(--color-border-track)}.ghost-action{background:var(--color-surface-soft);color:var(--color-text-default);border:1px solid var(--color-border-soft)}.activity-badge{min-height:var(--control-sm);color:var(--color-text-soft);border:1px solid var(--color-border-track);letter-spacing:.12em;background:0 0;padding:0 .55rem;font-size:.66rem;font-weight:700}.activity-plus{width:var(--control-round);height:var(--control-round);border-radius:var(--radius-round);color:var(--color-charcoal);background:#ffffffe6;font-size:2rem;font-weight:400}.template-chip{background:var(--color-surface-strong);min-width:max-content;color:var(--color-text-soft);border:1px solid var(--color-border-soft);letter-spacing:.01em;text-transform:uppercase;flex:none;padding:.7rem .8rem;font-size:.78rem;font-weight:520}.round-action{width:var(--control-xl);height:var(--control-xl);border-radius:var(--radius-sm);background:var(--color-surface-strong);color:var(--color-ink);font-size:2.5rem;font-weight:300}.reset-action{background:var(--color-surface-soft);width:100%;min-height:3.6rem;color:var(--color-text-default);border:1px solid var(--color-border-track);text-transform:uppercase;font-size:.86rem}.status{left:50%;bottom:var(--space-6);z-index:20;width:min(100% - 2rem,42rem);min-height:2rem;padding:var(--space-3) var(--space-5);color:var(--color-text-soft);font-family:var(--font-mono);text-align:center;border:1px solid var(--color-border-soft);box-shadow:var(--shadow-toast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8f6f1f0;margin:0;font-size:.8rem;position:fixed;transform:translate(-50%)}.screen-stack,.studio-controls,.flow-body,.auth-body,.auth-form,.oauth-actions,.activities-header,.activities-list,.auth-line,.quick-controls,.ink-field,.settings-field,.activity-summary,.sync-panel,.flow-screen,.activity-stats span{display:grid}.studio-controls,.quick-controls{gap:.9rem}.flow-body,.auth-body,.activities-header,.activity-summary,.settings-field,.auth-form,.oauth-actions,.activities-list{gap:var(--space-4)}.auth-card,.auth-card-head,.auth-rail,.account-panel,.account-actions,.account-metadata{display:grid}.auth-card,.account-panel{gap:var(--space-5)}.auth-rail,.account-actions,.account-metadata{gap:var(--space-4)}.auth-message{border:1px solid var(--color-border-soft);border-radius:var(--radius-xs);margin:0;padding:.95rem 1rem;font-size:.92rem;line-height:1.45}.auth-message-default{color:var(--color-text-default);background:#11161508}.auth-message-success{color:var(--color-ink);background:#818b7e14}.auth-message-error{color:var(--color-clay);background:#a74d4a12}.ink-field{gap:var(--space-2)}.auth-line,.activity-stats span{gap:.4rem}.auth-line{color:var(--color-text-faint);letter-spacing:.01em;font-size:.84rem}.auth-line input{border:0;border-bottom:1px solid var(--color-border-muted);width:100%;color:var(--color-text-strong);letter-spacing:-.02em;background:0 0;padding:.95rem 0 .8rem;font-size:1.02rem}.auth-line input::placeholder{color:var(--color-text-placeholder)}.activity-stats{margin-top:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.activity-stats small{color:var(--color-text-faint);letter-spacing:.04em;text-transform:uppercase;font-size:.64rem}.activity-topline strong,.activity-stats strong{letter-spacing:-.02em;font-size:.84rem;font-weight:560}.activity-topline strong{letter-spacing:.08em}.template-carousel,.swatch-row{gap:.55rem;margin-inline:0;padding:0;display:flex;overflow-x:auto}.ink-field label,.settings-field,.toggle-action,.segmented button,.ink-inputs input{color:#5f5f66}.ink-field label,.settings-field{letter-spacing:.08em;text-transform:uppercase;font-size:.74rem}.ink-inputs{grid-template-columns:4.4rem;display:grid}.ink-inputs input,.settings-field input,.settings-field select,textarea,.segmented,#foreground-picker{border:1px solid var(--color-border-soft)}.ink-inputs input,.settings-field input,.settings-field select,textarea,.toggle-action,.segmented,.segmented button{border-radius:var(--radius-sm)}.ink-inputs input,.settings-field input,.settings-field select,textarea,.toggle-action,.segmented,.segmented button,#foreground-picker,.secondary-action{background:var(--color-surface-strong)}.ink-inputs input{min-height:var(--control-md);color:var(--color-text-strong)}#foreground-picker{width:100%;min-height:var(--control-md);appearance:none;cursor:pointer;padding:0;overflow:hidden}#foreground-picker::-webkit-color-swatch-wrapper{padding:0}#foreground-picker::-webkit-color-swatch{border-radius:var(--radius-xs);border:0}#foreground-picker::-moz-color-swatch{border-radius:var(--radius-xs);border:0}.toggle-action,.segmented button{letter-spacing:.01em;text-transform:uppercase;width:100%;min-height:3.1rem;padding:.68rem .85rem;font-size:.84rem;font-weight:540}.toggle-action{background:var(--color-surface-soft)}.toggle-action.active,.segment-active,.segmented button.active,.template-chip.active{background:var(--color-ink);color:var(--color-text-inverse)}.segmented{border-color:var(--color-border-track);background:#ffffff80;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.segmented button{background:0 0}.settings-field input,.settings-field select,textarea{width:100%;padding:.9rem var(--space-5);color:var(--color-text-strong)}textarea{resize:vertical;min-height:7rem;margin-top:.9rem}.story-actions,.action-row{grid-template-columns:minmax(0,1fr) 8.4rem;gap:.75rem;display:grid}.auth-submit,.flow-cta{margin-top:var(--space-4)}.auth-card{padding:var(--space-7);box-shadow:none;background:#ffffffb8}.auth-card-head h3,.account-row{margin:0}.auth-note{gap:var(--space-4);border:0;border-bottom:1px solid var(--color-border-soft);background:0 0;grid-template-columns:1.5rem minmax(0,1fr);padding:.95rem 0;display:grid}.auth-note strong{width:auto;height:auto;color:var(--color-text-soft);letter-spacing:.14em;background:0 0;border-radius:0;justify-content:center;align-items:center;font-size:.75rem;display:inline-flex}.account-row{justify-content:space-between;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-soft);display:flex}.account-row span{color:var(--color-text-muted)}.account-row strong{font-size:var(--text-body)}.activity-card-compact .activity-stats{margin-top:var(--space-4)}.activity-card-compact .activity-stats small{font-size:.72rem}.activity-card-compact .activity-stats strong{font-size:.88rem}.studio-header,.header-actions,.story-stage,.flow-topbar,.activity-topline,.activity-time,.activity-main,.activities-footer,.activity-summary,.activity-summary-actions,.launcher-list-head,.activity-card-topline,.activity-card-row,.activity-browser-footer,.activity-browser-head{display:flex}.studio-header,.activity-topline,.activity-main,.activities-footer,.activity-summary,.launcher-list-head,.activity-card-topline,.activity-card-row,.activity-browser-footer,.activity-browser-head{justify-content:space-between}.studio-header,.flow-topbar,.activity-topline,.activity-time,.activity-summary,.activity-browser-head{align-items:center}.header-actions{flex-wrap:wrap;justify-content:flex-end}.activity-main{align-items:flex-end}.studio-header{gap:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid #1116150f}.header-actions{gap:var(--space-2)}.story-stage{grid-template-columns:3rem minmax(0,1fr) 3rem;align-items:center;gap:.6rem;display:grid}.flow-topbar{min-height:4.75rem;padding:var(--space-6) var(--space-7) 0}.activity-topline,.activity-main,.activities-footer,.activity-card-topline,.activity-card-row{gap:var(--space-3)}.activity-time{color:var(--color-text-soft);gap:.65rem;font-size:.9rem}.activity-summary,.activity-tile,.template-carousel,.swatch-row,.studio-controls,.studio-launcher,.story-stage,.status{border-radius:var(--radius-sm)}.activity-summary,.studio-controls,.studio-launcher,.studio-empty-state,.template-carousel,.swatch-row{background:0 0}.activity-summary{align-items:flex-start;gap:var(--space-4);background:#ffffffb3;margin:0;padding:1rem 1.1rem}.activity-summary strong{letter-spacing:-.03em;font-size:1.02rem;font-weight:560}.activity-summary span{font-size:.9rem;line-height:1.4}.activity-summary-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.activity-summary-stats small{color:var(--color-text-faint);letter-spacing:.02em;font-size:.72rem}.activity-summary-stats strong{letter-spacing:-.02em;font-size:.9rem;font-weight:560}.activity-summary-copy,.launcher-list,.controls-section,.activity-browser-copy,.activity-browser-list,.editor-shell,.activity-card-footer,.activity-summary-stats{gap:var(--space-4);display:grid}.activity-summary-actions{gap:var(--space-3);flex:none}.preview-card{aspect-ratio:9/16;border-radius:var(--radius-sm);filter:none;background:#ffffff38;border:1px solid #1116151a;place-items:center;width:min(100%,clamp(27rem,65vh,39rem)/1.77778);display:grid;overflow:hidden}.preview-card[data-background=transparent]{background:var(--gradient-transparent-grid);background-position:0 0,0 1rem,1rem -1rem,-1rem 0;background-size:2rem 2rem}.preview-card[data-format=post]{aspect-ratio:4/5;width:min(100%,clamp(27rem,65vh,39rem)/1.25)}.activity-browser{gap:var(--space-5);padding:var(--space-6);background:#ffffff9e;align-content:start;display:grid}.activity-browser-head{gap:var(--space-3)}.activity-browser-list{max-height:min(68vh,46rem);padding-right:.2rem;overflow:auto}.activity-browser-sentinel{width:100%;height:1px}.activity-browser-footer{align-items:center;gap:var(--space-3)}.studio-launcher{gap:var(--space-8);min-height:32rem;padding:var(--space-7);display:grid}.launcher-hero{max-width:32rem}.launcher-grid{gap:var(--space-7);display:grid}.launcher-list-head h4,.launcher-footer{margin:0}.launcher-activities{max-height:37rem;padding-right:.2rem;overflow:auto}.launcher-footer{justify-content:flex-start;display:flex}.launcher-empty{min-height:14rem}.activity-card{gap:var(--space-5);padding:var(--space-6);border:1px solid var(--color-border-soft);background:#ffffffbd;display:grid}.activity-card-browser{background:#ffffffd6;gap:.8rem;padding:1rem}.activity-card-browser.active{background:#fffffff5;border-color:#11161542;transform:translateY(-1px)}.activity-card-featured{min-height:23rem;padding:var(--space-7);background:#ffffffd1;align-content:space-between}.activity-card-compact{gap:var(--space-4);padding:1rem}.activity-card-body,.controls-heading{gap:.7rem;display:grid}.activity-card-compact .activity-card-row{align-items:flex-end}.activity-card-browser .activity-card-body{gap:.8rem}.activity-card-browser .activity-card-footer{gap:.75rem}.activity-select{justify-self:start;min-width:7rem}.activity-select.active{background:var(--color-ink);color:var(--color-text-inverse);border-color:var(--color-ink)}.launcher-primary{width:100%}.studio-empty-state{align-content:center;justify-items:start;gap:var(--space-4);min-height:18rem;padding:var(--space-7);text-align:left;display:grid}.studio-empty-state .activities-header,.studio-empty-state .activities-list,.studio-empty-state .activities-footer{width:100%;padding-inline:0}.studio-empty-state .activities-list{max-height:32rem}.studio-empty-state h3,.studio-empty-state p{margin:0}.studio-empty-state p{max-width:28rem;color:var(--color-text-muted);line-height:1.5}.studio-empty-kicker{color:var(--color-text-soft);letter-spacing:.16em;text-transform:uppercase;font-size:.74rem}.studio-empty-action{width:auto;min-width:14rem}.studio-controls{gap:var(--space-6);background:#ffffffad;padding:1.1rem}.editor-stage-grid{gap:var(--space-4);display:grid}.studio-placeholder{align-content:center;gap:var(--space-4);min-height:min(72vh,48rem);padding:var(--space-8);text-align:left;background:#ffffff6b;display:grid}.studio-placeholder p,.activity-browser-copy p{margin:0}.controls-section+.controls-section{border-top:1px solid var(--color-border-soft);padding-top:.95rem}.template-name{margin-top:0}.story-actions{grid-template-columns:1fr}.export-action{width:100%}#preview-canvas{object-fit:fill;border-radius:var(--radius-sm);width:100%;max-width:none;height:100%;max-height:none}.sync-sheet.locked .sync-backdrop{display:none}.sync-sheet.locked .sync-drawer{width:100%;box-shadow:none;inset:0}.sync-backdrop{background:var(--color-overlay);-webkit-backdrop-filter:var(--blur-backdrop);backdrop-filter:var(--blur-backdrop);position:absolute;inset:0}.sync-drawer{background:#f5f2eafa;border-left:1px solid #11161514;width:min(100%,32rem);margin-left:auto;position:absolute;inset:0;box-shadow:-1rem 0 2.5rem #090b0b14}.sync-panel,.flow-screen,.auth-screen,.activities-screen,.simple-screen{height:100%;min-height:0}.flow-screen{flex-direction:column;height:100%;display:flex;position:relative}.flow-body,.auth-body,.activities-list,.activities-header,.activities-footer{padding-inline:var(--space-7)}.auth-body,.activities-list{flex:1;min-height:0}.flow-body-padded{padding-top:var(--space-8)}.auth-shell,.account-screen .flow-body{gap:var(--space-6);display:grid}.auth-hero{gap:var(--space-4);padding:var(--space-4) 0 0;color:var(--color-text-default);display:grid}.auth-hero-gated{min-height:auto;padding-top:var(--space-4);border-radius:0;align-content:start}.auth-body{padding-bottom:var(--space-9);background:0 0}.auth-mode-toggle{margin-bottom:var(--space-1)}.activities-header{padding-top:var(--space-5);padding-bottom:var(--space-5)}.activities-header p{color:var(--color-text-muted);margin:0}.activities-list{padding-bottom:var(--space-5);-webkit-overflow-scrolling:touch;overflow:auto}.activity-tile{background:#fff9;gap:1.45rem;padding:1.15rem}.activity-tile.featured{background:#ffffffb8}.activities-footer{padding-top:var(--space-3);padding-bottom:var(--space-7);border-top:1px solid var(--color-border-soft)}.connect-body{align-content:start;justify-items:start}.account-panel{padding:var(--space-7);box-shadow:none;background:#ffffffa3}.phone-shell{background:var(--color-shell);width:min(100%,46rem);min-height:100vh;margin:0 auto;position:relative;overflow:hidden}.app-shell{padding-bottom:2rem}.app-shell.auth-locked{padding-bottom:0}.screen{padding-inline:var(--screen-pad-desktop)}.app-view{min-height:auto;padding-block:var(--space-6) 0}.app-view[hidden]{display:none!important}.shell-header{padding-top:var(--space-9)}.flow-screen,.phone-shell{position:relative}@media (width<=540px){.screen{padding-inline:var(--screen-pad-mobile)}.shell-header{padding-top:var(--screen-pad-mobile)}.studio-header,.activity-summary,.activity-main,.activity-card-row,.activities-footer,.activity-browser-footer,.activity-browser-head{flex-direction:column;align-items:stretch}.header-actions{justify-content:stretch}.import-pill,.activity-plus,.secondary-action,.ghost-action{width:100%}.template-carousel,.swatch-row{margin-inline:calc(var(--screen-pad-mobile) * -1);padding-inline:var(--screen-pad-mobile)}.studio-launcher,.activity-browser,.studio-controls,.story-stage,.activity-summary,.studio-empty-state,.studio-placeholder{padding:var(--space-5)}.activity-browser{gap:var(--space-3);box-shadow:none;background:0 0;border:0;padding-inline:0}.activity-browser-head{gap:var(--space-3);padding-inline:var(--space-5)}.activity-browser-list{max-height:none;padding:0 var(--space-5) .25rem;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:.8rem;display:flex;overflow:auto hidden}.activity-card-browser{scroll-snap-align:start;flex:0 0 min(15.5rem,74vw)}.activity-browser-sentinel{flex:0 0 1px;width:1px;height:100%}.activity-card-browser .activity-card-body,.activity-card-browser .activity-copy{gap:var(--space-3)}.activity-card-browser .activity-stats{margin-top:var(--space-4)}.activity-card-browser .activity-select{width:100%;min-width:0}.preview-card{width:100%;max-width:30rem}.preview-card[data-format=post]{width:min(100%,30rem)}.sync-drawer{width:100%}.flow-topbar,.flow-body,.auth-body,.activities-header,.activities-list,.activities-footer{padding-inline:var(--screen-pad-mobile)}.auth-shell,.account-screen .flow-body{gap:var(--space-5)}.activity-stats{grid-template-columns:1fr}.launcher-grid,.launcher-list,.editor-stage-grid{gap:var(--space-4)}.activity-summary-actions{flex-direction:column;width:100%}.studio-view-selected .editor-shell{gap:var(--space-4)}.studio-view-selected .activity-summary{padding:0 var(--space-5);box-shadow:none;background:0 0;border:0}.studio-view-selected .activity-summary-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem}.studio-view-selected .story-stage{box-shadow:none;background:0 0;border:0;padding-inline:0}.studio-view-selected .studio-controls{padding-top:0;box-shadow:none;background:0 0;border:0;padding-inline:0}.studio-view-selected .controls-section{padding-inline:var(--space-5)}.studio-view-selected .story-actions{padding:0 var(--space-5) var(--space-5);background:linear-gradient(#f2eee600,#f2eee6f5 30%);position:sticky;bottom:0}.story-stage{grid-template-columns:2.2rem minmax(0,1fr) 2.2rem;gap:.35rem}}@media (width>=1040px){.phone-shell{background:0 0;width:100%;max-width:none;overflow:visible}.screen{padding-inline:var(--screen-pad-desktop)}.shell-header{padding-top:4.25rem}.app-view{padding-top:var(--space-7)}#studio-view.studio-view-connected{align-items:start;gap:var(--space-7);grid-template-columns:minmax(17rem,19rem) minmax(0,1fr);display:grid}.activity-browser{min-height:calc(100vh - 9rem);position:sticky;top:7.5rem}.editor-shell{gap:var(--space-4)}.story-stage{min-height:auto;padding:var(--space-4);box-shadow:none;background:#ffffff47;place-items:center}.editor-stage-grid{grid-template-columns:minmax(0,1fr) minmax(18rem,20.5rem);align-items:start}.preview-card{justify-self:center;width:min(100%,56.25vh - 5.48438rem)}.preview-card[data-format=post]{width:min(100%,80vh - 7.8rem)}.studio-controls{background:#ffffff9e}.studio-launcher,.studio-empty-state,.studio-placeholder{background:#ffffff8a;min-height:32rem}.template-name{text-align:left;margin-top:0}.template-carousel,.swatch-row{margin-inline:0;padding:0}.sync-drawer{width:min(32rem,100%)}.flow-topbar,.flow-body,.auth-body,.activities-header,.activities-list,.activities-footer,.auth-hero{padding-inline:var(--space-9)}.auth-shell,.account-screen .flow-body{gap:var(--space-6)}.activity-tile{padding:1.3rem}.activity-summary-actions{justify-content:flex-end}}