:root{--color-page-background:#f7f3ec;--color-surface:#fffdf8;--color-surface-strong:#fff;--color-heading:#151b1e;--color-body:#4f5a5f;--color-muted:#7c8588;--color-border:#dad2c7;--color-border-strong:#b9ac9d;--color-button:#151b1e;--color-button-text:#fff;--color-button-secondary:#e9f1ee;--color-start-upload-button:#1f8a4c;--color-start-upload-button-hover:#176c3b;--color-highlight:#ff7f63;--color-highlight-soft:#ffe2d9;--color-success:#2f7d5b;--color-warning:#a5621b;--color-error:#b3261e;--color-panel:#dce9f1;--shadow-panel:0 24px 80px #d8d0c6;--shadow-soft:0 16px 40px #e0d9cf}*{box-sizing:border-box}html{background:var(--color-page-background);min-height:100%}body{background:var(--color-page-background);min-height:100%;color:var(--color-body);font-family:var(--font-geist-sans), Arial, Helvetica, sans-serif;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.site-shell{background:linear-gradient(135deg, #ffece6, #e7f0f4 42%, #f7f3ec 100%), var(--color-page-background);grid-template-columns:minmax(360px,560px) minmax(360px,1fr);gap:24px;min-height:100vh;padding:24px;display:grid}.upload-card,.story-panel{min-height:calc(100vh - 48px);box-shadow:var(--shadow-panel);background:#fffdf8;border:1px solid #dad2c7}.upload-card{border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.story-panel{background:var(--color-panel);border-radius:8px;flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.brand-bar,.progress-steps,.details-panel,.workspace-panel,.sent-panel{padding-left:clamp(22px,4vw,44px);padding-right:clamp(22px,4vw,44px)}.brand-bar{justify-content:space-between;align-items:center;gap:16px;padding-top:24px;padding-bottom:18px;display:flex}.brand-actions{align-items:center;gap:12px;display:inline-flex}.brand-mark{color:var(--color-heading);align-items:center;gap:10px;font-size:1rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-dot{background:var(--color-highlight);width:14px;height:14px;box-shadow:0 0 0 6px var(--color-highlight-soft);border-radius:999px}.expiry-pill,.progress-step,.section-heading span,.summary-grid span,.file-row span,.share-note{color:var(--color-muted);font-size:.82rem}.expiry-pill{white-space:nowrap}.admin-login-link{border:1px solid var(--color-border);background:var(--color-button-secondary);min-height:34px;color:var(--color-heading);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;padding:0 12px;font-size:.82rem;font-weight:850;text-decoration:none;display:inline-flex}.progress-steps{grid-template-columns:repeat(3,1fr);gap:8px;padding-bottom:16px;display:grid}.progress-step{border-bottom:3px solid var(--color-border);min-height:36px;color:var(--color-muted);align-items:center;font-weight:700;display:flex}.progress-step-active{border-color:var(--color-highlight);color:var(--color-heading)}.details-panel,.workspace-panel,.sent-panel{flex-direction:column;flex:1;gap:18px;padding-top:22px;padding-bottom:30px;display:flex}.eyebrow{color:var(--color-highlight);letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:.76rem;font-weight:900}h1,h2{color:var(--color-heading);letter-spacing:0;margin:0}h1{max-width:11ch;font-size:clamp(2.35rem,5vw,4.6rem);line-height:.94}h2{font-size:1.05rem;line-height:1.22}.intro-copy,.guidance-card p,.sent-panel p{max-width:42rem;color:var(--color-body);margin:12px 0 0;font-size:1rem;line-height:1.55}.field-label{color:var(--color-heading);margin-bottom:-10px;font-size:.83rem;font-weight:800}.text-field{border:1px solid var(--color-border);background:var(--color-surface-strong);width:100%;min-height:50px;color:var(--color-heading);border-radius:8px;outline:none;padding:0 15px}.text-field:focus{border-color:var(--color-heading);box-shadow:0 0 0 4px #ffe2d9}.folder-builder{border:1px solid var(--color-border);background:#fff;border-radius:8px;gap:14px;padding:18px;display:grid}.section-heading,.workspace-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.suggestion-list,.folder-chip-list,.folder-tabs{flex-wrap:wrap;gap:8px;display:flex}.folder-group-label{color:var(--color-heading);text-transform:uppercase;margin:0;font-size:.78rem;font-weight:900}.current-folder-panel{background:#e4f7ea;border:1px solid #9fd7b4;border-radius:8px;gap:10px;padding:14px;display:grid}.current-folder-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.current-folder-header span{color:var(--color-muted);font-size:.82rem;font-weight:800}.suggestion-button,.folder-chip,.folder-tab,.ghost-button,.secondary-button,.primary-button,.icon-button{cursor:pointer;border:0;border-radius:8px;min-height:42px;font-weight:850}.suggestion-button,.folder-chip,.folder-tab{border:1px solid var(--color-border);background:var(--color-surface-strong);color:var(--color-heading);padding:0 12px}.folder-chip{align-items:center;gap:10px;display:inline-flex}.chip-remove{background:var(--color-highlight-soft);width:18px;height:18px;color:var(--color-error);border-radius:999px;place-items:center;font-size:.72rem;line-height:1;display:inline-grid}.custom-folder-row{grid-template-columns:1fr 48px;gap:8px;display:grid}.primary-button,.secondary-button,.ghost-button,.icon-button{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.primary-button{background:var(--color-button);color:var(--color-button-text);padding:0 22px}.start-upload-button{background:var(--color-start-upload-button)}:is(.start-upload-button:hover:not(:disabled),.start-upload-button:focus-visible:not(:disabled)){background:var(--color-start-upload-button-hover)}.primary-button:disabled{cursor:not-allowed;opacity:.46}.secondary-button{border:1px solid var(--color-border);background:var(--color-button-secondary);color:var(--color-heading);padding:0 16px}.ghost-button{color:var(--color-muted);background:0 0;padding:0 10px}.icon-button{background:var(--color-highlight);color:var(--color-heading);font-size:1.4rem}.form-message{border-radius:8px;margin:0;padding:12px 14px;font-size:.92rem}.form-message-error{color:var(--color-error);background:#fff0ee}.summary-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.summary-grid div{border:1px solid var(--color-border);background:#fff;border-radius:8px;align-content:center;gap:6px;min-height:78px;padding:12px;display:grid}.summary-grid strong{color:var(--color-heading);font-size:1.35rem}.folder-tab{align-items:center;gap:10px;display:inline-flex}.folder-tab small{background:var(--color-button-secondary);min-width:24px;height:24px;color:var(--color-heading);border-radius:999px;place-items:center;font-weight:900;display:inline-grid}.folder-tab-active{border-color:var(--color-heading);background:var(--color-heading);color:var(--color-button-text)}.folder-tab-active small{background:var(--color-highlight)}.drop-zone{border:2px dashed var(--color-border-strong);background:linear-gradient(180deg, #fff, #e9f1ee), var(--color-surface-strong);text-align:center;border-radius:8px;place-items:center;gap:10px;min-height:260px;padding:28px;display:grid}.drop-zone p{margin:0 0 4px}.drop-zone-icon,.success-mark{background:var(--color-highlight-soft);width:56px;height:56px;color:var(--color-heading);border-radius:999px;place-items:center;font-weight:950;display:grid}.file-input{display:none}.file-list{gap:10px;display:grid}.empty-state{border:1px solid var(--color-border);color:var(--color-muted);background:#fff;border-radius:8px;margin:0;padding:18px}.file-row{border:1px solid var(--color-border);background:var(--color-surface-strong);border-radius:8px;grid-template-columns:minmax(0,1.4fr) minmax(110px,.8fr) minmax(120px,.8fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.file-row strong,.file-row span{overflow-wrap:anywhere;display:block}.file-row strong{color:var(--color-heading);font-size:.92rem}.file-progress{background:var(--color-border);border:0;border-radius:999px;width:100%;height:10px;overflow:hidden}.file-progress::-webkit-progress-bar{background:var(--color-border)}.file-progress::-webkit-progress-value{background:var(--color-highlight);border-radius:999px}.file-progress::-moz-progress-bar{background:var(--color-highlight);border-radius:999px}.file-status{margin:0;font-size:.82rem;font-weight:800}.file-status-ready,.file-status-uploading,.file-status-done{color:var(--color-success)}.file-status-warning{color:var(--color-warning)}.file-status-error{color:var(--color-error)}.share-note{overflow-wrap:anywhere;margin:0}.submit-button{align-self:stretch}.sent-panel{justify-content:center;position:relative;overflow:hidden}.sent-panel>:not(.confetti-layer){z-index:1;position:relative}.sent-panel h1{max-width:12ch}.confetti-layer{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti-piece{background:var(--color-highlight);opacity:.96;border-radius:2px;width:9px;height:16px;animation:4.8s cubic-bezier(.18,.82,.32,1) forwards confetti-fall;position:absolute;top:-28px;left:50%}.confetti-piece:nth-child(8n+1){background:#ff7f63}.confetti-piece:nth-child(8n+2){background:#2f7d5b;width:12px;height:12px}.confetti-piece:nth-child(8n+3){background:#f7c948}.confetti-piece:nth-child(8n+4){background:#dce9f1;width:7px;height:18px}.confetti-piece:nth-child(8n+5){background:#9fd7b4}.confetti-piece:nth-child(8n+6){background:#ffe2d9;width:11px;height:11px}.confetti-piece:nth-child(8n+7){background:#bfd8e6;width:6px;height:20px}.confetti-piece:nth-child(8n){background:#f9a86f;width:13px;height:8px}.confetti-piece:nth-child(18n+1){animation-duration:3.8s;animation-delay:20ms;left:2%}.confetti-piece:nth-child(18n+2){animation-duration:5s;animation-delay:.24s;left:8%}.confetti-piece:nth-child(18n+3){animation-duration:4.3s;animation-delay:.5s;left:14%}.confetti-piece:nth-child(18n+4){animation-duration:5.2s;animation-delay:.12s;left:20%}.confetti-piece:nth-child(18n+5){animation-duration:4.5s;animation-delay:.66s;left:27%}.confetti-piece:nth-child(18n+6){animation-duration:5.4s;animation-delay:.34s;left:33%}.confetti-piece:nth-child(18n+7){animation-duration:4.1s;animation-delay:80ms;left:39%}.confetti-piece:nth-child(18n+8){animation-duration:5.5s;animation-delay:.74s;left:45%}.confetti-piece:nth-child(18n+9){animation-duration:4.8s;animation-delay:.18s;left:51%}.confetti-piece:nth-child(18n+10){animation-duration:5.7s;animation-delay:.58s;left:57%}.confetti-piece:nth-child(18n+11){animation-duration:4.4s;animation-delay:.28s;left:63%}.confetti-piece:nth-child(18n+12){animation-duration:5.1s;animation-delay:.86s;left:69%}.confetti-piece:nth-child(18n+13){animation-duration:4s;animation-delay:60ms;left:75%}.confetti-piece:nth-child(18n+14){animation-duration:5.8s;animation-delay:.42s;left:81%}.confetti-piece:nth-child(18n+15){animation-duration:4.7s;animation-delay:.72s;left:87%}.confetti-piece:nth-child(18n+16){animation-duration:5.3s;animation-delay:.2s;left:92%}.confetti-piece:nth-child(18n+17){animation-duration:4.6s;animation-delay:.94s;left:96%}.confetti-piece:nth-child(18n){animation-duration:5.6s;animation-delay:.36s;left:99%}.confetti-piece:nth-child(4n+1){transform:translateY(-30px)rotate(15deg)}.confetti-piece:nth-child(4n+2){transform:translateY(-30px)rotate(85deg)}.confetti-piece:nth-child(4n+3){transform:translateY(-30px)rotate(145deg)}.confetti-piece:nth-child(4n){transform:translateY(-30px)rotate(220deg)}.confetti-piece:nth-child(5n){animation-name:confetti-sweep}.confetti-piece:nth-child(7n){animation-name:confetti-zigzag}@keyframes confetti-fall{0%{opacity:0;transform:translateY(-40px)rotate(0)}10%{opacity:1}45%{transform:translate(38px,44vh)rotate(260deg)}to{opacity:0;transform:translate(-34px,110vh)rotate(620deg)}}@keyframes confetti-sweep{0%{opacity:0;transform:translate(-32px,-40px)rotate(0)}8%{opacity:1}48%{transform:translate(58px,46vh)rotate(330deg)}to{opacity:0;transform:translate(-62px,112vh)rotate(760deg)}}@keyframes confetti-zigzag{0%{opacity:0;transform:translate(34px,-44px)rotate(0)}10%{opacity:1}34%{transform:translate(-48px,34vh)rotate(240deg)}68%{transform:translate(42px,72vh)rotate(520deg)}to{opacity:0;transform:translate(-18px,114vh)rotate(840deg)}}@media (prefers-reduced-motion:reduce){.confetti-piece{display:none}}.preview-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.story-panel:after{display:none}.guidance-card{z-index:1;max-width:540px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf8;border:1px solid #fff;border-radius:8px;margin:0 32px 32px;padding:clamp(22px,4vw,34px);position:relative}.guidance-card h2{font-size:clamp(1.7rem,3vw,3.4rem);line-height:.98}.guidance-card ul{gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.guidance-card li{color:var(--color-heading);padding-left:22px;font-weight:750;position:relative}.guidance-card li:before{background:var(--color-highlight);content:"";border-radius:999px;width:8px;height:8px;position:absolute;top:.58em;left:0}.admin-shell{background:linear-gradient(135deg, #dce9f1, #f7f3ec 54%, #ffe2d9), var(--color-page-background);gap:24px;min-height:100vh;padding:24px;display:grid}.admin-header,.admin-hero,.package-card{box-shadow:var(--shadow-soft);background:#fffdf8;border:1px solid #dad2c7;border-radius:8px}.admin-header{justify-content:space-between;align-items:center;gap:16px;min-height:78px;padding:18px clamp(18px,4vw,36px);display:flex}.admin-header-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.admin-hero{grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:end;gap:28px;padding:clamp(24px,5vw,48px);display:grid}.admin-hero h1{max-width:12ch}.admin-code-form{gap:12px;display:grid}.package-list{gap:18px;display:grid}.package-card{gap:18px;padding:clamp(18px,4vw,32px);display:grid}.package-card-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.package-card-header p{margin:8px 0 0}.package-card-actions{justify-items:end;gap:10px;min-width:190px;display:grid}.admin-expiry-pill{border:1px solid var(--color-border);border-radius:999px;justify-content:center;align-items:center;min-height:34px;padding:0 14px;font-weight:850;display:inline-flex}.admin-expiry-pill-fresh{color:var(--color-success);background:#e9f8ee;border-color:#bfdcca}.admin-expiry-pill-warning{color:var(--color-warning);background:#fff4de;border-color:#e6cda8}.admin-expiry-pill-urgent{color:var(--color-error);background:#ffe9e6;border-color:#f0b7b3}.admin-folder-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.admin-folder{border:1px solid var(--color-border);background:#fff;border-radius:8px;align-content:start;gap:8px;min-height:120px;padding:14px;display:grid}.admin-folder h3,.admin-folder p{margin:0}.admin-folder h3{color:var(--color-heading);font-size:1rem}.admin-folder p{color:var(--color-muted)}.admin-file-link{background:var(--color-surface-strong);color:var(--color-heading);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.admin-file-link span,.admin-file-link small{overflow-wrap:anywhere}.admin-file-link small{color:var(--color-muted);font-weight:800}@media (max-width:1040px){.site-shell{grid-template-columns:1fr}.upload-card,.story-panel{min-height:auto}.story-panel{min-height:460px}}@media (max-width:680px){.site-shell{gap:12px;padding:12px}.brand-bar{flex-direction:column;align-items:flex-start;gap:12px;padding-top:20px;padding-bottom:12px}.brand-actions{justify-content:space-between;width:100%}h1{max-width:12ch;font-size:2.35rem;line-height:.98}.brand-bar,.progress-steps,.details-panel,.workspace-panel,.sent-panel{padding-left:18px;padding-right:18px}.details-panel,.workspace-panel,.sent-panel{gap:16px;padding-top:18px}.folder-builder{padding:14px}.custom-folder-row{grid-template-columns:1fr}.icon-button{width:100%}.summary-grid{grid-template-columns:repeat(2,1fr)}.workspace-header,.section-heading{flex-direction:column;align-items:stretch}.file-row{grid-template-columns:1fr}.story-panel{background:var(--color-surface);min-height:auto;display:grid}.story-panel:after{display:none}.preview-image{aspect-ratio:16/10;object-position:center;height:auto;display:block;position:relative;inset:auto}.guidance-card{border:0;border-top:1px solid var(--color-border);background:var(--color-surface);max-width:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;margin:0;padding:22px 20px 24px}.guidance-card h2{font-size:1.65rem;line-height:1.05}.guidance-card ul{gap:12px;margin-top:16px}.guidance-card li{font-weight:760;line-height:1.35}.admin-shell{padding:12px}.admin-header,.package-card-header{flex-direction:column;align-items:stretch}.package-card-actions{justify-items:stretch;min-width:0}.admin-header-actions{justify-content:stretch}.admin-header-actions .secondary-button{width:100%}.admin-hero,.admin-folder-list{grid-template-columns:1fr}}