/* v11: quiet, mobile-first creation tools in the existing purple/gold workspace. */
.create-save-state,.create-inline-status{font-size:13px!important;line-height:1.5!important;overflow-wrap:anywhere;color:#d9ccdF!important;margin:10px 0!important}
.create-save-state{display:flex;align-items:center;gap:8px;padding:9px 12px;background:#24172e;border-radius:12px;border:1px solid #654779}
.create-save-state::before{content:'';flex:0 0 6px;height:6px;border-radius:50%;background:#e8c461}
.create-save-state.is-error,[data-hub-save-state].is-error{color:#ffd1c9!important;background:#3e202c}
.create-recovery{margin:0 0 16px;border:1px solid #786139;background:#211724;border-radius:18px;overflow:hidden}
.create-recovery summary,.create-chapter-pick summary{padding:15px;font-weight:750;cursor:pointer;font-size:14px}
.create-recovery-row{padding:14px;display:grid;grid-template-columns:1fr auto;gap:9px;border-top:1px solid #443348}
.create-recovery-row>strong,.create-recovery-row>small,.create-recovery-row>p{grid-column:1/-1;overflow-wrap:anywhere}
.create-recovery-row strong{font-size:15px}.create-recovery-row small{font-size:12px;color:#c7b9d0}
.create-recovery button,.create-project-recovery button,.create-memory-tools button{min-height:44px;padding:10px 14px;border-radius:12px;border:1px solid #896631;color:#fff6df;background:#382342;font-weight:750;font-size:14px}
.create-text-button{background:transparent!important;border-color:transparent!important;font-size:12px!important;color:#d4c4df!important}
.create-recovered-context{font-size:13px!important;background:#382741;border-left:3px solid #ffc942;padding:12px;white-space:normal;line-height:1.5;overflow-wrap:anywhere}
.create-chapter-pick{border:1px solid #4c3a57;border-radius:14px;margin:14px 0;background:#201429}
.create-chapter-pick label{padding:0 14px 14px;display:grid;gap:7px;font-size:13px!important}
.create-chapter-pick select,.create-family-filters select,.create-memory-tools select{width:100%;min-width:0;max-width:100%;min-height:46px;font:inherit;font-size:16px;border:1px solid #685274;background:#201629;color:#fff7e4;border-radius:12px;padding:10px;box-sizing:border-box}
.gimme-quest__sheet .create-chapter-pick,.gimme-quest__sheet .create-chapter-pick[open]{background:#201429!important;color:#fff7e4!important;border:1px solid #5f486c!important;border-radius:14px!important;padding:0!important;margin:12px 0!important}
.gimme-quest__sheet .create-chapter-pick>summary{display:block!important;color:#f4deb0!important;background:transparent!important;font-size:13px!important;line-height:1.45!important;min-height:0!important;padding:13px!important;border:0!important;box-shadow:none!important}
.gimme-quest__sheet .create-chapter-pick>label{color:#d3c5db!important;background:transparent!important;font-size:12px!important;min-height:0!important;padding:0 13px 13px!important}
.gimme-quest__sheet .create-chapter-pick select{color:#fff7e4!important;background:#17101e!important;font-size:16px!important;min-height:46px!important;height:auto!important;padding:10px!important}
.create-filming{margin:0 0 24px;padding:18px;background:linear-gradient(145deg,#302037,#19111e);border:1px solid #634642;border-radius:20px}
.create-eyebrow{display:block;font-size:10px;letter-spacing:.12em;font-weight:850;color:#f3cd70}
.create-filming h3,.create-edit-pack h3{font-size:22px!important;line-height:1.2!important;color:#fff7e4!important;margin:8px 0!important;letter-spacing:-.025em}
.create-filming>p,.create-edit-pack>p{color:#d4c6dc!important;font-size:13px!important;line-height:1.5!important;margin:0 0 16px!important}
.create-shot-grid{display:grid;gap:10px}
.create-shot{display:grid;grid-template-columns:32px 1fr;gap:3px 12px;padding:14px;background:#100c16;border:1px solid #45324f;border-radius:16px;min-width:0}
.create-shot-number{grid-row:1/3;display:grid;place-items:center;align-self:start;width:30px;height:30px;background:#f2c450;color:#211309;border-radius:10px;font-weight:850}
.create-shot h4{font-size:17px;margin:0;color:#fff9e8}.create-shot p{font-size:12px!important;color:#c8b9d0!important;margin:3px 0 10px!important;line-height:1.5!important}
.create-shot-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.create-shot-actions button,.create-upload-row button{font:inherit;font-size:13px;font-weight:750;min-height:44px;border:1px solid #634770;border-radius:12px;padding:10px 12px;background:#35213f;color:#fff7df}
.create-shot-actions button:first-child{background:#f5c847;color:#211309;border-color:#ffe58f}
.create-shot-actions input[hidden]{display:none!important}
.create-upload-row{padding:14px;border:1px solid #88613e;border-radius:16px;margin-top:14px;overflow:hidden;background:#180f1f}
.create-upload-row strong{font-size:14px;overflow-wrap:anywhere}.create-upload-row video{display:block;width:100%;max-height:190px;object-fit:contain;background:#08070b;margin-top:12px;border-radius:12px}
.create-upload-row.is-complete{border-color:#668661}.create-upload-row.is-complete p{color:#c4e7bf!important}
.create-filming>.creator-hub__clip{margin-top:12px}.create-clip-preview{position:relative;display:block;width:100%;height:160px;background:#08060b;color:white;border-radius:14px;overflow:hidden;padding:0;font-size:14px!important}
.create-clip-preview video{width:100%;height:125px;object-fit:contain;display:block}
.create-edit-pack{background:linear-gradient(130deg,#312136,#18101f);padding:18px;border-radius:20px;border:1px solid #987244;margin-bottom:22px}
.create-primary{width:100%;min-height:52px;border:1px solid #ffe294;border-radius:14px;padding:12px 16px;background:linear-gradient(120deg,#ffda60,#ffc237);color:#25150a;font:inherit;font-size:15px;font-weight:850;box-shadow:0 4px 0 #4f315c}
.create-primary:disabled{opacity:.65;box-shadow:none}
.create-project-recovery{display:grid;gap:10px;padding:16px;background:#3b293c;border:1px solid #a47a41;border-radius:16px;margin-bottom:16px}.create-project-recovery strong{font-size:15px}
.creator-hub .creator-hub__save{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;padding:12px!important}
.creator-hub .creator-hub__save button{width:auto!important;min-height:44px!important;padding:10px 16px!important;margin:0!important;font-size:14px!important}
.creator-hub .creator-hub__save span{font-size:12px!important;line-height:1.4!important}
.create-family-filters{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin-top:12px}
.create-family-filters>label:first-child{display:grid;gap:6px;font-size:12px;font-weight:700}
.create-favorite-filter{display:flex;align-items:center;gap:7px;min-height:46px;font-size:13px;font-weight:800;padding:0 11px;border:1px solid #715235;border-radius:12px;color:#f8d67c;background:#251b22}
.create-favorite-filter input{width:17px!important;height:17px!important;min-width:0!important;min-height:0!important;padding:0!important;accent-color:#ffc941;margin:0!important}
.create-memory-tools{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0 0 18px;padding-bottom:16px;border-bottom:1px solid #49364e}
.create-memory-tools select,.create-memory-tools small{grid-column:1/-1}.create-memory-tools button[aria-pressed="true"]{color:#1b1007;background:#f4ca5b}
.family-reader{position:fixed;inset:0;width:calc(100% - 24px);max-width:700px;height:min(88dvh,900px);max-height:calc(100dvh - 24px);padding:0;margin:auto;border:1px solid #876746;border-radius:22px;background:#160e1e;color:#fff7e5;overflow:hidden;box-shadow:0 24px 90px #000b}
.family-reader[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.family-reader::backdrop{background:#09050de6}
.family-reader>header,.family-reader>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:#25172e;border-bottom:1px solid #4c3854}
.family-reader>header strong{font-size:16px}.family-reader button{min-height:44px;padding:10px 13px;border:1px solid #775781;border-radius:12px;background:#382340;color:#fff4da;font:inherit;font-size:13px;font-weight:750}
.family-reader .family-reader-close{width:44px;font-size:22px}.family-reader button:disabled{opacity:.35}
.family-reader>footer{border-top:1px solid #4c3854;border-bottom:0;padding-bottom:max(14px,env(safe-area-inset-bottom))}.family-reader>footer span{font-size:12px;white-space:nowrap}
.family-reader-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:24px}.family-reader-body .legacy-memory-content{padding:0;background:none;border:0;display:grid;gap:15px}
.family-reader-body p,.family-reader-body .gimme-quest__raw{font-size:18px!important;line-height:1.75!important;white-space:pre-wrap;overflow-wrap:anywhere}.family-reader-body small{color:#e3c582;font-size:14px;line-height:1.6}
.family-reader-body video,.family-reader-body img,.family-reader-body audio{max-width:100%;width:100%;object-fit:contain}.family-reader-body video{max-height:45dvh}.family-reader-body header{display:flex;justify-content:space-between;gap:12px}.family-reader-body time{font-size:12px;color:#bdaaC7}
@media(max-width:380px){.create-family-filters{grid-template-columns:1fr}.create-favorite-filter{justify-content:center}.create-filming,.create-edit-pack{padding:14px}.create-shot{padding:12px;gap:3px 9px}.family-reader-body{padding:18px}.family-reader{width:calc(100% - 12px)}}
@media(min-width:850px){.create-shot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.create-shot{grid-template-columns:1fr}.create-shot-number{grid-row:auto}.create-shot-actions{grid-template-columns:1fr}.create-filming{padding:24px}}
@media(prefers-reduced-motion:reduce){.family-reader,.create-filming *{scroll-behavior:auto;transition:none!important}}
