.story-composer{max-width:640px;margin-inline:auto;padding:clamp(12px,3vw,24px)}.composer-heading{display:flex;align-items:center;justify-content:space-between}.composer-heading a{font-size:2rem;padding:8px;text-decoration:none}.story-composer .story-stage{width:min(100%,360px);max-height:62svh;margin:12px auto;isolation:isolate}.story-composer #camera-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#081828;z-index:1}.story-composer #editor-caption,.story-composer #editor-layers{z-index:2;position:absolute}.story-composer #editor-layers{inset:0;pointer-events:none}.story-composer .story-layer{pointer-events:auto;touch-action:none}.composer-tools{display:flex;justify-content:center;gap:10px;align-items:center;flex-wrap:wrap}.composer-tools button,.composer-file{min-height:44px}.composer-file{position:relative;display:grid;place-items:center;border:1px solid currentColor;border-radius:16px;padding:10px 18px;cursor:pointer;overflow:hidden}.composer-file input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}#camera-photo{border-radius:50%;width:64px;height:64px;background:#fff;color:#147fdd;border:5px solid #78c8ff;font-size:32px;line-height:1}.story-composer details{margin-block:16px;padding:12px;border:1px solid #749fbd55;border-radius:16px}.story-composer summary{cursor:pointer;min-height:36px}.story-composer #camera-status{min-height:3em}.analytics-table{overflow:auto}.analytics-table table{width:100%;border-collapse:collapse}.analytics-table th,.analytics-table td{padding:12px;text-align:start;border-bottom:1px solid #749fbd55}@media(max-width:600px){.story-composer{padding-bottom:max(20px,env(safe-area-inset-bottom))}.composer-tools{position:sticky;bottom:0;background:var(--bg,#0b2031);padding:10px;border-radius:16px;z-index:3}}[data-theme=light] .composer-tools{background:#f0f7ff}