:root{
  --bg:#f7f4ee;--paper:#fffdf8;--panel:#fff;--ink:#222;--muted:#5f5a53;
  --border:#d8d2c8;--accent:#425c45;--accent-soft:#e4ecdf;--gold:#fff3b8;
  --blue:#dbe7f3;--rose:#f4ded8;--shadow:0 14px 34px rgba(0,0,0,.08);
  --atelier-green-wash:#f3f7f1;--seekers-blue-wash:#f3f7fb;--atelier-gold-wash:#fff5dc;
  --radius:20px;--serif:Georgia,"Times New Roman",serif;--sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{background:var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.35;overflow:auto}
button,input,textarea,select{font:inherit}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.app{min-height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr)}
header{position:relative;z-index:50;background:rgba(255,253,248,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:.75rem 1rem;display:flex;gap:1rem;align-items:flex-end;justify-content:space-between}
h1{font-family:var(--serif);font-size:clamp(2.1rem,4vw,3.75rem);line-height:.95;margin:0}
.titleRow,.workspaceTitleRow{display:flex;align-items:center;gap:.5rem}
.tagline{margin:.25rem 0 0;color:var(--muted);max-width:72ch;font-size:.92rem}
.header-meta{text-align:right;color:var(--muted);font-size:.86rem;white-space:nowrap}
.headerActions{display:inline-flex;gap:.3rem;justify-content:flex-end;align-items:center}
.headerActions .btn{font-size:.64rem}
.cloudStatus{display:inline-flex;align-items:center;gap:.35rem;color:var(--muted);font-size:.78rem}
.offlineSyncSummary,.offlinePendingCount{display:inline-block;margin-top:.25rem;color:var(--muted);font-size:.72rem;font-weight:800}
.offlineSyncSummary[data-sync-state="offline"],.offlineSyncSummary[data-sync-state="pending"]{color:#8a5b00}
.offlineSyncSummary[data-sync-state="conflict"]{color:#9f2f24}
.offlineSyncSummary[data-sync-state="synced"]{color:var(--green)}
.offlinePendingCount{margin-left:.35rem}
.offlineChildReceipts{position:relative;display:block;margin:.25rem 0 .15rem;white-space:normal}
.offlineChildReceipts[hidden]{display:none}
.offlineChildReceipts>summary{display:inline-flex;cursor:pointer;color:var(--accent);font-size:.68rem;font-weight:850;list-style:none}
.offlineChildReceipts>summary::-webkit-details-marker{display:none}
.offlineChildReceiptsList{position:absolute;right:0;z-index:80;display:grid;gap:.35rem;width:min(360px,86vw);margin-top:.35rem;padding:.55rem;border:1px solid var(--border);border-radius:10px;background:#fffdf8;box-shadow:var(--shadow);text-align:left}
.offlineChildReceipt{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.42rem .5rem;border:1px solid var(--border);border-radius:8px;background:var(--paper)}
.offlineChildReceipt span{display:grid;min-width:0}.offlineChildReceipt strong{overflow:hidden;text-overflow:ellipsis;color:var(--ink);font-size:.7rem}.offlineChildReceipt small{color:var(--muted);font-size:.58rem;text-transform:capitalize}.offlineChildReceipt b{flex:0 0 auto;color:var(--green);font-size:.62rem}
.offlineChildReceipt[data-child-reconnect-status="waiting"] b{color:#8a5b00}.offlineChildReceipt[data-child-reconnect-status="needs_attention"] b,.offlineChildReceipt[data-child-reconnect-status="needs_choice"] b{color:#9f2f24}
.preparedWorkspacePanel{display:grid;gap:.55rem;padding:.6rem;border:1px solid var(--accent);border-radius:10px;background:var(--accent-soft)}
.preparedWorkspaceHead{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.preparedWorkspaceHead span{display:grid;gap:.12rem;min-width:0}.preparedWorkspaceHead strong{color:var(--ink);font-size:.76rem}.preparedWorkspaceHead small{color:var(--muted);font-size:.62rem}.preparedWorkspaceHead b{flex:0 0 auto;color:var(--accent);font-size:.62rem}
.preparedWorkspacePanel[data-prepared-workspace-status="needs_attention"]{border-color:#b84a3c;background:var(--rose)}.preparedWorkspacePanel[data-prepared-workspace-status="needs_attention"] .preparedWorkspaceHead b{color:#9f2f24}.preparedWorkspacePanel[data-prepared-workspace-status="ready_with_optional_limits"] .preparedWorkspaceHead b{color:#8a5b00}
.preparedWorkspaceLabel{display:grid;gap:.2rem;color:var(--muted);font-size:.62rem;font-weight:800}.preparedWorkspaceLabel input{min-width:0;padding:.32rem .42rem;border:1px solid var(--border);border-radius:7px;background:var(--paper);color:var(--ink)}
.preparedWorkspaceChoices{display:grid;gap:.3rem}.preparedWorkspaceChoices>p{margin:.1rem 0;color:var(--muted);font-size:.64rem}.preparedWorkspaceChoice{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.45rem;padding:.38rem .42rem;border:1px solid var(--border);border-radius:8px;background:var(--paper)}.preparedWorkspaceChoice label{display:flex;align-items:flex-start;gap:.35rem;min-width:0}.preparedWorkspaceChoice label span{display:grid;min-width:0}.preparedWorkspaceChoice strong{overflow:hidden;text-overflow:ellipsis;color:var(--ink);font-size:.66rem}.preparedWorkspaceChoice small{color:var(--muted);font-size:.58rem}.preparedWorkspaceChoice select{max-width:6.2rem;padding:.22rem;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--ink);font-size:.6rem}
.preparedWorkspaceBoundary{color:var(--muted);font-size:.59rem}.preparedWorkspaceActions{display:flex;flex-wrap:wrap;gap:.3rem}.preparedWorkspaceActions .btn{font-size:.61rem}
.cloudDot{width:.6rem;height:.6rem;border-radius:999px;background:#c9c1b6;display:inline-block}
.cloudDot.ok{background:#4b7a50}.cloudDot.warn{background:#bd8b2c}.cloudDot.bad{background:#b84a3c}
main{min-height:0;padding:.85rem;display:grid;gap:.75rem;grid-template-rows:auto auto auto auto;align-content:start}
.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;min-width:0}
.calendar-panel,.thisMonthPanel,.homeStudioPanel,.writingStudioPanel,.presentationStudioPanel,.taskBoardPanel{border-radius:0}
.panel.compact .panel-body{padding:.65rem}
.panel-head{padding:.65rem .8rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:1rem;align-items:baseline}
.panel-head h2{margin:0;font-family:var(--serif);font-size:1.15rem}
.studioPanelHead h2{font-size:1.5rem}
.homeStudioPanel>.studioPanelHead{padding:.85rem .8rem .78rem}
.homeStudioPanel>.studioPanelHead h2{color:#1f2a21;font-size:1.7rem;line-height:1;font-weight:750;letter-spacing:-.015em}
.panel-head p{margin:0;color:var(--muted);font-size:.8rem}
.boardTitleRow{display:flex;align-items:baseline;gap:.55rem;flex-wrap:wrap}
.studioPanelHead .btn{font-size:.64rem}
.textLink{border:0;background:transparent;color:var(--accent);font-size:.75rem;font-weight:850;padding:0;cursor:pointer}
.textLink:hover{text-decoration:underline}
.panel-body{padding:.8rem}
.kanban-panel{min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr)}
.writingStudioPanel{background:var(--seekers-blue-wash)}
.writingStudioPanel.is-collapsed{min-height:0;grid-template-rows:auto}
.writingStudioPanel.is-collapsed>.inlineForm,.writingStudioPanel.is-collapsed>.notice,.writingStudioPanel.is-collapsed>.panel-body{display:none}
.homeStudioPanel{min-height:0}
.startHomePanel,.ideaLabHomePanel,.presentationStudioPanel{background:var(--seekers-blue-wash)}
.taskBoardPanel{background:var(--seekers-blue-wash);display:grid;grid-template-rows:auto auto auto minmax(0,1fr)}
.startHomeLayout,.ideaLabHomeLayout{display:grid;gap:.8rem;align-items:start}
.homeDoorwayGrid{display:grid;gap:.55rem;align-items:stretch}
.startDoorways{grid-template-columns:repeat(4,minmax(0,1fr))}
.ideaLabDoorways{grid-template-columns:repeat(3,minmax(0,1fr))}
.writingStudioDoorways{grid-template-columns:repeat(5,minmax(0,1fr))}
.presentationStudioDoorways{grid-template-columns:repeat(2,minmax(0,1fr))}
.homeDoorway{min-width:0;min-height:74px;border:1px solid var(--border);border-radius:10px;background:#fffdf8;color:var(--ink);padding:.65rem .7rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.16rem;text-align:left;text-decoration:none;cursor:pointer}
button.homeDoorway:hover,button.homeDoorway:focus-visible{border-color:var(--accent);background:#fff;box-shadow:0 7px 18px rgba(0,0,0,.06)}
.homeDoorway.homeDoorwayAccent,.homeDoorway.homeDoorwayAccent:hover,.homeDoorway.homeDoorwayAccent:focus-visible{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 7px 18px rgba(66,92,69,.2)}
.homeDoorway.homeDoorwayAccent>span:not(.splitDoorwayActions){color:rgba(255,255,255,.82)}
.homeDoorway strong{font-family:var(--serif);font-size:1rem;line-height:1.12}
.homeDoorway>span:not(.splitDoorwayActions){color:var(--muted);font-size:.68rem;line-height:1.2}
.homeDoorwayWithHint{position:relative}
.homeDoorwayWithHint strong{transition:transform .16s ease}
.homeDoorwayWithHint>.homeDoorwayHint{position:absolute;left:.7rem;right:.7rem;bottom:.5rem;opacity:0;transform:translateY(3px);transition:opacity .16s ease,transform .16s ease;pointer-events:none}
.homeDoorwayWithHint:hover strong,.homeDoorwayWithHint:focus-visible strong{transform:translateY(-.45rem)}
.homeDoorwayWithHint:hover>.homeDoorwayHint,.homeDoorwayWithHint:focus-visible>.homeDoorwayHint{opacity:1;transform:translateY(0)}
.homeDisclosureDoorway{position:relative}
.homeDoorway>.homeDisclosureGlyph{position:absolute;right:.7rem;top:50%;transform:translateY(-50%);font-size:1rem;font-weight:900}
.homeSplitDoorway{cursor:default;padding:.45rem .55rem}
.splitDoorwayActions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:.25rem;margin-top:.12rem}
.splitDoorwayActions button{min-width:0;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--accent);padding:.24rem .3rem;font-size:.6rem;font-weight:850;cursor:pointer}
.splitDoorwayActions button:hover,.splitDoorwayActions button:focus-visible{border-color:var(--accent);background:var(--accent-soft)}
.unifiedBacklog{min-width:0;display:grid;gap:.4rem}
.unifiedBacklog.is-collapsed{display:none}
#unifiedBacklog{min-height:0;border:0;background:transparent;padding:0}
.homeSectionLabel{min-height:1.6rem;display:flex;align-items:baseline;justify-content:space-between;gap:.55rem}
.homeSectionLabel h3{margin:0;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}
.homeSectionLabel span{color:var(--muted);font-size:.64rem;font-weight:800}
.createHomePanel{background:var(--seekers-blue-wash)}
.createDoorways{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}
.createDoorway{min-height:74px}
.createDoorway:hover,.createDoorway:focus-visible{border-color:var(--accent);background:#fff;box-shadow:0 9px 22px rgba(0,0,0,.07)}
.createDoorway>strong{font-family:var(--serif);font-size:1rem;line-height:1.12}
.createDoorway.is-placeholder{background:rgba(255,255,255,.58);cursor:default;opacity:.72}
.createDoorway.is-placeholder:hover{border-color:var(--border);box-shadow:none}
.homeCardDrop{min-height:116px;border:1px dashed var(--border);border-radius:10px;background:rgba(255,255,255,.62);padding:.42rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.42rem;align-content:start}
.homeCardDrop.is-dragover{outline:3px solid var(--accent);outline-offset:-3px;background:var(--accent-soft)}
.homeCardDrop .card{min-height:5.6rem;margin:0}
.homeCardDrop .emptyLane{margin:0;grid-column:1/-1}
.taskBoard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;align-items:start}
.taskBoardLane{min-width:0;display:grid;grid-template-rows:auto minmax(116px,auto);gap:.32rem}
.taskBoardLane .homeCardDrop{grid-template-columns:1fr;min-height:140px}
.taskLaneAction{font-size:.6rem;padding:.2rem .42rem}
@media(max-width:1050px){.startDoorways,.ideaLabDoorways,.writingStudioDoorways,.presentationStudioDoorways{grid-template-columns:repeat(3,minmax(0,1fr))}.taskBoard{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.startDoorways,.ideaLabDoorways,.writingStudioDoorways,.presentationStudioDoorways,.taskBoard{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){.startDoorways,.ideaLabDoorways,.writingStudioDoorways,.presentationStudioDoorways,.taskBoard{grid-template-columns:1fr}.homeDoorway{min-height:60px}}
@media(max-width:620px){.createDoorways{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.homeDoorwayWithHint strong,.homeDoorwayWithHint>.homeDoorwayHint{transition:none}}
.workspace{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);gap:.6rem;overflow:auto;-webkit-overflow-scrolling:touch}
.workflowBoard{min-height:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.6rem}
.boardColumn{background:#fbfaf7;border:1px solid var(--border);border-radius:18px;overflow:hidden;min-width:0}
.boardColumn:not([open]){align-self:start;max-height:42px}
.boardColumn summary{cursor:pointer;list-style:none;padding:.55rem .65rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-weight:850}
.boardColumn summary::-webkit-details-marker{display:none}
.boardColumn summary span{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.boardDoorwayLink{border:0;background:transparent;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:850;padding:0;text-align:left;cursor:pointer}
.boardDoorwayLink:hover{color:var(--accent);text-decoration:underline}
.boardDoorwayLink:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:3px}
.stageProjectPicker{position:fixed;left:var(--stage-picker-left,1rem);top:var(--stage-picker-top,4rem);z-index:500;width:var(--stage-picker-width,min(340px,calc(100vw - 2rem)));max-height:min(480px,calc(100dvh - var(--stage-picker-top,4rem) - 1rem));overflow:auto;border:1px solid var(--border);border-radius:14px;background:var(--paper);box-shadow:0 18px 48px rgba(0,0,0,.2);padding:.7rem}
.stageProjectPicker[hidden]{display:none}
.stagePickerHead{display:flex;justify-content:space-between;align-items:flex-start;gap:.7rem;padding:.1rem .1rem .55rem;border-bottom:1px solid var(--border)}
.stagePickerHead span{display:block;color:var(--muted);font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.stagePickerHead h3{margin:.08rem 0 0;font-family:var(--serif);font-size:1rem}
.stagePickerClose{border:0;background:transparent;color:var(--muted);font:inherit;font-size:1.2rem;line-height:1;cursor:pointer}
.stagePickerList{display:grid;gap:.3rem;padding-top:.55rem}
.stagePickerOption{width:100%;border:1px solid var(--border);border-radius:9px;background:#fff;color:var(--ink);padding:.5rem .55rem;text-align:left;cursor:pointer}
.stagePickerOption strong,.stagePickerOption span{display:block}
.stagePickerOption span{margin-top:.08rem;color:var(--muted);font-size:.68rem}
.stagePickerOption:hover,.stagePickerOption:focus-visible{border-color:var(--accent);background:var(--accent-soft);outline:0}
.stagePickerCreate{border-style:dashed;color:var(--accent)}
.stagePickerEmpty{margin:0;padding:.55rem;color:var(--muted);font-size:.78rem}
.boardColumn summary:after{content:"+";color:var(--muted);font-weight:900}
.boardColumn[open] summary:after{content:"-"}
.columnDrop{padding:.5rem;border-top:1px solid var(--border);display:grid;gap:.45rem;align-content:start;min-height:170px;max-height:100%;overflow:auto}
.workspace>.boardColumn .columnDrop,.productionQueueColumn .columnDrop{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.lane{background:#fbfaf7;border:1px solid var(--border);border-radius:18px;min-height:0;padding:.5rem;overflow:auto}
.lane.is-dragover,.columnDrop.is-dragover,.productionLane.is-dragover{outline:3px solid var(--accent);outline-offset:-3px;background:var(--accent-soft)}
.lane h3{margin:.05rem 0 .55rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);position:sticky;top:0;background:#fbfaf7;padding-bottom:.25rem;z-index:1}
.card{background:#fff;border:1px solid var(--border);border-radius:8px;padding:.52rem;margin-bottom:.45rem}
.card[data-card-id]{min-height:6.4rem;display:grid;grid-template-rows:auto minmax(.35rem,1fr) auto}
.backlogDrop .card{margin-bottom:0}
.cardTop{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.45rem}
.card h4{min-width:0;margin:0 0 .2rem;font-size:.92rem;line-height:1.22;overflow-wrap:anywhere}.card p{margin:.2rem 0;color:var(--muted);font-size:.78rem}
.card[data-card-id] h4{margin:0;white-space:normal}
.cardBody{min-width:0;min-height:.35rem;align-self:stretch}
.cardFooter{min-width:0;min-height:1rem;margin-top:.35rem;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.45rem}
.cardFooterLeft{min-width:0;justify-self:start}
.cardFooterRight{min-width:0;justify-self:end}
.card .deadline,.card .statusBadge{display:inline-block;margin-top:.3rem;border-radius:999px;padding:.12rem .4rem;font-size:.68rem;font-weight:850}
.card .deadline{background:var(--accent-soft);color:var(--accent)}
.cardFooter .deadline{margin-top:0}
.card .urgent{background:var(--rose);color:#7a3428}
.card .statusBadge{background:var(--accent-soft);color:var(--accent)}
.systemCard{background:#fffdf8;border-style:dashed}
.systemCard h4{color:var(--accent)}
.beginIdeaTitleButton{justify-self:start;margin:0 0 .2rem;font-size:.78rem}
.cardInlineActions{display:flex;gap:.3rem;flex-wrap:wrap;margin-top:.45rem}
.cardInlineActions .btn{font-size:.68rem;padding:.24rem .42rem}
.cardExploreAction{border:0;background:transparent;color:var(--accent);padding:.05rem 0;font:inherit;font-size:.66rem;font-weight:800;line-height:1.2;cursor:pointer}
.cardExploreAction:hover,.cardExploreAction:focus-visible{text-decoration:underline;text-underline-offset:2px;outline:0}
.cardMenu{position:relative;justify-self:end;align-self:start}
.cardMenuTrigger{width:.9rem;height:.9rem;border:0;background:transparent;color:var(--muted);padding:0;cursor:pointer;line-height:1;display:inline-flex;align-items:center;justify-content:center}
.cardMenuTrigger:hover,.cardMenuTrigger:focus-visible{color:var(--accent);outline:0}
.cardMenuChevron{display:block;width:.38rem;height:.38rem;border-right:1.25px solid currentColor;border-bottom:1.25px solid currentColor;transform:translateY(-.08rem) rotate(45deg)}
.cardMenuList{position:fixed;left:var(--menu-left,0);top:var(--menu-top,0);z-index:200;min-width:155px;max-height:min(330px,calc(100dvh - 1rem));overflow:auto;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);padding:.3rem;display:grid;gap:.12rem}
.cardMenuList[hidden]{display:none}
.cardMenuList button,.cardMenuList a{border:0;background:transparent;color:var(--ink);border-radius:6px;text-align:left;padding:.32rem .4rem;font-size:.74rem;font-weight:750;text-decoration:none;cursor:pointer}
.cardMenuList button:hover,.cardMenuList a:hover{background:#f3efe7}
.cardMenuList .dangerText{color:#8b2b24}
.actions{display:flex;gap:.28rem;flex-wrap:wrap;margin-top:.45rem}
.btn{border:1px solid var(--border);background:#fff;color:var(--ink);border-radius:999px;padding:.28rem .46rem;font-weight:800;cursor:pointer;font-size:.72rem;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
#studioPage .btn{font-size:.66rem}
.btn.builderMyStudioLink{font-size:.58rem;padding:.18rem .38rem}
.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.danger{color:#8b2b24;border-color:#d9aaa3;background:#fff9f8}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.projectToolbar{display:flex;gap:.35rem;flex-wrap:wrap;align-items:center}
.inlineForm{display:none;grid-template-columns:repeat(6,minmax(120px,1fr));gap:.45rem;align-items:end;padding:.7rem .8rem;border-bottom:1px solid var(--border);background:#fbfaf7}
.inlineForm.is-open{display:grid}
.inlineForm label{display:grid;gap:.15rem;color:var(--muted);font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.inlineForm input,.inlineForm select,.inlineForm textarea{width:100%;border:1px solid var(--border);border-radius:10px;background:#fff;padding:.42rem .5rem;font-size:.78rem}
.inlineForm textarea{min-height:44px;resize:vertical}
.inlineForm .wide{grid-column:span 2}
.calendarEventForm{grid-template-columns:minmax(180px,1.2fr) minmax(150px,.8fr) minmax(140px,.7fr) minmax(220px,1.4fr) auto}
.emptyLane{color:var(--muted);font-size:.78rem;border:1px dashed var(--border);border-radius:14px;padding:.7rem;background:#fffdf8}
.notice{display:none}
.calendar-panel{min-height:0;display:grid;grid-template-rows:auto auto auto;background:var(--seekers-blue-wash)}
.calendar-panel .panel-body{min-height:0;overflow:visible}
.calendar-panel.is-collapsed{grid-template-rows:auto}
.calendar-panel.is-collapsed .calendarEventForm,.calendar-panel.is-collapsed .panel-body{display:none}
.calendarPanelHead{align-items:center;flex-wrap:wrap}
.calendarPanelControls{display:flex;align-items:center;justify-content:flex-start;gap:.45rem;flex-wrap:wrap}
.calendarPanelControls>span{color:var(--muted);font-size:.75rem;font-weight:800}
.calendarPanelActions{display:flex;align-items:center;justify-content:flex-end;gap:.45rem;flex-wrap:wrap}
.calendarViewSelector,.calendarPeriodNav{display:inline-flex;align-items:center;gap:.2rem}
.calendarPeriodButton{width:1.65rem;height:1.65rem;padding:0;font-size:.95rem;line-height:1}
.calendarTodayButton{font-size:.82rem}
.panelDisclosureButton{width:1.45rem;height:1.45rem;border:0;background:transparent;color:var(--muted);padding:0;font:inherit;font-size:1rem;font-weight:900;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.panelDisclosureButton:hover,.panelDisclosureButton:focus-visible{color:var(--accent);outline:0}
.calendarViewSelector{padding:.18rem;border:1px solid var(--border);border-radius:999px;background:#f7f4ee}
.calendarViewSelector .btn{border-color:transparent;background:transparent}
.calendarViewSelector .btn.is-active{border-color:var(--accent);background:var(--accent);color:#fff}
.calendar{height:auto;min-height:0;gap:.45rem;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}
.calendar-14{display:grid;grid-template-columns:repeat(14,minmax(72px,1fr))}
.cal-day{min-height:118px;border:1px solid var(--border);background:#fff;border-radius:14px;padding:.48rem}
.cal-day.has-event{background:var(--accent-soft);border-color:#b8c9b3}
.cal-day.is-today,.calendarMonthDay.is-today{box-shadow:inset 0 0 0 3px var(--accent)}
.cal-date{display:flex;align-items:baseline;justify-content:space-between;color:var(--muted);font-size:.72rem}
.cal-date strong{color:var(--ink);font-size:1rem}
.cal-events{display:grid;align-content:start;gap:.18rem}
.calendarEntryName{width:100%;min-width:0;border:0;background:transparent;color:var(--ink);padding:.22rem 0 0;text-align:left;cursor:pointer;font:inherit;font-size:.72rem;font-weight:400;line-height:1.2;overflow:hidden;text-overflow:ellipsis}
.calendarEntryName:hover,.calendarEntryName:focus-visible{color:var(--accent);text-decoration:underline;text-underline-offset:2px;outline:0}
.calendar-month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:minmax(92px,1fr);align-content:stretch}
.calendarWeekday{align-self:end;padding:.05rem .35rem;color:var(--muted);font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.calendarMonthDay{min-width:0;border:1px solid var(--border);border-radius:9px;background:#fff;padding:.38rem;display:grid;grid-template-rows:auto minmax(0,1fr);gap:.2rem;align-content:start;overflow:hidden;cursor:pointer}
.calendarMonthDay:hover,.calendarMonthDay:focus-visible{border-color:var(--accent);background:#fbfff8;outline:0}
.calendarMonthDay.is-outside{background:#f5f2ec;color:var(--muted)}
.calendarMonthDay.has-event{border-color:#b8c9b3;background:var(--accent-soft)}
.calendarMonthDate{font-size:.72rem;font-weight:900}
.calendarMonthEvents{min-height:0;display:grid;align-content:start;gap:.18rem;overflow:hidden}
.calendarMonthDay.is-expanded .calendarMonthEvents{overflow:auto;-webkit-overflow-scrolling:touch}
.calendarCompactEntry,.calendarMoreEvents{width:100%;min-width:0;border:0;border-radius:5px;background:transparent;color:var(--ink);padding:.2rem .28rem;text-align:left;cursor:pointer;font-size:.66rem;font-weight:400;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.calendarMoreEvents{background:transparent;color:var(--muted)}
.calendar-year{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));grid-auto-rows:min-content;align-content:start;gap:.55rem}
.calendarMiniMonth{min-width:0;border:1px solid var(--border);border-radius:9px;background:#fff;padding:.45rem}
.calendarMiniMonthTitle{width:100%;border:0;background:transparent;color:var(--ink);padding:.05rem .1rem .35rem;text-align:left;font-family:var(--serif);font-size:.9rem;font-weight:900;cursor:pointer}
.calendarMiniMonthTitle:hover{color:var(--accent)}
.calendarMiniGrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.08rem}
.calendarMiniWeekday{color:var(--muted);font-size:.52rem;font-weight:900;text-align:center}
.calendarMiniBlank{min-height:1.25rem}
.calendarMiniDay{min-width:0;min-height:1.25rem;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--ink);padding:0;font-size:.58rem;cursor:pointer}
.calendarMiniDay:hover{border-color:var(--accent)}
.calendarMiniDay.has-event{background:var(--accent-soft);border-color:#b8c9b3;font-weight:850}
.calendarMiniDay.is-today{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
main:has(.calendar-panel[data-calendar-view="month"]){grid-template-rows:auto auto auto auto}
main:has(.calendar-panel[data-calendar-view="year"]){grid-template-rows:auto auto auto auto}
.visuallyHidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.thisMonthPanel{min-height:0;background:var(--seekers-blue-wash)}
.thisMonthPanel.is-collapsed .monthlyTopics,.thisMonthPanel.is-collapsed .monthlyExperiment{display:none}
.thisMonthBody{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,1fr);padding:.55rem .85rem .65rem}
.thisMonthInlineControls{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:.55rem;min-height:1.75rem;padding:0 0 .25rem}
.thisMonthInlineControls>span:first-child{color:var(--muted);font-size:.75rem;font-weight:800}
.thisMonthControlActions{display:flex;align-items:center;gap:.45rem}
.monthlyTopics{display:grid;padding-right:1.25rem}
.monthlyTopicRow{min-width:0;min-height:2.15rem;display:grid;grid-template-columns:minmax(150px,1fr) auto;align-items:center;gap:.75rem;border-bottom:1px solid rgba(216,210,200,.72)}
.monthlyTopicRow:last-child{border-bottom:0}
.monthlyTopicLink{width:max-content;max-width:100%;border:0;background:transparent;color:var(--accent);padding:.15rem 0;text-align:left;font-family:var(--serif);font-size:.92rem;font-weight:800;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;cursor:pointer}
.monthlyTopicLink:hover{text-decoration-thickness:2px}
.monthlyTopicLabelInput,.monthlyExperimentNameInput{width:100%;min-width:0;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--accent);padding:.32rem .42rem;font-family:var(--serif)}
.monthlyTopicLabelInput{font-size:.92rem;font-weight:800}
.monthlyExperimentNameInput{margin:.15rem 0 .35rem;font-size:1rem;font-style:italic}
.orientationDotGrid{display:grid;grid-template-columns:repeat(10,34px);gap:.18rem;align-items:center}
.orientationDot{position:relative;width:34px;height:34px;border:0;border-radius:999px;background:transparent;padding:0;cursor:pointer}
.orientationDot:before{content:"";position:absolute;inset:7px;border:1.5px solid #aaa39a;border-radius:999px;background:#fff;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.orientationDot:hover:before{border-color:var(--accent);transform:scale(1.08)}
.orientationDot.is-marked:before{background:var(--accent);border:3px double #fff;box-shadow:0 0 0 1px var(--accent)}
.monthlyExperiment{min-width:0;border-left:1px solid var(--border);padding:.05rem 1rem .1rem 1.35rem;display:grid;grid-template-rows:auto auto 1fr;align-content:start}
.monthlyExperiment h3{margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}
.experimentNameRow{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;min-height:2rem}
.experimentName{margin:.15rem 0 .25rem;color:var(--accent);font-family:var(--serif);font-size:1rem;font-style:italic}
.experimentDotGrid{margin-top:.12rem;grid-template-rows:repeat(3,34px)}
.topicScopedScratchpad{width:min(780px,100%);margin:0 auto;padding:.2rem .35rem 1rem;display:grid;gap:.75rem;align-content:start;overflow:auto}
.topicScratchpadNav{display:flex;justify-content:flex-end}
.topicScopedScratchpad .scratchpadEntry input{font-size:1rem;background:transparent}
.topicScopedScratchpad .scratchpadList{margin-top:.15rem}
.productionBoard{display:grid;grid-template-columns:1fr;gap:.45rem;margin-top:.45rem}
.productionWorkflowBoard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}
.productionBoard>.boardColumn{min-width:0}
.productionBoard>.boardColumn .card,.productionLane .card{margin-bottom:0}
.productionLane{background:#fbfaf7;border-color:var(--border);border-radius:18px;padding:0;display:block}
.productionLaneBody{border-top:1px solid var(--border);padding:.4rem;display:grid;gap:.4rem;align-content:start}
.productionLane p{margin:0;color:var(--muted);font-size:.72rem}
.productionLane .columnDrop{border:1px solid var(--border);border-radius:12px;background:#fbfaf7}
#kanban .boardColumn,
#publicationStudioHome .boardColumn{background:transparent;border:0;border-radius:0}
#kanban .columnDrop,
#publicationStudioHome .columnDrop{border:0;border-radius:0;background:transparent;padding-left:0;padding-right:0}
#publicationStudioHome .productionLaneBody{border-top:0;padding-left:0;padding-right:0}
.productionLane small{color:var(--muted);font-size:.68rem}
.placeholderBadge{width:max-content;border:1px dashed var(--border);border-radius:999px;padding:.12rem .36rem;color:var(--muted);font-size:.68rem;font-weight:850}
.publicationStudio{display:grid;gap:.45rem}
.publicationStudioPanel{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);background:var(--atelier-gold-wash)}
.publicationStudioPanel[hidden]{display:none}
.publicationStudioPanel .panel-body{min-height:0}
.publicationStudioPanel.is-collapsed{grid-template-rows:auto}
.publicationStudioPanel.is-collapsed .panel-body{display:none}
.muted{color:var(--muted)!important}
.stage{width:max-content;border-radius:999px;padding:.14rem .42rem;background:var(--accent-soft);color:var(--accent);font-weight:850;font-size:.68rem}
.keyModal{position:fixed;inset:0;background:rgba(0,0,0,.32);display:none;align-items:center;justify-content:center;z-index:80}
.keyModal.is-open{display:flex}
.keyBox{width:min(520px,calc(100% - 2rem));background:var(--paper);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);padding:1rem}
.keyBox h2{font-family:var(--serif);margin:.2rem 0 .4rem}.keyBox p{color:var(--muted);font-size:.9rem}.keyBox input{width:100%;border:1px solid var(--border);border-radius:12px;padding:.6rem}
.offlineConflictModal[hidden]{display:none}
.offlineConflictModal{position:fixed;inset:0;z-index:520;display:grid;place-items:center;background:rgba(31,29,26,.34);padding:1rem}
.offlineConflictBox{width:min(760px,100%);max-height:calc(100dvh - 2rem);overflow:auto;border:1px solid var(--border);border-radius:14px;background:var(--paper);box-shadow:0 24px 60px rgba(0,0,0,.24);padding:1rem}
.offlineConflictEyebrow{margin:0;color:#9f2f24;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.offlineConflictBox h2{margin:.2rem 0 .45rem;font-family:var(--serif);font-size:1.35rem}
.offlineConflictBox>p:not(.offlineConflictEyebrow){color:var(--muted);line-height:1.5}
.offlineConflictDetails{display:grid;gap:.75rem;margin:.85rem 0 0}
.offlineConflictDetails[hidden]{display:none}
.offlineConflictVersions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.offlineConflictVersion{min-width:0;border:1px solid var(--border);border-radius:10px;background:#fffdf8;padding:.7rem .75rem}
.offlineConflictVersion h3{margin:0 0 .28rem;font-family:var(--sans);font-size:.84rem}
.offlineConflictVersion p{margin:.12rem 0;color:var(--muted);font-size:.76rem;line-height:1.35}
.offlineConflictVersion time{color:var(--ink);font-weight:800}
.offlineConflictDiffHeading{margin:0;font-family:var(--sans);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}
.offlineConflictDiffList{display:grid;gap:.45rem}
.offlineConflictDiffRow{display:grid;gap:.28rem;border-top:1px solid #e8e1d5;padding-top:.5rem}
.offlineConflictDiffLabel{font-size:.76rem;font-weight:900}
.offlineConflictDiffHint{color:var(--muted);font-size:.68rem;font-weight:650}
.offlineConflictDiffValues{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}
.offlineConflictDiffValue{min-width:0;border-left:3px solid #d8d0c4;background:#fffdf8;padding:.38rem .48rem;color:var(--muted);font-size:.73rem;line-height:1.35;overflow-wrap:anywhere}
.offlineConflictDiffValue strong{display:block;margin-bottom:.08rem;color:var(--ink);font-size:.66rem;text-transform:uppercase;letter-spacing:.04em}
.offlineConflictMore,.offlineConflictNoDifferences{margin:0;color:var(--muted);font-size:.74rem;line-height:1.4}
.offlineConflictActions{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.9rem}
.offlineConflictNote{margin:.8rem 0 0;font-size:.74rem}
@media(max-width:560px){.offlineConflictVersions,.offlineConflictDiffValues{grid-template-columns:1fr}.offlineConflictActions{display:grid;grid-template-columns:1fr}.offlineConflictActions .btn{width:100%}}
.scratchpadModal{position:fixed;inset:0;background:rgba(0,0,0,.24);display:none;align-items:flex-start;justify-content:flex-end;z-index:180;padding:4.25rem 1rem 1rem}
.scratchpadModal.is-open{display:flex}
.scratchpadBox{width:min(520px,calc(100vw - 2rem));max-height:calc(100dvh - 5.25rem);background:var(--paper);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}
.scratchpadTop{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border-bottom:1px solid var(--border);padding:.7rem .8rem}
.scratchpadTop h2{margin:0;font-family:var(--serif);font-size:1.2rem}
.scratchpadTopActions{display:flex;align-items:center;justify-content:flex-end;gap:.35rem;flex-wrap:wrap}
.scratchpadTopActions [hidden]{display:none!important}
.scratchpadBody{min-height:0;overflow:auto;padding:.75rem;display:grid;gap:.65rem;align-content:start}
.scratchpadTabs,.scratchpadProcessActions{display:flex;gap:.35rem;flex-wrap:wrap}
.scratchpadMoveControl{display:inline-flex;align-items:center;gap:.25rem}
.scratchpadMoveControl select{min-height:1.9rem;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--ink);padding:.2rem 1.8rem .2rem .5rem;font-size:.72rem;font-weight:750}
.scratchpadTab{border:1px solid var(--border);background:#fff;color:var(--ink);border-radius:999px;padding:.3rem .55rem;font-size:.74rem;font-weight:850;cursor:pointer}
.scratchpadTab.is-active{background:var(--accent);border-color:var(--accent);color:#fff}
.scratchpadEntry input{width:100%;border:0;border-bottom:1px solid var(--border);background:#fffdf8;padding:.55rem .15rem;font-size:.92rem}
.scratchpadEntry input:focus-visible{outline:0;border-bottom-color:var(--accent)}
.scratchpadList{list-style:none;margin:0;padding:0;display:grid;gap:.15rem}
.scratchpadItem{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem;align-items:center;border-bottom:1px solid #eee7dc;padding:.38rem 0}
.scratchpadItem label{min-width:0;display:flex;align-items:flex-start;gap:.45rem;cursor:pointer}
.scratchpadItem span{overflow-wrap:anywhere}
.scratchpadItem.is-done span{text-decoration:line-through;color:var(--muted)}
.scratchpadItem input[type="checkbox"]{margin-top:.18rem;flex:0 0 auto}
.scratchpadDone{justify-self:end}
.scratchpadEmpty{margin:0;color:var(--muted);font-size:.86rem}
.scratchpadCanonical{display:grid;gap:1rem;align-content:start}
.scratchpadCanonical h3{margin:0;font-family:var(--serif);font-size:1.15rem;line-height:1.15}
.scratchpadCanonicalTabs{position:sticky;top:-.75rem;z-index:2;margin:-.75rem -.75rem 0;padding:.75rem .75rem .45rem;background:var(--paper);border-bottom:1px solid #eee7dc}
.scratchpadEyebrow,.scratchpadFieldLabel{margin:0 0 .2rem;color:var(--accent);font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.scratchpadSyncStatus{margin:0;border-left:3px solid var(--border);padding:.45rem .6rem;background:#f7f4ee;color:var(--muted);font-size:.78rem;font-weight:750}
.scratchpadSyncStatus.ok{border-left-color:var(--accent);color:#304936}
.scratchpadSyncStatus.bad{border-left-color:#a7352f;color:#7c2924;background:#fff3ef}
.scratchpadSyncAttention{display:grid;gap:.45rem;border:1px solid #c79c91;border-radius:8px;padding:.65rem;background:#fff8f5;color:#702d27}
.scratchpadSyncAttention p{margin:0;line-height:1.4;font-size:.78rem}
.scratchpadSyncAttention>div{display:flex;gap:.45rem;flex-wrap:wrap}
.scratchpadPendingSync{display:inline-flex;align-items:center;width:max-content;border:1px solid #b78a28;border-radius:999px;background:#fff8dc;color:#785810;padding:.08rem .38rem;font-size:.64rem;font-weight:850;white-space:nowrap}
.scratchpadSessionStart,.scratchpadSessionForm,.scratchpadOptionalFields{display:grid;gap:.75rem}
.scratchpadSessionForm label,.scratchpadOptionalFields label{display:grid;gap:.25rem;color:var(--muted);font-size:.72rem;font-weight:800}
.scratchpadSessionForm input,.scratchpadSessionForm select,.scratchpadOptionalFields input,.scratchpadCaptureForm select,.scratchpadCaptureLocation input{width:100%;min-height:2.55rem;border:1px solid var(--border);border-radius:8px;background:#fffdf8;color:var(--ink);padding:.55rem .65rem;font:inherit}
.scratchpadFieldPair{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}
.scratchpadOptional{border-top:1px solid #eee7dc;padding-top:.5rem}
.scratchpadOptional summary{cursor:pointer;color:var(--muted);font-size:.76rem;font-weight:850}
.scratchpadOptionalFields{padding-top:.65rem}
.scratchpadPrimaryAction{width:100%;min-height:2.75rem}
.scratchpadQuickCapture,.scratchpadTodo{display:grid;gap:.7rem}
.scratchpadQuickForm{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem}
.scratchpadQuickForm input{width:100%;min-height:2.7rem;border:1px solid var(--border);border-radius:8px;background:#fffdf8;color:var(--ink);padding:.6rem .7rem;font:inherit}
.scratchpadQuickForm .btn{min-width:4.5rem}
.scratchpadRecentSessions{display:grid;gap:.35rem;margin-top:.35rem}
.scratchpadSessionChoice{display:grid;gap:.1rem;width:100%;border:1px solid var(--border);border-radius:8px;background:#fffdf8;padding:.6rem .7rem;text-align:left;color:var(--ink);cursor:pointer}
.scratchpadSessionChoice strong{font-size:.9rem}.scratchpadSessionChoice span{color:var(--muted);font-size:.72rem}
.scratchpadSessionSummary{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;border-bottom:1px solid var(--border);padding-bottom:.7rem}
.scratchpadSessionSummary p{margin:.2rem 0 0;color:var(--muted);font-size:.76rem;line-height:1.35}
.scratchpadCaptureForm{display:grid;gap:.5rem}
.scratchpadCaptureForm textarea{width:100%;min-height:8.5rem;resize:vertical;border:1px solid var(--border);border-radius:8px;background:#fffdf8;color:var(--ink);padding:.75rem;font:inherit;font-size:1rem;line-height:1.4}
.scratchpadCaptureLocation{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:.5rem}
.scratchpadCaptureLocation label{display:grid;gap:.2rem;color:var(--muted);font-size:.7rem;font-weight:800}
.scratchpadCaptureLocation small{font-weight:650}
.scratchpadCaptureLocation input{min-height:2.75rem}
.scratchpadCaptureActions{display:flex;justify-content:space-between;align-items:center;gap:.5rem}
.scratchpadCaptureForm select{min-width:10rem}
.scratchpadCapturedSection{display:grid;gap:.45rem}
.scratchpadSectionHead{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.scratchpadSectionHead h3{font-family:var(--sans);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}
.scratchpadSectionHead>span{color:var(--muted);font-size:.72rem;font-weight:850}
.scratchpadCaptureList{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.scratchpadCaptureCard{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem;align-items:start;border:1px solid #e8e1d5;border-radius:8px;background:#fffdf8;padding:.65rem}
.scratchpadCaptureCard:has(>input[type="checkbox"]){grid-template-columns:auto minmax(0,1fr) auto}
.scratchpadCaptureCard>input{margin-top:.25rem}
.scratchpadCaptureCard p{margin:.25rem 0 0;line-height:1.4;overflow-wrap:anywhere}
.scratchpadCaptureCard.is-promoted,.scratchpadCaptureCard.is-converted{background:#f1f5ee;color:var(--muted)}
.scratchpadCaptureMeta{display:flex;justify-content:space-between;gap:.5rem;color:var(--muted);font-size:.66rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
.scratchpadDisposition{display:block;margin-top:.35rem;color:var(--accent);font-weight:850}
.scratchpadReviewTools,.scratchpadReviewActions{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}
.scratchpadReviewTools{color:var(--muted);font-size:.76rem;font-weight:800}
.scratchpadDestinationActions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem}
.scratchpadDestinationActions .btn{min-width:0;padding-inline:.4rem}
.scratchpadProjectDestination{grid-column:span 2;display:block}
.scratchpadProjectDestination select{min-width:0;width:100%;border:1px solid var(--border);border-radius:999px;background:#fffdf8;color:var(--ink);padding:.4rem .65rem;font:inherit;font-size:.74rem;font-weight:750}
.scratchpadTaskList{list-style:none;margin:0;padding:0;display:grid;gap:.25rem}
.scratchpadTaskList li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem;align-items:center;border-bottom:1px solid #eee7dc;padding:.45rem 0}
.scratchpadTaskList li>div{display:grid;gap:.08rem;min-width:0}
.scratchpadTaskList span{overflow-wrap:anywhere}
.scratchpadTaskList small{color:var(--muted);font-size:.7rem}
.scratchpadTaskList .btn{padding:.3rem .5rem;font-size:.68rem}
.scratchpadTaskShelf{display:grid;gap:.45rem;border-top:1px solid var(--border);padding-top:.75rem}
.scratchpadTaskShelf ul{list-style:none;margin:0;padding:0;display:grid;gap:.3rem}
.scratchpadTaskShelf li{display:flex;justify-content:space-between;gap:.65rem;border-bottom:1px solid #eee7dc;padding:.35rem 0;font-size:.8rem}
.scratchpadTaskShelf small{color:var(--muted);white-space:nowrap}
.scratchpadLoading{min-height:10rem;display:grid;place-items:center;color:var(--muted);font-weight:800}
.scratchpadConnection{min-height:16rem;display:grid;place-content:center;justify-items:start;gap:.75rem;max-width:34rem;margin:auto}
.scratchpadConnection h3,.scratchpadConnection p{margin:0}
.scratchpadConnection p{color:var(--muted);line-height:1.5}
.scratchpadPaperGalleryHead,.scratchpadPaperEditorHead{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}
.scratchpadPaperGalleryHead p{margin:.2rem 0 0;color:var(--muted);font-size:.78rem;line-height:1.4}
.scratchpadPaperGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.7rem}
.scratchpadPaperCard{position:relative;display:grid;gap:.5rem;border:1px solid var(--border);border-radius:12px;background:#fffdf8;padding:.55rem;box-shadow:0 6px 16px rgba(0,0,0,.04)}
.scratchpadPaperSelect{position:absolute;left:.8rem;top:.8rem;z-index:1;display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 2px 6px rgba(0,0,0,.12)}
.scratchpadPaperCardOpen,.scratchpadPaperCaptureOpen{display:grid;gap:.45rem;width:100%;border:0;background:transparent;color:var(--ink);text-align:left;cursor:pointer;padding:0}
.scratchpadPaperCardOpen canvas,.scratchpadPaperCaptureOpen canvas{display:block;width:100%;aspect-ratio:18/11;border:1px solid #e5ded2;border-radius:8px;background:#fffdf8}
.scratchpadPaperCardOpen>span,.scratchpadPaperCaptureOpen>span{display:grid;gap:.08rem}
.scratchpadPaperCardOpen strong,.scratchpadPaperCaptureOpen strong{font-family:var(--serif);font-size:.95rem}
.scratchpadPaperCardOpen small,.scratchpadPaperCaptureOpen small{color:var(--muted);font-size:.68rem}
.scratchpadPaperCardActions{display:flex;align-items:center;justify-content:space-between;gap:.4rem;flex-wrap:wrap}
.scratchpadPaperLibraryBadge{display:inline-flex;border-radius:999px;background:#e5efdf;color:#31533b;padding:.18rem .45rem;font-size:.66rem;font-weight:850}
.scratchpadPaperCaptureCard{align-items:center}
.scratchpadPaperCaptureOpen{grid-template-columns:minmax(96px,140px) minmax(0,1fr);align-items:center}
.scratchpadPaperEditorHead>label{flex:1 1 18rem}
.scratchpadPaperEditorHead input{width:100%;border:0;border-bottom:2px solid var(--border);background:transparent;padding:.35rem .15rem;color:var(--ink);font-family:var(--serif);font-size:1.2rem;font-weight:850}
.scratchpadPaperEditorHead .actions{display:flex;gap:.4rem;flex-wrap:wrap}
.scratchpadPaperInputHint{flex:1 0 100%;margin:0;color:var(--muted);font-size:.7rem;font-weight:750;text-align:right}
.canonicalCanvasSurfaceHost{user-select:none!important;-webkit-user-select:none!important;-webkit-touch-callout:none}
.canonicalCanvasSurfaceHost input,.canonicalCanvasSurfaceHost textarea,.canonicalCanvasSurfaceHost [contenteditable="true"]{user-select:text!important;-webkit-user-select:text!important;-webkit-touch-callout:default}
.canonicalCanvasSurfaceHost .canvasSticky,.canonicalCanvasSurfaceHost .canvasSticky textarea{touch-action:manipulation}
.canonicalCanvasSurfaceHost .canvasStickyHeader{touch-action:none}
body.scratchpadPaperInputMode .scratchpadModal,body.scratchpadPaperInputMode .scratchpadModal *{user-select:none!important;-webkit-user-select:none!important;-webkit-touch-callout:none!important}
body.scratchpadPaperInputMode .scratchpadModal input,body.scratchpadPaperInputMode .scratchpadModal textarea,body.scratchpadPaperInputMode .scratchpadModal [contenteditable="true"]{user-select:text!important;-webkit-user-select:text!important;-webkit-touch-callout:default!important}
.scratchpadBox:has(.scratchpadPaperEditor){width:min(1500px,calc(100vw - 2rem))}
.scratchpadPaperCanvasWorkspace{position:relative;height:min(72dvh,820px);min-height:480px;grid-template-rows:minmax(0,1fr)}
.scratchpadPaperFullscreenExit{display:none;position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:4;min-width:132px;min-height:44px;background:rgba(255,253,248,.94);box-shadow:0 2px 12px rgba(31,43,36,.18);touch-action:manipulation;user-select:none;-webkit-user-select:none}
.scratchpadPaperCanvasWorkspace:fullscreen,.scratchpadPaperCanvasWorkspace:-webkit-full-screen,.scratchpadPaperCanvasWorkspace.is-paper-fullscreen-fallback{width:100vw;height:100dvh;min-height:0;max-height:none;border:0;border-radius:0;box-shadow:none;background:#fffdf8;grid-template-rows:minmax(0,1fr)}
.scratchpadPaperCanvasWorkspace:fullscreen .scratchpadPaperFullscreenExit,.scratchpadPaperCanvasWorkspace:-webkit-full-screen .scratchpadPaperFullscreenExit,.scratchpadPaperCanvasWorkspace.is-paper-fullscreen-fallback .scratchpadPaperFullscreenExit{display:inline-flex;align-items:center;justify-content:center}
.scratchpadPaperCanvasWorkspace:fullscreen .canvasStage,.scratchpadPaperCanvasWorkspace:-webkit-full-screen .canvasStage,.scratchpadPaperCanvasWorkspace.is-paper-fullscreen-fallback .canvasStage{width:100%;height:100%;min-height:0}
body.scratchpadPaperFullscreenFallback{overflow:hidden}
.scratchpadPaperCanvasWorkspace.is-paper-fullscreen-fallback{position:fixed;inset:0;z-index:10000}
#scratchpadPaperCanvas{cursor:crosshair}
@media(max-width:700px){.scratchpadPaperGrid{grid-template-columns:1fr}.scratchpadPaperEditorHead{align-items:stretch}.scratchpadPaperEditorHead>label{order:-1;flex-basis:100%}.scratchpadPaperEditorHead .actions{width:100%}.scratchpadPaperEditorHead .actions .btn{flex:1}.scratchpadPaperCanvasWorkspace{height:calc(100dvh - 240px);min-height:420px}}
body.scratchpadStandalone{overflow:hidden;background:var(--paper)}
body.scratchpadStandalone>.app{display:none}
body.scratchpadStandalone .scratchpadModal{display:flex;align-items:stretch;justify-content:center;padding:0;background:var(--bg)}
body.scratchpadStandalone .scratchpadBox{width:min(980px,100vw);height:100dvh;max-height:none;border-block:0;border-radius:0;box-shadow:0 0 34px rgba(0,0,0,.08)}
body.scratchpadStandalone .scratchpadTop{padding:max(.8rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) .8rem max(1rem,env(safe-area-inset-left))}
body.scratchpadStandalone .scratchpadBody{padding:1rem max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}
body.scratchpadStandalone .scratchpadCanonicalTabs{top:-1rem;margin:-1rem -1rem 0;padding:1rem 1rem .55rem}
body.scratchpadStandalone .scratchpadTab,body.scratchpadStandalone .scratchpadTopActions .btn,body.scratchpadStandalone .scratchpadQuickForm .btn,body.scratchpadStandalone .scratchpadDestinationActions .btn,body.scratchpadStandalone .scratchpadReviewActions .btn{min-height:44px}
body.scratchpadStandalone .scratchpadQuickForm input,body.scratchpadStandalone .scratchpadSessionForm input,body.scratchpadStandalone .scratchpadSessionForm select,body.scratchpadStandalone .scratchpadOptionalFields input,body.scratchpadStandalone .scratchpadCaptureForm select{min-height:44px}
body.scratchpadStandalone .keyModal{z-index:220}
@media(max-width:600px){.scratchpadModal{padding:0;align-items:stretch}.scratchpadBox{width:100vw;max-height:none;height:100dvh;border:0;border-radius:0}.scratchpadTop{padding:max(.7rem,env(safe-area-inset-top)) .8rem .7rem}.scratchpadBody{padding:.8rem .8rem max(1rem,env(safe-area-inset-bottom))}.scratchpadCanonicalTabs{top:-.8rem;margin:-.8rem -.8rem 0;padding:.8rem .8rem .45rem}.scratchpadFieldPair{grid-template-columns:1fr}.scratchpadCaptureForm textarea{min-height:9.5rem}.scratchpadCaptureCard:has(>input[type="checkbox"]){grid-template-columns:auto minmax(0,1fr)}.scratchpadDestinationActions{grid-template-columns:1fr 1fr}.scratchpadReviewActions .btn{flex:1 1 45%}}
.helpBox{width:min(860px,calc(100% - 2rem));max-height:calc(100dvh - 2.2rem);overflow:auto}
.helpTop{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;border-bottom:1px solid var(--border);padding-bottom:.75rem;margin-bottom:.75rem}
.helpTop h2{margin:0 0 .25rem}
.helpTop p{margin:0}
.helpSection{border:1px solid var(--border);background:#fff;border-radius:16px;padding:.85rem;margin-top:.65rem}
.helpSection h3{font-family:var(--serif);font-size:1.15rem;margin:0 0 .35rem}
.helpSection p{margin:.35rem 0;color:var(--ink);line-height:1.5}
.helpSection ol{margin:.4rem 0 0;padding-left:1.3rem}
.helpSection li{margin:.35rem 0}
.helpSection code{background:#f1eadf;border:1px solid var(--border);border-radius:7px;padding:.05rem .28rem}
.readmeSection{background:#fffdf8}
.documentationGuide{width:min(980px,100%);margin:0 auto;display:grid;gap:1rem;padding:0 .15rem 1.5rem}
.documentationHero{position:static;display:block;border:1px solid var(--border);border-radius:18px;background:linear-gradient(135deg,#fffdf8 0%,var(--atelier-green-wash) 100%);padding:clamp(1.2rem,3vw,2.2rem);backdrop-filter:none}
.documentationHero span{display:block;color:var(--accent);font-size:.7rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.documentationHero h3{margin:.2rem 0 0;font-family:var(--serif);font-size:clamp(2.2rem,5vw,3.7rem);line-height:1}
.documentationHero p{margin:.45rem 0 0;color:var(--muted);font-family:var(--serif);font-size:1.05rem}
.documentationToc{border:1px solid var(--border);border-radius:16px;background:#fff;padding:1rem}
.documentationToc h3{margin:0 0 .6rem;font-family:var(--serif);font-size:1.2rem}
.documentationToc ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem .8rem;margin:0;padding:0;list-style:none}
.documentationToc button{display:block;width:100%;border:0;border-radius:8px;background:transparent;color:var(--accent);padding:.35rem .45rem;font-size:.8rem;font-weight:800;text-align:left;cursor:pointer}
.documentationToc button:hover{background:var(--accent-soft);text-decoration:underline}
.documentationChapter{scroll-margin-top:.75rem;border:1px solid var(--border);border-radius:16px;background:#fff;padding:clamp(1rem,2.5vw,1.6rem)}
.documentationChapter>h3{margin:0 0 .8rem;color:var(--accent);font-family:var(--serif);font-size:clamp(1.55rem,3vw,2rem);line-height:1.1}
.documentationChapter h4{margin:1.15rem 0 .35rem;border-top:1px solid #ebe6dd;padding-top:.8rem;font-family:var(--serif);font-size:1.18rem}
.documentationChapter h5{margin:.85rem 0 .25rem;font-size:.88rem;letter-spacing:.04em;text-transform:uppercase}
.documentationChapter p{margin:.45rem 0;color:var(--ink);line-height:1.62}
.documentationChapter ul{margin:.45rem 0 .75rem;padding-left:1.35rem}
.documentationChapter li{margin:.28rem 0;line-height:1.5}
@media(max-width:640px){.documentationToc ul{grid-template-columns:1fr}.documentationChapter{padding:1rem}}
.workspacePage{position:fixed;inset:0;background:var(--bg);z-index:60;display:none;grid-template-rows:auto minmax(0,1fr)}
.workspacePage.is-open{display:grid}
.workspacePage.is-writing-workspace{background:var(--seekers-blue-wash)}
.workspacePage.is-publication-workspace{background:var(--atelier-gold-wash)}
.workspaceTop{position:relative;z-index:120;background:rgba(255,253,248,.96);border-bottom:1px solid var(--border);padding:.7rem 1rem;display:flex;justify-content:space-between;gap:1rem;align-items:center}
.workspaceTop h2{font-family:var(--serif);font-size:1.6rem;margin:0}
.workspaceTop p{margin:.15rem 0 0;color:var(--muted);font-size:.82rem}
.workspacePage.is-writing-workspace .workspaceTop{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}
.workspacePage.is-writing-workspace .workspaceTop h2{font-size:1.2rem;line-height:1.1}
.workspacePage.is-writing-workspace .workspaceTop>.actions{justify-self:end}
.workspaceTop>.actions{align-items:center;margin-top:0}
.workspaceTop>.actions .btn,.workspaceHomeButton{height:2rem;min-height:2rem}
.workspaceFormatHelp[hidden]{display:none}
.workspaceFormatHelp{position:fixed;inset:0;z-index:400;display:grid;place-items:center;background:rgba(31,29,26,.2);padding:1rem}
.workspaceFormatHelpBox{width:min(680px,100%);max-height:min(720px,calc(100dvh - 2rem));overflow:auto;border:1px solid var(--border);border-radius:12px;background:#fffdf8;box-shadow:0 18px 42px rgba(0,0,0,.18);padding:1rem;display:grid;gap:.9rem}
.workspaceFormatHelpHead{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}
.workspaceFormatHelpHead h2{margin:0;font-family:var(--serif);font-size:1.2rem}
.workspaceFormatHelpHead p{max-width:58ch;margin:.2rem 0 0;color:var(--muted);font-size:.82rem;line-height:1.4}
.workspaceFormatHelpGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.workspaceFormatHelpGrid section{border:1px solid var(--border);border-radius:9px;background:#fff;padding:.8rem}
.workspaceFormatHelpGrid h3{margin:0 0 .55rem;font-family:var(--serif);font-size:1rem}
.workspaceFormatHelpGrid ul{margin:0;padding-left:1.15rem;display:grid;gap:.45rem;font-size:.84rem;line-height:1.4}
.workspaceFormatHelp code,.workspaceFormatHelp kbd{display:inline-block;border:1px solid var(--border);border-radius:6px;background:#f1eadf;padding:.08rem .32rem;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem}
.workspaceFormatHelp kbd{box-shadow:0 1px 0 rgba(31,29,26,.14);font-weight:800}
.workspaceFormatHelpNote{margin:0;color:var(--muted);font-size:.78rem;line-height:1.4}
@media(max-width:620px){.workspaceFormatHelpHead{display:grid;grid-template-columns:1fr}.workspaceFormatHelpHead .btn{justify-self:start}.workspaceFormatHelpGrid{grid-template-columns:1fr}}
.workspaceHomeButton{width:2rem;border:1px solid var(--border);background:#fff;color:var(--accent);border-radius:999px;padding:.2rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.workspaceHomeButton:hover{border-color:var(--accent);background:var(--accent-soft)}
.workspaceHomeButton svg{width:1.3rem;height:1.3rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.workspaceStageNav{justify-self:center}
.workspaceTabs{display:none}
.workspaceTab{border:1px solid var(--border);background:#fff;border-radius:999px;padding:.35rem .65rem;font-weight:850;cursor:pointer;font-size:.78rem}
.workspaceTab.is-active{background:var(--accent);color:#fff;border-color:var(--accent)}
.workspaceBody{min-height:0;padding:.85rem;overflow:auto}
.workspaceGrid{height:100%;min-height:580px;display:grid;gap:.75rem}
.workspaceGrid.research{grid-template-columns:minmax(260px,.8fr) minmax(480px,1.6fr)}
.workspaceGrid.research.with-assets{grid-template-columns:minmax(360px,1.1fr) minmax(320px,.95fr) minmax(250px,.75fr)}
.workspaceGrid.research.with-assets.assets-collapsed{grid-template-columns:minmax(360px,1.1fr) minmax(320px,.95fr)}
.workspaceGrid.research.researchResizable{grid-template-columns:var(--research-brief-col,minmax(260px,1.1fr)) .5rem var(--research-notes-col,minmax(320px,.95fr)) .5rem var(--research-assets-col,minmax(250px,.75fr));gap:.45rem}
.workspaceGrid.research.researchResizable.assets-collapsed{grid-template-columns:var(--research-brief-col,minmax(260px,1.1fr)) .5rem var(--research-notes-col,minmax(320px,.95fr))}
.workspaceGrid.planning{grid-template-columns:minmax(260px,.85fr) minmax(520px,1.6fr)}
.workspaceGrid.planning.planningResizable,.beatBuilderWorkspace.planningResizable{grid-template-columns:var(--planning-left-col,minmax(260px,.85fr)) .5rem var(--planning-right-col,minmax(420px,1.6fr));gap:.45rem}
.planningColumnResize{align-self:stretch;min-height:8rem;border:0;border-radius:999px;background:transparent;cursor:col-resize;position:relative;padding:0}
.planningColumnResize::after{content:"";position:absolute;left:50%;top:.65rem;bottom:.65rem;width:2px;transform:translateX(-50%);border-radius:999px;background:rgba(66,92,69,.22)}
.planningColumnResize:hover::after,.planningColumnResize:focus-visible::after,.planningResizable.is-resizing .planningColumnResize::after{background:rgba(66,92,69,.55)}
.planningColumnResize:focus-visible{outline:2px solid rgba(66,92,69,.34);outline-offset:2px}
.workspaceGrid.drafting{grid-template-columns:minmax(220px,.85fr) minmax(420px,1.75fr) minmax(220px,.75fr)}
.workspaceGrid.side-collapsed.drafting{grid-template-columns:minmax(220px,.8fr) minmax(520px,2.2fr)}
.workspaceGrid.drafting.draftingResizable{grid-template-columns:var(--draft-outline-col,minmax(220px,.85fr)) .5rem var(--draft-main-col,minmax(420px,1.75fr)) .5rem var(--draft-notes-col,minmax(220px,.75fr));gap:.45rem}
.workspaceGrid.drafting.draftingResizable.side-collapsed{grid-template-columns:var(--draft-outline-col,minmax(220px,.8fr)) .5rem var(--draft-main-col,minmax(520px,2.2fr))}
.draftingColumnResize{align-self:stretch;min-height:8rem;border:0;border-radius:999px;background:transparent;cursor:col-resize;position:relative;padding:0}
.draftingColumnResize::after{content:"";position:absolute;left:50%;top:.65rem;bottom:.65rem;width:2px;transform:translateX(-50%);border-radius:999px;background:rgba(66,92,69,.22)}
.draftingColumnResize:hover::after,.draftingColumnResize:focus-visible::after,.draftingResizable.is-resizing .draftingColumnResize::after{background:rgba(66,92,69,.55)}
.draftingColumnResize:focus-visible{outline:2px solid rgba(66,92,69,.34);outline-offset:2px}
.researchColumnResize,.reviewColumnResize{align-self:stretch;min-height:8rem;border:0;border-radius:999px;background:transparent;cursor:col-resize;position:relative;padding:0}
.researchColumnResize::after,.reviewColumnResize::after{content:"";position:absolute;left:50%;top:.65rem;bottom:.65rem;width:2px;transform:translateX(-50%);border-radius:999px;background:rgba(66,92,69,.22)}
.researchColumnResize:hover::after,.researchColumnResize:focus-visible::after,.researchResizable.is-resizing .researchColumnResize::after,.reviewColumnResize:hover::after,.reviewColumnResize:focus-visible::after,.reviewResizable.is-resizing .reviewColumnResize::after{background:rgba(66,92,69,.55)}
.researchColumnResize:focus-visible,.reviewColumnResize:focus-visible{outline:2px solid rgba(66,92,69,.34);outline-offset:2px}
.workspacePanel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}
.workspacePanelHead{padding:.75rem .85rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:.6rem;align-items:baseline}
.workspacePanelHead h3{margin:0;font-family:var(--serif);font-size:1.05rem}
.workspacePanelHead p{margin:0;color:var(--muted);font-size:.76rem}
.workspacePanelBody{padding:.75rem;overflow:auto}
.studioOwnershipWorkspace{display:grid;gap:.75rem;align-content:start}
.ownershipNote{margin:0 0 .8rem;border-left:3px solid var(--accent);background:var(--accent-soft);padding:.65rem .75rem;color:var(--ink);font-size:.82rem;line-height:1.45}
.storyBuilderChoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
.studioChoiceCard{min-height:130px;border:1px solid var(--border);border-radius:14px;background:#fffdf8;color:var(--ink);padding:1rem;text-align:left;cursor:pointer;display:grid;align-content:center;gap:.35rem}
.studioChoiceCard strong{font-family:var(--serif);font-size:1.3rem}.studioChoiceCard span{color:var(--muted);font-size:.8rem}
.studioChoiceCard:hover,.studioChoiceCard:focus-visible{border-color:var(--accent);background:var(--accent-soft)}
.presentationEntityList{display:grid;gap:.45rem}
.presentationEntityCard{border:1px solid var(--border);border-radius:10px;background:#fffdf8;padding:.7rem;display:flex;justify-content:space-between;align-items:center;gap:.75rem}
.presentationEntityCard span{color:var(--accent);font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.presentationEntityCard h4{margin:.12rem 0;font-family:var(--serif)}.presentationEntityCard p{margin:0;color:var(--muted);font-size:.75rem}.presentationEntityCard .actions{margin:0;flex-wrap:nowrap}
.compatibilityPanel{border-style:dashed}
.libraryWorkspace{display:grid;grid-template-columns:minmax(180px,230px) minmax(0,1fr);gap:1rem;min-height:0}
.libraryCollections{align-self:start;display:grid;gap:.35rem;border:1px solid var(--border);border-radius:14px;background:#f3eee4;padding:.5rem}
.libraryCollectionButton{border:0;border-radius:10px;background:transparent;color:var(--ink);padding:.65rem .7rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;text-align:left;cursor:pointer;font:inherit}
.libraryCollectionButton:hover{background:#fffaf0}.libraryCollectionButton.is-active{background:#fffdf8;box-shadow:0 5px 14px rgba(0,0,0,.07);color:var(--accent)}
.libraryCollectionButton strong{font-family:var(--serif);font-size:1rem}.libraryCollectionButton span{min-width:1.6rem;border-radius:999px;background:var(--accent-soft);padding:.15rem .4rem;text-align:center;font-size:.68rem;font-weight:900}
.libraryRecoveryInboxButton{border:1px solid #d5b77d;background:#fff7e8}.libraryRecoveryInboxButton.is-active{color:#70420f}
.libraryCaptureInboxButton{border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));background:var(--atelier-green-wash)}
.libraryNavDivider{display:flex;align-items:center;gap:.45rem;padding:.35rem .55rem .1rem;color:var(--muted);font-size:.62rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.libraryNavDivider:after{content:"";height:1px;flex:1;background:var(--border)}
.libraryCollection{min-width:0;border:1px solid var(--border);border-radius:16px;background:#fffdf8;box-shadow:0 12px 28px rgba(0,0,0,.05);padding:1rem;display:grid;align-content:start;gap:1rem}
.libraryCollectionHead{display:flex;align-items:end;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--border);padding-bottom:.8rem}.libraryCollectionHead>div>span{color:var(--accent);font-size:.64rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.libraryCollectionHead h3{margin:.12rem 0;font-family:var(--serif);font-size:1.55rem}.libraryCollectionHead p{margin:0;color:var(--muted);font-size:.78rem}
.libraryBrowseControls{display:flex;align-items:end;gap:.55rem}.libraryBrowseControls label{display:grid;gap:.2rem;color:var(--muted);font-size:.68rem;font-weight:850}.libraryBrowseControls input,.libraryBrowseControls select{min-height:2.25rem;border:1px solid var(--border);border-radius:8px;background:#fff;padding:.4rem .55rem;font:inherit;color:var(--ink)}.libraryBrowseControls input{width:min(25vw,260px)}
.libraryWorkList{display:grid;gap:.55rem}.libraryWorkCard{border:1px solid var(--border);border-radius:12px;background:#fff;padding:.8rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.libraryWorkText{min-width:0}.libraryWorkText>span{color:var(--accent);font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.libraryWorkText h4{margin:.15rem 0;font-family:var(--serif);font-size:1.04rem}.libraryWorkText p{margin:.18rem 0;color:var(--ink);font-size:.82rem;line-height:1.45}.libraryWorkText small{display:block;color:var(--muted);font-size:.7rem}.libraryWorkCard .actions{flex:0 0 auto;margin:0;flex-wrap:nowrap}
.legacyRecoveryGuidance{display:grid;gap:.15rem;border-left:3px solid #c07a2e;background:#fff7e8;padding:.65rem .75rem}.legacyRecoveryGuidance strong{font-family:var(--serif)}.legacyRecoveryGuidance span{color:#70420f;font-size:.75rem;line-height:1.45}.legacyRecoveryCardActions{display:grid;justify-items:end;gap:.45rem;max-width:min(100%,34rem)}.legacyRecoveryCardActions .actions{justify-content:flex-end;flex-wrap:wrap}.legacyRecoveryStatus{display:inline-flex;border-radius:999px;background:#eee9df;padding:.18rem .45rem;color:var(--muted);font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.legacyRecoveryStatus[data-tone="ok"]{background:var(--accent-soft);color:var(--accent)}.legacyRecoveryStatus[data-tone="warn"]{background:#fff0dc;color:#8b4c12}.legacyRecoveryReviewed{margin-top:.15rem}
.libraryDemoFolder{border:1px solid var(--border);border-radius:12px;background:#f3eee4;overflow:hidden}.libraryDemoFolder>summary{display:flex;align-items:center;gap:.65rem;padding:.7rem .8rem;cursor:pointer;list-style:none}.libraryDemoFolder>summary::-webkit-details-marker{display:none}.libraryDemoFolder>summary>div{display:grid;flex:1;gap:.08rem}.libraryDemoFolder>summary strong{font-family:var(--serif);font-size:.95rem}.libraryDemoFolder>summary small{color:var(--muted);font-size:.68rem}.libraryDemoFolderCount{min-width:1.7rem;border-radius:999px;background:var(--accent-soft);padding:.15rem .4rem;text-align:center;color:var(--accent);font-size:.68rem;font-weight:900}.libraryDemoFolderToggle:before{content:"+";color:var(--accent);font-weight:900}.libraryDemoFolder[open] .libraryDemoFolderToggle:before{content:"−"}.libraryDemoFolder>.libraryWorkList{border-top:1px solid var(--border);padding:.65rem}
.libraryStoryDetail{display:grid;gap:.7rem;border:1px solid #b9c9bc;border-radius:12px;background:#f3f7f0;padding:.85rem}.libraryStoryDetail header{display:flex;align-items:start;justify-content:space-between;gap:1rem}.libraryStoryDetail header span{color:var(--accent);font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.libraryStoryDetail h3{margin:.12rem 0;font-family:var(--serif);font-size:1.25rem}.libraryStoryDetail p{margin:.15rem 0;color:var(--muted);font-size:.72rem;line-height:1.45}.libraryStoryDetail ol{display:grid;gap:.35rem;margin:0;padding:0;list-style:none}.libraryStoryDetail li{display:grid;grid-template-columns:1.6rem 1fr;gap:.45rem;align-items:center;border:1px solid var(--border);border-radius:8px;background:#fff;padding:.45rem}.libraryStoryDetail li>span{display:grid;place-items:center;width:1.45rem;height:1.45rem;border-radius:50%;background:var(--accent);color:#fff;font-size:.62rem;font-weight:900}.libraryStoryDetail li div{display:grid}.libraryStoryDetail li strong{font-family:var(--serif);font-size:.78rem}.libraryStoryDetail li small{color:var(--muted);font-size:.58rem;text-transform:uppercase;letter-spacing:.06em}
.libraryBeatDetail dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;margin:0}.libraryBeatDetail dl div{display:grid;gap:.08rem;border:1px solid var(--border);border-radius:8px;background:#fff;padding:.5rem}.libraryBeatDetail dt{color:var(--muted);font-size:.56rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.libraryBeatDetail dd{margin:0;font-family:var(--serif);font-size:.9rem}
.libraryBeatPlanHandoff{display:flex;align-items:end;gap:.5rem}.libraryBeatPlanHandoff label{display:grid;flex:1;gap:.18rem;color:var(--muted);font-size:.62rem;font-weight:850}.libraryBeatPlanHandoff select{min-height:2.2rem;border:1px solid var(--border);border-radius:8px;background:#fff;padding:.4rem .5rem;color:var(--ink);font:inherit}
.libraryWorkActions{display:grid;justify-items:end;gap:.4rem}.libraryOfflineControls{display:grid;justify-items:end;gap:.25rem}.libraryOfflineControls small{max-width:22rem;color:#8f2f25;font-size:.66rem;text-align:right}.libraryOfflineAvailability{color:var(--muted);font-size:.66rem;font-weight:850}.libraryOfflineAvailability[data-offline-availability="available"],.libraryOfflineAvailability[data-offline-availability="record-only"],.libraryOfflineAvailability[data-offline-availability="cached-record"]{color:var(--accent)}.libraryOfflineStorage{display:flex;align-items:center;justify-content:space-between;gap:.8rem;border:1px solid var(--border);border-radius:10px;background:var(--atelier-green-wash);padding:.55rem .65rem}.libraryOfflineStorage>div{display:flex;align-items:baseline;gap:.25rem;flex-wrap:wrap}.libraryOfflineStorage strong{font-size:.76rem}.libraryOfflineStorage span{color:var(--muted);font-size:.7rem}.libraryOfflineStorage p{flex:1 1 100%;margin:0;color:var(--muted);font-size:.68rem}
.libraryEmpty{border:1px dashed var(--border);border-radius:12px;background:#fbf8f1;padding:2rem;text-align:center}.libraryEmpty h4{margin:0;font-family:var(--serif)}.libraryEmpty p{margin:.35rem 0 0;color:var(--muted)}
.libraryUploadPanel,.librarySourceDetail{display:grid;gap:.75rem;border:1px solid #b9c9bc;border-radius:12px;background:var(--atelier-green-wash);padding:.85rem}.libraryUploadPanel header,.librarySourceDetail header{display:flex;align-items:start;justify-content:space-between;gap:1rem}.libraryUploadPanel header span,.librarySourceDetail header span{color:var(--accent);font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.libraryUploadPanel h3,.librarySourceDetail h3{margin:.1rem 0;font-family:var(--serif);font-size:1.25rem}.libraryUploadPanel p,.librarySourceDetail p{margin:.15rem 0;color:var(--muted);font-size:.75rem}.libraryUploadPanel>label,.libraryUploadFields label{display:grid;gap:.2rem;color:var(--muted);font-size:.68rem;font-weight:850}.libraryUploadPanel input,.libraryUploadPanel textarea{width:100%;border:1px solid var(--border);border-radius:8px;background:#fff;padding:.55rem;color:var(--ink);font:inherit}.libraryUploadFields{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.libraryUploadStatus{margin:0;border-left:3px solid var(--border);background:#f7f4ee;padding:.55rem .65rem;color:var(--muted);font-size:.75rem}.libraryUploadStatus.ok{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.libraryUploadStatus.warn{border-color:#c07a2e;background:#fff7e8;color:#70420f}.librarySourceDetail ul{display:grid;gap:.4rem;margin:0;padding:0;list-style:none}.librarySourceDetail li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border:1px solid var(--border);border-radius:9px;background:#fff;padding:.6rem}.librarySourceDetail li>div:first-child{display:grid;gap:.08rem;min-width:0}.librarySourceDetail li strong,.librarySourceDetail li small{overflow-wrap:anywhere}.librarySourceDetail li small{color:var(--muted);font-size:.68rem}.librarySourceTags{display:flex;gap:.3rem;flex-wrap:wrap}.librarySourceTags span{border-radius:999px;background:var(--accent-soft);padding:.2rem .45rem;color:var(--accent);font-size:.64rem;font-weight:850}
.searchAtelierWorkspace{display:grid;gap:1rem;max-width:1100px;margin:0 auto;padding-bottom:2rem}.searchAtelierForm{display:grid;gap:.4rem;border:1px solid var(--border);border-radius:16px;background:#fffdf8;padding:1rem;box-shadow:0 12px 28px rgba(0,0,0,.05)}.searchAtelierForm>label{font-family:var(--serif);font-size:1.35rem;font-weight:700}.searchAtelierForm>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem}.searchAtelierForm input{min-height:3rem;border:1px solid var(--border);border-radius:10px;background:#fff;padding:.65rem .75rem;font-size:1rem;color:var(--ink)}.searchAtelierScope{display:flex;align-items:baseline;gap:.55rem;flex-wrap:wrap;border-left:4px solid var(--accent);background:var(--atelier-green-wash);padding:.65rem .75rem}.searchAtelierScope strong{font-family:var(--serif)}.searchAtelierScope span{color:var(--muted);font-size:.75rem}.searchAtelierGroup{display:grid;gap:.45rem}.searchAtelierGroup>h3{margin:0;padding-bottom:.35rem;border-bottom:1px solid var(--border);font-family:var(--serif);font-size:1.2rem}.searchAtelierGroup>div{display:grid;gap:.45rem}.searchAtelierResult{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--border);border-radius:12px;background:#fff;padding:.8rem}.searchAtelierResult>div{min-width:0}.searchAtelierResult span{color:var(--accent);font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.searchAtelierResult h4{margin:.12rem 0;font-family:var(--serif);font-size:1.05rem}.searchAtelierResult p{margin:.15rem 0;color:var(--muted);font-size:.78rem;line-height:1.45}.searchAtelierEmpty{border:1px dashed var(--border);border-radius:14px;background:#fbf8f1;padding:2rem;text-align:center}.searchAtelierEmpty h3{margin:0;font-family:var(--serif)}.searchAtelierEmpty p{margin:.35rem 0 0;color:var(--muted)}
.emailCaptureList{display:grid;gap:.55rem}.emailCaptureCard{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--border);border-radius:12px;background:#fff;padding:.8rem}.emailCaptureCard.is-active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 14%,transparent)}.emailCaptureCard h4{margin:.18rem 0;font-family:var(--serif);font-size:1.04rem}.emailCaptureCard p{margin:.12rem 0;font-size:.8rem}.emailCaptureCard small{display:block;color:var(--muted);font-size:.7rem}.emailCaptureStatus{display:inline-flex;border-radius:999px;background:#eee9df;padding:.18rem .45rem;color:var(--muted);font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.emailCaptureStatus[data-tone="ok"]{background:var(--accent-soft);color:var(--accent)}.emailCaptureStatus[data-tone="warn"]{background:#fff0dc;color:#8b4c12}
.emailCaptureCleanup{display:grid;justify-items:start;gap:.16rem;margin-top:.55rem;border-left:3px solid var(--border);background:#f8f5ee;padding:.55rem .65rem}.emailCaptureCleanup[data-tone="warn"]{border-color:#c07a2e;background:#fff7e8}.emailCaptureCleanup[data-tone="ok"]{border-color:var(--accent);background:var(--accent-soft)}.emailCaptureCleanup strong{font-size:.76rem}.emailCaptureCleanup .btn{margin-top:.3rem}
.emailCaptureDetail{display:grid;gap:1rem;border-top:1px solid var(--border);padding-top:1rem}.emailCaptureDetailHead{display:flex;align-items:start;justify-content:space-between;gap:1rem}.emailCaptureDetailHead span{color:var(--accent);font-size:.64rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.emailCaptureDetailHead h3{margin:.1rem 0;font-family:var(--serif);font-size:1.45rem}.emailCaptureDetailHead p,.emailCaptureOriginalSubject,.emailCaptureRoutingIssue{margin:.2rem 0;color:var(--muted);font-size:.78rem}.emailCaptureRoutingIssue{border-left:3px solid #c07a2e;background:#fff7e8;padding:.6rem .7rem;color:#70420f}.emailCaptureDetail section>h4{margin:0 0 .4rem;font-family:var(--serif)}
.emailCaptureBody{max-height:26rem;margin:0;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--border);border-radius:10px;background:#fff;padding:.8rem;font:inherit;font-size:.82rem;line-height:1.5}.emailCaptureHtml{margin-top:.55rem}.emailCaptureHtml summary{cursor:pointer;color:var(--accent);font-size:.75rem;font-weight:850}.emailCaptureHtml iframe{display:block;width:100%;min-height:260px;margin-top:.45rem;border:1px solid var(--border);border-radius:10px;background:#fff}
.emailCaptureAttachments{display:grid;gap:.4rem;margin:0;padding:0;list-style:none}.emailCaptureAttachments li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border:1px solid var(--border);border-radius:9px;background:#fff;padding:.55rem .65rem}.emailCaptureAttachments strong,.emailCaptureAttachments small{display:block;overflow-wrap:anywhere}.emailCaptureAttachments small{color:var(--muted);font-size:.68rem}.emailCaptureRoutingControls{display:flex;align-items:end;gap:.5rem;flex-wrap:wrap}.emailCaptureRoutingControls label{display:grid;min-width:min(100%,280px);gap:.2rem;color:var(--muted);font-size:.68rem;font-weight:850}.emailCaptureRoutingControls select,.emailCaptureRoutingControls input{min-height:2.35rem;border:1px solid var(--border);border-radius:8px;background:#fff;padding:.4rem .55rem;font:inherit;color:var(--ink)}.emailCaptureNewPiece{display:grid;gap:.2rem;min-width:min(100%,320px)}.emailCaptureNewPiece[hidden]{display:none}.emailCaptureNewPiece label{min-width:0}.emailCaptureNewPiece small{color:var(--muted);font-size:.66rem}
@media(max-width:780px){.libraryWorkspace{grid-template-columns:1fr}.libraryCollections{grid-template-columns:repeat(3,minmax(0,1fr))}.libraryNavDivider{grid-column:1/-1}.libraryCollectionHead,.libraryWorkCard,.emailCaptureCard,.librarySourceDetail li{align-items:flex-start;flex-direction:column}.libraryBrowseControls{width:100%}.libraryBrowseControls label:first-child{flex:1}.libraryBrowseControls input{width:100%}.libraryWorkCard .actions{flex-wrap:wrap}.libraryWorkActions,.libraryOfflineControls,.legacyRecoveryCardActions{justify-items:start}.legacyRecoveryCardActions .actions{justify-content:flex-start}.libraryOfflineControls small{text-align:left}.libraryOfflineStorage{align-items:flex-start;flex-wrap:wrap}.emailCaptureRoutingControls{align-items:stretch;flex-direction:column}.emailCaptureRoutingControls>*{width:100%}.libraryUploadFields{grid-template-columns:1fr}.searchAtelierResult{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.storyBuilderChoices{grid-template-columns:1fr}.presentationEntityCard{align-items:flex-start;flex-direction:column}.libraryCollections{grid-template-columns:repeat(2,minmax(0,1fr))}.libraryBrowseControls{align-items:stretch;flex-direction:column}}
.workspaceTextarea{width:100%;height:100%;min-height:420px;border:1px solid var(--border);border-radius:14px;background:#fff;padding:.8rem;resize:none;font:inherit;line-height:1.5}
.draftTextarea{font-family:Georgia,"Times New Roman",serif;font-size:1.08rem;line-height:1.65}
.designNotesPanel .workspacePanelBody{overflow:hidden}
.designNotesTextarea{display:block;width:100%;height:100%;min-height:420px;border:0;border-radius:0;background:transparent;padding:0;resize:none;font:inherit;line-height:1.5;box-shadow:none;outline-offset:4px}
.focusTabs{display:flex;gap:.35rem;flex-wrap:wrap;margin:0 0 .5rem;flex:0 0 auto}
.focusGrid{grid-template-columns:minmax(280px,1fr) minmax(420px,1.35fr);gap:.55rem}
.wordCount{color:var(--muted);font-size:.74rem;font-weight:850;white-space:nowrap}
.workspacePage.is-focus{background:#f5f2ec;grid-template-rows:auto minmax(0,1fr)}
.workspacePage.is-focus .workspaceTop{padding:.42rem .7rem;align-items:center}
.workspacePage.is-focus .workspaceTop h2{font-size:1.25rem}
.workspacePage.is-focus .workspaceTop p{font-size:.72rem;opacity:.72}
.workspacePage.is-focus .workspaceTabs{display:none}
.workspacePage.is-focus .workspaceBody{padding:.45rem .55rem;min-height:0;overflow:hidden}
.workspacePage.is-focus .workspaceSave{display:inline-flex}
.workspacePage.is-focus .workspaceSave.ok{opacity:.42}
.workspacePage.is-focus .workspaceSave.warn,.workspacePage.is-focus .workspaceSave.bad{opacity:1;color:#8b2b24;font-weight:850}
.workspacePage.is-focus .focusPanel .workspacePanelHead p{display:none}
.workspacePage.is-focus .workspacePanel{box-shadow:0 8px 22px rgba(0,0,0,.06);border-radius:16px}
.workspacePage.is-focus .workspacePanelHead{padding:.48rem .65rem;min-height:44px}
.workspacePage.is-focus .workspacePanelBody{padding:.5rem;overflow:hidden}
.workspacePage.is-focus .workspaceTextarea{border-radius:10px;padding:.65rem;min-height:0}
.workspacePage.is-focus .draftTextarea{font-size:1.12rem;line-height:1.68}
.briefTextarea{border:0;border-radius:0;background:transparent;padding:.1rem .15rem;box-shadow:none;font-family:Georgia,"Times New Roman",serif;font-size:1rem;line-height:1.62}
.workspacePage.is-focus .briefTextarea{border:0;border-radius:0;padding:.1rem .15rem}
.workspacePage.is-embedded-tool .workspaceBody{padding:.45rem}
.workspacePage.is-embedded-tool .workspaceTop{padding:.55rem .7rem}
.workspacePage.is-embedded-tool .workspaceTop h2{font-size:clamp(1.25rem,2.6vw,1.6rem)}
.workspacePage.is-idealab-workspace .workspaceTop h2{font-size:clamp(1.8rem,3vw,2.1rem)}
.workspacePage.is-idealab-workspace .workspaceBody{padding:0}
.workspacePage.is-idealab-workspace .embeddedToolFrame{border:0;border-radius:0;box-shadow:none}
.workspacePage.is-roomsense-workspace .embeddedToolFrame{border:0;background:transparent;box-shadow:none}
.stickyNote{background:#fff8c9;border:1px solid #dfc957;border-radius:14px;padding:.65rem;box-shadow:0 8px 18px rgba(0,0,0,.06)}
.stickyNote textarea{width:100%;min-height:160px;border:0;background:transparent;resize:vertical;font:inherit}
.workspacePanel.is-collapsed{display:none}
.workspaceSave{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:999px;background:#fff;padding:.3rem .55rem;color:var(--muted);font-size:.72rem;font-weight:850;white-space:nowrap}
.workspaceSave[hidden]{display:none}
.workspaceSave.ok{border-color:#a7b9a8;background:#eef5ed;color:#36573c}
.workspaceSave.warn{border-color:#d3b86a;background:#fff8dc;color:#725611}
.workspaceSave.bad{border-color:#d69b94;background:#fff0ee;color:#8b2b24}
.workspaceStepNav{display:flex;align-items:center;justify-content:center;gap:.45rem;flex-wrap:wrap}
.workspaceStepNav span{min-width:5.5rem;border:1px solid var(--accent);border-radius:999px;background:var(--accent-soft);color:var(--accent);padding:.28rem .55rem;text-align:center;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.researchAssetsPanel{position:sticky;top:.5rem;align-self:start;max-height:calc(100vh - 160px)}
.researchAssetsPanel.is-collapsed .workspacePanelBody{display:none}
.assetContentPreview{white-space:pre-wrap;max-height:170px;overflow:auto;background:#fff;border:1px solid var(--border);border-radius:10px;padding:.55rem;margin-top:.45rem;font-size:.78rem;line-height:1.45}
.assetItem small{display:block;color:var(--muted);margin-top:.12rem}
.goToMenu{position:relative;z-index:140}
.goToMenu[open]{z-index:300}
.goToMenu summary{list-style:none}
.goToMenu summary::-webkit-details-marker{display:none}
.goToMenuList{position:absolute;right:0;top:calc(100% + .35rem);z-index:90;min-width:230px;max-height:min(520px,calc(100dvh - 5rem));overflow:auto;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);padding:.35rem;display:grid;gap:.12rem}
.goToMenuList span{padding:.42rem .48rem .12rem;color:var(--muted);font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.goToMenuList button{border:0;background:transparent;color:var(--ink);border-radius:7px;text-align:left;padding:.38rem .48rem;font-size:.78rem;font-weight:800;cursor:pointer}
.goToMenuList button:hover{background:#f3efe7}
.goToMenuList .goToGroupHead{margin-top:.18rem;color:var(--accent);font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.overviewGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.overviewCard{background:#fff;border:1px solid var(--border);border-radius:18px;padding:1rem}
.overviewCard span{display:block;color:var(--muted);font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.overviewCard p{margin:.2rem 0 0;white-space:pre-wrap}
.doorwayGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}
.siteMapGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem}
.siteMapGroup{background:#fff;border:1px solid var(--border);border-radius:8px;padding:.85rem;box-shadow:0 8px 22px rgba(0,0,0,.04)}
.siteMapGroup h3{margin:0 0 .5rem;font-family:var(--serif);font-size:1.05rem}
.siteMapHeading{border:0;background:transparent;color:var(--ink);padding:0;text-align:left;font-family:var(--serif);font-size:1.05rem;font-weight:900;cursor:pointer}
.siteMapHeading:hover{color:var(--accent)}
.siteMapGroup div{display:grid;gap:.18rem}
.siteMapItem{border:0;background:transparent;color:var(--ink);border-radius:7px;text-align:left;padding:.32rem .45rem;font-size:.82rem;font-weight:750;cursor:pointer}
.siteMapItem:hover{background:#f3efe7}
.myStudioWorkspace{height:100%;min-height:0;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr);gap:.5rem}
.preparedMyStudioBar{min-width:0;border:1px solid rgba(66,92,69,.34);border-radius:10px;background:#edf3eb;padding:.55rem .7rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.preparedMyStudioBar>div:first-child{min-width:0;display:grid;gap:.12rem}.preparedMyStudioBar strong{font-family:var(--serif);font-size:.92rem}.preparedMyStudioBar span{color:var(--muted);font-size:.72rem;line-height:1.35}.preparedMyStudioBar small{color:var(--muted);font-size:.7rem;font-weight:850;white-space:nowrap}.preparedMyStudioChoice{justify-self:start;display:inline-flex!important;align-items:center;gap:.3rem;border:1px solid var(--border);border-radius:999px;background:#fffdf8;padding:.18rem .45rem!important;color:var(--accent)!important;font-size:.66rem!important;font-weight:900!important;letter-spacing:0!important;text-transform:none!important;margin:0!important}.preparedMyStudioChoice input{margin:0;width:auto}.preparedMyStudioChoice span{margin:0!important;color:inherit!important;font-size:inherit!important;letter-spacing:0!important;text-transform:none!important}
.attachmentReaderStatus{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.5rem 0;padding:.65rem .85rem;border:1px solid #9ab39f;border-radius:10px;background:#eef6ef;color:#294b32;font-size:.78rem}.attachmentReaderStatus.bad{border-color:#dca29a;background:#fff1ee;color:#7d2d24}.attachmentReaderStatus span{font-variant-numeric:tabular-nums}
.myStudioColumns{--my-studio-menu-col:minmax(190px,.7fr);--my-studio-editor-col:minmax(300px,1.15fr);--my-studio-preview-col:minmax(340px,1.65fr);height:auto;min-height:0;display:grid;grid-template-columns:var(--my-studio-menu-col) .5rem var(--my-studio-editor-col) .5rem var(--my-studio-preview-col);gap:.35rem;align-items:stretch;overflow-x:auto}
@media(max-width:720px){.preparedMyStudioBar{align-items:stretch;flex-direction:column}.preparedMyStudioBar .actions{justify-content:flex-start}}
.myStudioPanel{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}
.myStudioPanel>.workspacePanelBody{min-height:0;overflow:auto;padding:.65rem}
.myStudioColumnResize{align-self:stretch;min-height:8rem;border:0;border-radius:999px;background:transparent;cursor:col-resize;position:relative;padding:0}.myStudioColumnResize::after{content:"";position:absolute;left:50%;top:.65rem;bottom:.65rem;width:2px;transform:translateX(-50%);border-radius:999px;background:rgba(66,92,69,.22)}.myStudioColumnResize:hover::after,.myStudioColumnResize:focus-visible::after,.myStudioColumns.is-resizing .myStudioColumnResize::after{background:rgba(66,92,69,.55)}.myStudioColumnResize:focus-visible{outline:2px solid rgba(66,92,69,.34);outline-offset:2px}.myStudioColumnToggle{min-width:1.85rem;width:1.85rem;height:1.85rem;padding:0;font-size:1rem;line-height:1}
.myStudioColumns.is-menu-collapsed{--my-studio-menu-col:3rem}.myStudioColumns.is-editor-collapsed{--my-studio-editor-col:3rem}.myStudioColumns.is-preview-collapsed{--my-studio-preview-col:3rem}.myStudioColumns.is-menu-collapsed [data-my-studio-column="menu"],.myStudioColumns.is-editor-collapsed [data-my-studio-column="editor"],.myStudioColumns.is-preview-collapsed [data-my-studio-column="preview"]{min-width:3rem;max-width:3rem}.myStudioColumns.is-menu-collapsed [data-my-studio-column="menu"]>.workspacePanelBody,.myStudioColumns.is-editor-collapsed [data-my-studio-column="editor"]>.workspacePanelBody,.myStudioColumns.is-preview-collapsed [data-my-studio-column="preview"]>.workspacePanelBody,.myStudioColumns.is-menu-collapsed [data-my-studio-column="menu"]>.workspacePanelHead>div:first-child,.myStudioColumns.is-editor-collapsed [data-my-studio-column="editor"]>.workspacePanelHead>div:first-child,.myStudioColumns.is-preview-collapsed [data-my-studio-column="preview"]>.workspacePanelHead>div:first-child{display:none}.myStudioColumns.is-menu-collapsed .myStudioColumnResize[data-my-studio-resize-left="menu"],.myStudioColumns.is-editor-collapsed .myStudioColumnResize,.myStudioColumns.is-preview-collapsed .myStudioColumnResize[data-my-studio-resize-right="preview"]{visibility:hidden;pointer-events:none}.myStudioColumns.is-menu-collapsed [data-my-studio-column="menu"]>.workspacePanelHead,.myStudioColumns.is-editor-collapsed [data-my-studio-column="editor"]>.workspacePanelHead,.myStudioColumns.is-preview-collapsed [data-my-studio-column="preview"]>.workspacePanelHead{padding:.4rem;justify-content:center}.myStudioColumns.is-menu-collapsed [data-my-studio-column="menu"]>.workspacePanelHead .actions,.myStudioColumns.is-editor-collapsed [data-my-studio-column="editor"]>.workspacePanelHead .actions,.myStudioColumns.is-preview-collapsed [data-my-studio-column="preview"]>.workspacePanelHead .actions{margin:0}
.myStudioEditorBody>.workspacePanel{display:block;flex:0 0 auto;overflow:visible;background:transparent;border:0;border-radius:0;box-shadow:none}
.myStudioEditorBody>.workspacePanel>.workspacePanelHead{border-bottom:0;padding:.1rem 0 .45rem}
.myStudioEditorBody>.workspacePanel>.workspacePanelBody{overflow:visible;padding:0}
.studioObjectGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,280px));grid-auto-rows:156px;gap:.55rem;justify-content:start}
.myStudioCatalog{display:grid;gap:.65rem}
.myStudioMenuItems{display:grid;gap:.32rem;padding:.1rem 0 .45rem}
.myStudioMenuItem{min-width:0;display:flex;align-items:stretch;border:1px solid var(--border);border-radius:9px;background:#fff;overflow:hidden}
.myStudioQuickPhotoUpload{border:2px solid var(--accent);background:var(--accent-soft)}.myStudioQuickPhotoUpload .myStudioMenuChoice{cursor:pointer}.myStudioQuickPhotoStatus{margin:.05rem .15rem;color:var(--accent);font-size:.66rem;font-weight:850;line-height:1.35}
.myStudioMenuChoice{min-width:0;flex:1;border:0;background:transparent;color:var(--ink);padding:.48rem .55rem;display:grid;gap:.1rem;text-align:left;cursor:pointer}.myStudioMenuChoice:hover,.myStudioMenuChoice:focus-visible{background:var(--accent-soft);outline:0}.myStudioMenuChoice strong{font-family:var(--serif);font-size:.83rem}.myStudioMenuChoice small{color:var(--muted);font-size:.64rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.myStudioMenuAction{flex:0 0 1.8rem;display:grid;place-items:center;color:var(--accent);font-weight:900}.myStudioMenuItem.is-placeholder{padding:.45rem .55rem;align-items:center;opacity:.72}.myStudioMenuItem.is-placeholder>span:first-child{min-width:0;display:grid;gap:.08rem;flex:1}.myStudioMenuItem.is-placeholder strong{font-family:var(--serif);font-size:.83rem}.myStudioMenuItem.is-placeholder small{color:var(--muted);font-size:.64rem}.myStudioMenuItem.is-placeholder .btn{font-size:.58rem;padding:.2rem .35rem}
.myStudioEditorEmpty,.myStudioPreviewEmpty{min-height:260px;display:grid;place-content:center;justify-items:center;text-align:center;padding:1rem;color:var(--muted)}.myStudioEditorEmpty h3,.myStudioPreviewEmpty h3{margin:.25rem 0;color:var(--ink);font-family:var(--serif)}.myStudioEditorEmpty p,.myStudioPreviewEmpty p{max-width:32rem;margin:0;line-height:1.45}.myStudioPreviewEmpty>span{color:var(--accent);font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.myStudioPreviewPanel .studioObjectPreviewStage{min-height:320px;display:grid;place-items:center;border:1px dashed var(--border);border-radius:10px;background:#fffaf0;padding:1rem;overflow:auto}.myStudioPreviewPanel .actions{margin-top:.65rem;justify-content:flex-end}
.myStudioLivePreviewNote{margin:.55rem 0 0;color:var(--muted);font-size:.68rem;text-align:center}
.studioCatalogDisclosure{border-top:1px solid var(--border)!important;padding:.08rem 0 .15rem!important}
.studioCatalogDisclosure:first-child{border-top:0!important}
.studioCatalogDisclosure>summary{list-style:none;cursor:pointer;display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.45rem .35rem .45rem 0;color:var(--ink)}
.studioCatalogDisclosure>summary::-webkit-details-marker{display:none}
.studioCatalogDisclosure>summary h3{margin:0;font-family:var(--serif);font-size:1.08rem}
.studioCatalogDisclosure>summary b{color:var(--muted);font-size:1rem;line-height:1.4;flex:0 0 auto;position:relative;z-index:1}
.studioCatalogDisclosure[open]>summary b{transform:rotate(45deg)}
.studioCatalogSection .workspacePanelHead p{margin:.15rem 0 0;color:var(--muted);font-size:.86rem;line-height:1.45}
.studioModuleGroups{display:grid;gap:.85rem}
.studioModuleGroup{display:block}
.studioModuleGroup .studioObjectGrid{padding:0 0 .6rem}
.studioModuleGroupHead h4{margin:0;color:var(--accent);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.studioModuleGroup > .muted{margin:0;font-size:.82rem}
.studioObjectCard{border:1px solid var(--border);border-radius:8px;background:#fff;padding:.7rem;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:.55rem;align-content:space-between;min-height:0;overflow:hidden}
.studioObjectCard h4{margin:0 0 .24rem;font-family:var(--serif);font-size:1rem}
.studioObjectCard p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.studioObjectCard .btn{width:100%;min-width:0}
.studioObjectCard.is-placeholder{background:#fbfaf6;border-style:dashed}
.studioObjectCard.is-placeholder .btn[disabled]{opacity:.78;cursor:not-allowed}
@media(max-width:560px){.studioObjectGrid{grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(156px,auto)}}
.studioCreatorPanel{position:relative;z-index:2;padding:.75rem;border:1px solid var(--border)!important;border-radius:12px!important;background:#fffdf8!important;box-shadow:none!important}
.localStudioObjects{position:relative;z-index:1}
.studioCreatorPanel .workspacePanelBody,.localStudioObjects .workspacePanelBody{padding:0}
.studioStickyForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;max-width:900px;align-items:start}
.studioStickyForm label{display:grid;gap:.18rem;color:var(--muted);font-size:.72rem;font-weight:850}
.studioStickyForm input,.studioStickyForm textarea,.studioStickyForm select{width:100%;border:1px solid var(--border);border-radius:10px;background:#fff;padding:.5rem .55rem;color:var(--ink)}
.studioStickyForm textarea{min-height:118px;resize:vertical}
.studioStickyForm .wide{grid-column:1/-1}
.studioImageLibraryChooser{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.5rem}.studioImageLibraryChooser .btn{min-height:2.45rem}
.studioStickyForm .studioCheckbox{display:flex;align-items:center;gap:.45rem;color:var(--ink)}
.studioStickyForm .studioCheckbox input{width:auto}
.studioLoopLabelsField textarea{min-height:86px}
.studioLoopComposer{display:grid;gap:.55rem}
.studioLoopComposerHead{display:flex;align-items:flex-end;justify-content:space-between;gap:.75rem;border-top:1px solid rgba(34,34,34,.12);padding-top:.65rem}
.studioLoopComposerHead h4{margin:0;color:var(--ink);font-size:.94rem}
.studioLoopComposerHead p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.35;text-transform:none;letter-spacing:0;font-weight:650}
.studioLoopCardGrid{display:grid;gap:.55rem}
.studioLoopCardEditor{display:grid;grid-template-columns:7rem minmax(0,1fr) minmax(10rem,.55fr);gap:.5rem;align-items:start;border:1px solid var(--border);border-radius:8px;background:#fffef9;padding:.58rem;box-shadow:0 8px 18px rgba(0,0,0,.035)}
.studioLoopCardEditor .wide{grid-column:2/-1}
.studioLoopCardNumber{align-self:stretch;display:grid;place-items:center;border-radius:7px;background:#f3efe6;color:var(--accent);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.studioLoopCardEditor textarea{min-height:72px}
.studioButtonStateEditor{display:grid;grid-template-columns:7rem minmax(0,1fr) minmax(0,1fr);gap:.5rem;align-items:start;border:1px solid var(--border);border-radius:8px;background:#fffef9;padding:.58rem;box-shadow:0 8px 18px rgba(0,0,0,.035)}
.studioButtonStateEditor .wide{grid-column:2/-1}
.studioButtonStateEditor textarea{min-height:68px}
.studioSwapStateEditor{display:grid;grid-template-columns:7rem minmax(0,1fr) minmax(0,1fr);gap:.5rem;align-items:start;border:1px solid var(--border);border-radius:8px;background:#fffef9;padding:.58rem;box-shadow:0 8px 18px rgba(0,0,0,.035)}
.studioSwapStateEditor .wide{grid-column:2/-1}
.studioCollectionRowActions{grid-column:2/-1;display:flex;gap:.35rem;flex-wrap:wrap;justify-content:flex-end;padding-top:.15rem}
.studioCollectionRowActions .btn,.studioCollectionAdd .btn{font-size:.72rem;padding:.35rem .55rem}
.studioCollectionAdd{display:flex;justify-content:flex-start}
.studioStickyAdvanced{border:1px solid var(--border);border-radius:12px;background:#fff;padding:.65rem;margin:0;display:grid;gap:.55rem}
.studioStickyAdvanced legend{padding:0 .25rem;color:var(--muted);font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.studioStickyAdvancedGrid{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:.5rem}
.studioAttachedModules{border:1px solid var(--border);border-radius:10px;background:#fff;padding:.6rem;margin:0;display:grid;gap:.45rem}
.studioAttachedModules legend{padding:0 .25rem;color:var(--muted);font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.studioAttachedModuleControls{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}
.studioAttachedModuleControls select{max-width:210px}
.studioAttachedModuleChips{display:flex;gap:.3rem;flex-wrap:wrap}
.studioAttachedModuleChips span,.localStudioModules span{display:inline-flex;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.72);padding:.08rem .4rem;color:var(--muted);font-size:.68rem;font-weight:850}
.studioRabbitHoleEditor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin-top:.45rem}
.studioRabbitHoleEditor .wide{grid-column:1/-1}
.studioStickyPreviewWrap{display:flex;align-items:center;justify-content:center;min-height:190px;border:1px dashed var(--border);border-radius:10px;background:#fffaf0;overflow:auto;padding:.75rem}
.studioStickyPreview{max-width:100%;border:1px solid rgba(0,0,0,.08);border-radius:4px;background:#fff8c9;color:#172565;padding:.8em;box-shadow:0 10px 20px rgba(0,0,0,.08);overflow:auto;line-height:1.25;transform-origin:center}
.studioStickyPreview.blue{background:#eef6ff}.studioStickyPreview.rose{background:#fff1ec}.studioStickyPreview.plain{background:#fff}
.studioStickyPreview strong{display:block;margin:0 0 .35em;font-family:var(--serif);font-size:1.05em;overflow-wrap:anywhere}
.studioStickyPreview p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.studioStickyPreview small{display:inline-flex;margin-top:.65em;border:1px solid rgba(23,37,101,.18);border-radius:999px;padding:.12em .45em;background:rgba(255,255,255,.5);font-size:.72em;font-weight:850}
.atelierStudioElementRender{border:1px solid var(--border);border-radius:8px;background:#fff;padding:.7rem;display:grid;gap:.45rem;color:var(--ink);max-width:100%}
.atelierStudioElementRender>span{display:block;color:var(--green);font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.atelierStudioElementRender h4{margin:0;font-family:var(--serif);font-size:1rem}
.studioElementTopics{display:flex;flex-wrap:wrap;gap:.35rem}
.studioElementTopics a{display:inline-flex;border:1px solid var(--border);border-radius:999px;padding:.18rem .5rem;color:var(--green);text-decoration:none;font-size:.78rem;font-weight:850;background:#fffdf8}
.studioElementGallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.45rem}
.studioElementGallery section{border:1px solid var(--border);border-radius:8px;padding:.4rem;background:#fffdf8;display:grid;gap:.25rem}
.studioElementGallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px;background:#f4f0e8}
.studioElementGallery b{font-size:.78rem}.studioElementGallery small{font-size:.7rem;color:var(--muted)}
.studioInkForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;max-width:980px;align-items:start}
.studioInkForm label{display:grid;gap:.18rem;color:var(--muted);font-size:.72rem;font-weight:850}
.studioInkForm input,.studioInkForm select,.studioInkForm textarea{width:100%;border:1px solid var(--border);border-radius:10px;background:#fff;padding:.5rem .55rem;color:var(--ink)}
.studioInkForm textarea{min-height:88px;resize:vertical}
.studioPhotoStickyPicker,.studioPhotoInkPicker{display:grid;gap:.35rem}
.studioPhotoStickyPicker[hidden],.studioPhotoInkPicker[hidden]{display:none!important}
.studioPhotoStickyPicker p,.studioPhotoInkPicker p{margin:0}
.studioPhotoAnnotationHint{margin:.55rem 0 .35rem}
.studioPhotoAnnotationLayers{display:grid;gap:.45rem}
.studioPhotoAnnotationEmpty{margin:0;border:1px dashed var(--border);border-radius:8px;background:#fffdf8;padding:.65rem;text-align:center}
.studioPhotoAnnotationLayer{display:grid;gap:.5rem;border:1px solid var(--border);border-radius:10px;background:#fff;padding:.6rem}
.studioPhotoAnnotationLayerHead{display:flex;align-items:flex-start;justify-content:space-between;gap:.65rem}
.studioPhotoAnnotationLayerHead>div:first-child{min-width:0}
.studioPhotoAnnotationLayerHead strong,.studioPhotoAnnotationLayerHead span{display:block}
.studioPhotoAnnotationLayerHead strong{font-size:.78rem;color:var(--ink);overflow-wrap:anywhere}
.studioPhotoAnnotationLayerHead span{margin-top:.08rem;color:var(--muted);font-size:.64rem;font-weight:750}
.studioPhotoAnnotationLayerHead .actions{justify-content:flex-end;margin-top:0}
.studioPhotoAnnotationFields{display:grid;grid-template-columns:repeat(5,minmax(90px,1fr));gap:.4rem}
.studioInkForm input[type=color]{padding:.18rem;min-height:2.25rem}
.studioInkForm .wide{grid-column:1/-1}
.studioInkSettingsDisclosure{justify-self:start}
.studioInkSettingsDisclosure summary{list-style:none;cursor:pointer;width:max-content;border:1px solid var(--border);border-radius:999px;background:#fff;padding:.28rem .65rem;color:var(--ink);font-size:.72rem;font-weight:850}
.studioInkSettingsDisclosure summary::-webkit-details-marker{display:none}
.studioInkSettingsDisclosure summary:after{content:" +";color:var(--muted);font-weight:900}
.studioInkSettingsDisclosure[open] summary:after{content:" -"}
.studioInkSettingsBody{display:grid;gap:.55rem;margin-top:.55rem;max-width:980px}
.studioInkPreviewGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}
.studioInkPreviewGrid h4{margin:0 0 .25rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.studioInkPreview{min-height:190px;border:1px solid var(--border);border-radius:10px;background:#fff;display:grid;place-items:center;overflow:auto;padding:.65rem}
.studioInkPreview.transparent{background-color:#fff;background-image:linear-gradient(45deg,rgba(0,0,0,.055) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.055) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.055) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.055) 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}
.studioInkPreview img{display:block;max-width:100%;max-height:260px;object-fit:contain}
.studioCropHint{margin:.1rem 0 .45rem}
.studioCropEmpty{min-height:150px;border:1px dashed var(--border);border-radius:10px;background:#fff;display:grid;place-items:center;color:var(--muted);padding:.8rem;text-align:center}
.studioCropSurface{min-height:160px;border:1px solid var(--border);border-radius:10px;background:#fff;display:grid;place-items:center;overflow:auto;padding:.65rem;touch-action:none}
.studioCropImageFrame{position:relative;display:inline-grid;max-width:100%;overflow:hidden;line-height:0}
.studioCropImageFrame img{display:block;max-width:100%;max-height:320px;object-fit:contain;user-select:none;-webkit-user-drag:none}
.studioCropBox{position:absolute;z-index:2;border:2px solid var(--accent);box-shadow:0 0 0 9999px rgba(0,0,0,.22),0 0 0 1px rgba(255,255,255,.7) inset;cursor:move;touch-action:none;pointer-events:auto}
.studioCropHandle{position:absolute;z-index:3;width:14px;height:14px;border:2px solid #fff;border-radius:50%;background:var(--accent);box-shadow:0 1px 4px rgba(0,0,0,.25);pointer-events:auto}
.studioCropHandle.n,.studioCropHandle.s{left:50%;transform:translateX(-50%)}
.studioCropHandle.e,.studioCropHandle.w{top:50%;transform:translateY(-50%)}
.studioCropHandle.n{top:2px;cursor:ns-resize}.studioCropHandle.s{bottom:2px;cursor:ns-resize}
.studioCropHandle.e{right:2px;cursor:ew-resize}.studioCropHandle.w{left:2px;cursor:ew-resize}
.studioCropHandle.nw{top:2px;left:2px;cursor:nwse-resize}.studioCropHandle.ne{top:2px;right:2px;cursor:nesw-resize}
.studioCropHandle.se{right:2px;bottom:2px;cursor:nwse-resize}.studioCropHandle.sw{left:2px;bottom:2px;cursor:nesw-resize}
.studioFocalMarker{position:absolute;z-index:4;width:18px;height:18px;border:2px solid #fff;border-radius:999px;background:var(--accent);box-shadow:0 0 0 2px rgba(23,37,101,.45),0 2px 8px rgba(0,0,0,.28);transform:translate(-50%,-50%);pointer-events:none}
.localMaterialGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.55rem}
.localStudioMaterial{border:1px solid var(--border);border-radius:8px;background:#fff;padding:.65rem;display:grid;gap:.35rem;box-shadow:0 8px 18px rgba(0,0,0,.04)}
.localStudioMaterial span{display:block;color:var(--muted);font-size:.64rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.localStudioMaterial h4{font-family:var(--serif);font-size:1rem;margin:0}
.localStudioMaterial img{width:100%;max-height:150px;object-fit:contain;border:1px solid var(--border);border-radius:6px;background:#fff}
.localStudioMaterial small{color:var(--muted);font-size:.7rem;font-weight:850}
.localStudioGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.55rem}
.localStudioObject{border:1px solid var(--border);border-radius:8px;background:#fff;padding:.65rem;box-shadow:0 8px 18px rgba(0,0,0,.04);display:grid;gap:.45rem}
.atelierStudioObjectRender{--studio-ink:#172565;box-sizing:border-box;width:max-content;max-width:100%;font-family:var(--sans);color:var(--ink);display:inline-block}
.atelierStudioObjectRender *{box-sizing:border-box}
.atelierStudioObjectRender.atelierStudioHeroRender{display:block;width:100%}
.atelierStudioObjectAttachmentStage{position:relative;display:inline-block;width:max-content;max-width:100%;isolation:isolate;vertical-align:top}
.atelierStudioObjectAttachmentHost{position:relative;z-index:1}
.atelierStudioAttachedSticky{position:absolute;z-index:2;transform-origin:center;max-width:none}
.atelierStudioAttachedSticky>.atelierStudioPaper{box-sizing:border-box;margin:0;max-width:none}
.atelierStudioTimeline{width:min(520px,100%);border:1px solid rgba(66,92,69,.24);border-radius:8px;background:#fffdf8;color:var(--ink);box-shadow:0 10px 22px rgba(0,0,0,.06);padding:1rem;line-height:1.35}
.atelierStudioTimeline ol{list-style:none;margin:.75rem 0 0;padding:0;display:grid;gap:.5rem}
.atelierStudioTimeline li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.5rem;align-items:start;border-top:1px solid rgba(66,92,69,.14);padding-top:.5rem}
.atelierStudioTimeline li b{color:#466343;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em}
.atelierStudioTimeline li strong{display:block;color:var(--ink)}
.atelierStudioTimeline li span{display:block;color:var(--muted);font-size:.84rem}
.atelierStudioFiveWhys{width:min(720px,100%);border:1px solid rgba(66,92,69,.24);border-radius:8px;background:#fffdf8;color:var(--ink);box-shadow:0 10px 22px rgba(0,0,0,.06);padding:1rem;line-height:1.35}
.atelierStudioFiveWhysScroll{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(220px,.92fr);gap:.85rem;align-items:start}
.atelierStudioFiveWhysVisual{position:sticky;top:.8rem}
.atelierStudioFiveWhys ol{list-style:none;margin:.75rem 0 0;padding:0;display:grid;gap:.45rem}
.atelierStudioFiveWhys li{display:grid;grid-template-columns:72px minmax(0,1fr);gap:.5rem;align-items:start;border:1px solid rgba(66,92,69,.14);border-radius:8px;background:rgba(255,255,255,.62);padding:.55rem;transition:opacity .18s ease,border-color .18s ease,background .18s ease}
.atelierStudioFiveWhys li b{color:#466343;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}
.atelierStudioFiveWhys li span{color:var(--ink);overflow-wrap:anywhere}
.atelierStudioFiveWhys li small{grid-column:2;color:var(--muted);font-size:.74rem}
.atelierStudioFiveWhys li.is-active{border-color:rgba(184,92,56,.55);background:#fff3e8}
.atelierStudioFiveWhys li.is-dimmed{opacity:.46}
.atelierStudioFiveWhys li.is-link-from,.atelierStudioFiveWhys li.is-link-to{box-shadow:inset 4px 0 0 #466343}
.atelierStudioFiveWhysCards{display:grid;gap:.55rem}
.atelierStudioFiveWhysCard{border:1px solid rgba(23,37,101,.14);border-radius:8px;background:#fff;padding:.72rem;box-shadow:0 8px 18px rgba(0,0,0,.05)}
.atelierStudioFiveWhysCard span{display:block;margin:0 0 .25rem;color:#5f5a53;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.atelierStudioFiveWhysCard h5{margin:0 0 .28rem;font-family:var(--serif);font-size:1rem;color:#172565}
.atelierStudioFiveWhysCard p{margin:0;color:var(--ink)}
.atelierStudioFiveWhysCard.is-active{border-color:rgba(184,92,56,.42);background:#fff9f3}
@media(max-width:720px){.atelierStudioFiveWhysScroll{grid-template-columns:1fr}.atelierStudioFiveWhysVisual{position:static}}
.atelierStudioPromptQuestion{width:min(520px,100%);border:1px solid rgba(66,92,69,.24);border-radius:8px;background:#fff;color:var(--ink);box-shadow:0 10px 22px rgba(0,0,0,.06);padding:1rem;line-height:1.35}
.atelierStudioPromptQuestionText{margin:.75rem 0 .45rem;font-family:var(--serif);font-size:1.25rem;line-height:1.2;color:var(--accent);overflow-wrap:anywhere}
.atelierStudioPaper{border:1px solid rgba(0,0,0,.12);border-radius:8px;background:#fff8c9;color:var(--studio-ink);box-shadow:0 10px 22px rgba(0,0,0,.08);padding:1rem;line-height:1.32;overflow-wrap:anywhere}
.atelierStudioPaper:not(.indexCard),.atelierStudioPaper:not(.indexCard) .atelierStudioType,.atelierStudioPaper:not(.indexCard) .atelierStudioTitle,.atelierStudioPaper:not(.indexCard) .atelierStudioBody,.atelierStudioPaper:not(.indexCard) .atelierStudioMeta span{color:var(--studio-ink,#172565)}
.atelierStudioPaper.blue{background:#eef6ff}
.atelierStudioPaper.rose{background:#fff1ec}
.atelierStudioPaper.plain{background:#fff}
.atelierStudioPaper.atelierCanonicalStickyPaper{--atelier-sticky-paper:#fff8c9;position:relative;isolation:isolate;border-radius:0;background:radial-gradient(circle at 22% 18%,rgba(255,255,255,.18),transparent 24%),radial-gradient(circle at 68% 58%,rgba(255,255,255,.10),transparent 32%),repeating-radial-gradient(circle at 18% 24%,rgba(255,255,255,.10) 0 .35px,rgba(0,0,0,.018) .45px .85px,transparent 1px 2.8px),linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0) 28%),linear-gradient(90deg,rgba(255,255,255,.08),rgba(0,0,0,.035)),var(--atelier-sticky-paper);box-shadow:14px 19px 34px rgba(55,45,24,.25),0 7px 13px rgba(55,45,24,.15),inset 0 1px 0 rgba(255,255,255,.26);overflow:visible;transform-origin:center}
.atelierStudioPaper.atelierCanonicalStickyPaper.blue{--atelier-sticky-paper:#eef6ff}
.atelierStudioPaper.atelierCanonicalStickyPaper.rose{--atelier-sticky-paper:#fff1ec}
.atelierStudioPaper.atelierCanonicalStickyPaper.plain{--atelier-sticky-paper:#fff}
.atelierStudioPaper.atelierCanonicalStickyPaper::before{content:"";position:absolute;inset:0;border-radius:0;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(0,0,0,.025) 100%);mix-blend-mode:multiply;pointer-events:none}
.atelierStudioPaper.atelierCanonicalStickyPaper::after{content:"";position:absolute;left:5%;right:2%;bottom:-3.5%;height:9%;border-radius:50%;background:rgba(70,55,25,.28);filter:blur(14px);opacity:.62;pointer-events:none;z-index:-1}
.atelierStudioPaper.atelierCanonicalStickyPaper>*{position:relative;z-index:1;max-width:100%}
.atelierStudioPaper.indexCard{position:relative;aspect-ratio:5/3;border-radius:1px;border:1px solid rgba(86,72,52,.22);background-color:#fffaf0;background-image:linear-gradient(to bottom,transparent 0,transparent 2.24rem,rgba(185,64,59,.35) 2.24rem,rgba(185,64,59,.35) 2.31rem,transparent 2.31rem),repeating-linear-gradient(to bottom,transparent 0,transparent 1.52rem,rgba(70,106,150,.18) 1.56rem,transparent 1.61rem);background-position:0 0,0 2.33rem;background-size:100% 100%,100% calc(100% - 2.33rem);background-repeat:no-repeat,no-repeat;color:#24352f;box-shadow:0 8px 18px rgba(45,38,28,.12);padding:1.05rem 1.25rem 1rem;line-height:1.42;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.atelierStudioPaper.indexCard .atelierStudioType{color:#6f665d;font-size:.6rem;margin-bottom:.5rem;letter-spacing:.1em}
.atelierStudioPaper.indexCard .atelierStudioTitle{font-size:1rem;line-height:1.18;margin:0 0 .45rem;color:#24352f;font-weight:700}
.atelierStudioPaper.indexCard .atelierStudioBody{font-family:var(--serif);font-size:.88rem!important;line-height:1.52;color:#2f3d36}
.atelierStudioPaper.indexCard .atelierStudioInk{display:block;max-width:min(72%,280px);max-height:46%;object-fit:contain;margin:.35rem auto .1rem}
.atelierStudioPaper.indexCard .atelierStudioMeta{margin-top:.55rem;gap:.22rem}
.atelierStudioPaper.indexCard .atelierStudioMeta span{border-color:rgba(67,82,72,.16);background:rgba(255,250,240,.68);color:#6f665d;font-size:.64rem;font-weight:750}
.atelierStudioPaper.indexCardBack{position:relative;aspect-ratio:5/3;border-radius:1px;border:1px solid rgba(86,72,52,.22);background:#fffaf0;background-image:none;color:#24352f;box-shadow:0 14px 32px rgba(45,38,28,.18);padding:1.25rem;line-height:1.42;width:min(560px,88vw);min-height:300px}
.atelierStudioPaper.indexCardBack .atelierStudioBody{font-family:var(--serif);font-size:1rem!important;line-height:1.52;color:#2f3d36}
.indexCardTurnButton{justify-self:start;margin-top:.2rem}
.indexCardBackExport{margin-top:.65rem}
.indexCardBackExport summary{cursor:pointer;color:var(--accent);font-weight:850}
.indexCardBackExport .indexCardBack{margin-top:.55rem}
.indexCardBackOverlay{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:1rem;background:rgba(34,31,27,.38)}
.indexCardBackDialog{display:grid;gap:.7rem;justify-items:center}
.indexCardBackDialog .actions{justify-content:center}
.atelierStudioType{display:block;margin:0 0 .35rem;color:#5f5a53;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.atelierStudioObjectRender .atelierStudioType,.atelierStudioObjectRender .atelierStudioImageEyebrow{display:none!important}
.atelierStudioTitle{margin:0 0 .4rem;font-family:var(--serif);font-size:1.18rem;line-height:1.05;color:#222}
.atelierStudioBody{margin:0;white-space:pre-wrap}
.atelierStudioPaper .atelierStudioInk{display:block;max-width:88%;max-height:150px;object-fit:contain;margin:.35rem auto .45rem}
.atelierStudioMeta{display:flex;gap:.3rem;flex-wrap:wrap;margin-top:.65rem}
.atelierStudioMeta span{display:inline-flex;border:1px solid rgba(23,37,101,.18);border-radius:999px;padding:.12rem .45rem;background:rgba(255,255,255,.55);font-size:.72rem;font-weight:850;color:#5f5a53}
.atelierStudioImageObject{width:min(720px,100%);border:1px solid rgba(0,0,0,.1);border-radius:8px;background:#fff;box-shadow:0 10px 24px rgba(0,0,0,.08);overflow:hidden;text-align:left;padding:.8rem}
.atelierStudioImageEyebrow{display:block;margin:0 0 .35rem;color:#6f4c2b;font-size:.72rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.atelierStudioImageSupporting{max-width:58ch;margin:.35rem 0 .75rem}
.atelierStudioImageCaption{margin:.5rem 0 0;color:#67615b;font-size:.84rem;line-height:1.45}
.atelierStudioImageMedia{margin:0;min-width:0}
.atelierStudioImageObject img{display:block;width:100%;max-height:520px;object-fit:cover;border-radius:4px;background:#f6f4ef}
.atelierStudioImageObject[data-image-render-type="full_image"] img{aspect-ratio:16/9}
.atelierStudioImageObject[data-image-render-type="split"]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.85rem;align-items:center}
.atelierStudioImageObject[data-image-render-type="split"] img{width:100%;height:100%;min-height:260px;aspect-ratio:4/3;object-fit:cover}
.atelierStudioImageObject[data-image-render-type="split"] .atelierStudioImageMedia{height:100%}
.atelierStudioImageObject[data-image-render-type="split"] .atelierStudioImageText{display:grid;align-content:center;min-height:260px;padding:clamp(1.25rem,3vw,2.5rem);background:#f7f4ee}
.atelierStudioImageObject[data-image-render-type="split"] .atelierStudioImageText p{font-family:var(--serif);font-size:clamp(1.35rem,2.3vw,2rem);line-height:1.25}
.studioSplitSide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.65rem;border:1px solid var(--border);border-radius:8px;padding:.8rem;background:#fbfaf6}
.studioSplitSide legend{font-family:var(--serif);font-size:1.15rem;font-weight:800;padding:0 .25rem}
.atelierStudioHeroObject{width:100%;max-width:none;min-height:clamp(320px,48vh,560px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);align-items:stretch;padding:0;border:0;border-radius:0;box-shadow:none;background:#f1ede4}
.atelierStudioHeroObject .atelierStudioImageMedia{min-height:inherit;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}
.atelierStudioHeroObject .atelierStudioImageMedia img{display:block;width:100%;height:100%;max-height:none;min-height:0;object-fit:contain;border-radius:0;background:#f6f4ef}
.atelierStudioHeroObject .atelierStudioImageText{display:grid;align-content:center;padding:clamp(1.5rem,5vw,5rem)}
.atelierStudioHeroObject .atelierStudioTitle{font-size:clamp(2.4rem,5vw,5.8rem);line-height:.94}
.atelierStudioHeroObject .atelierStudioImageSupporting{font-size:clamp(1rem,1.5vw,1.25rem)}
.atelierStudioHeroObject[data-hero-image-placement="right"]{grid-template-columns:minmax(18rem,.85fr) minmax(0,1.15fr)}
.atelierStudioHeroObject[data-hero-image-placement="above"],.atelierStudioHeroObject[data-hero-image-placement="below"]{grid-template-columns:1fr}
.atelierStudioHeroObject[data-hero-image-placement="above"] .atelierStudioImageMedia,.atelierStudioHeroObject[data-hero-image-placement="below"] .atelierStudioImageMedia{min-height:clamp(300px,54vh,640px)}
.atelierStudioImageObject[data-image-render-type="parallax"]{position:relative;min-height:360px;background:#f7f4ee center/cover no-repeat;display:grid;place-items:center;text-align:center}
.atelierStudioImageObject[data-image-render-type="parallax"]:before{content:"";position:absolute;inset:0;background:rgba(247,244,238,.72)}
.atelierStudioImageObject[data-image-render-type="parallax"]>div{position:relative;width:min(520px,calc(100% - 2rem));border-radius:8px;background:rgba(255,253,248,.9);padding:1rem}
.atelierStudioImageObject[data-image-render-type="video"]{position:relative;min-height:360px;background:#17251f;color:#fff;display:grid;place-items:center;text-align:center}
.atelierStudioImageObject[data-image-render-type="video"] video,.atelierStudioImageObject[data-image-render-type="video"]>img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;opacity:.45}
.atelierStudioImageObject[data-image-render-type="video"]>div{position:relative;width:min(520px,calc(100% - 2rem));padding:1rem}
.atelierStudioImageObject[data-image-render-type="video"] .atelierStudioTitle,.atelierStudioImageObject[data-image-render-type="video"] .atelierStudioBody,.atelierStudioImageObject[data-image-render-type="video"] .atelierStudioType{color:#fff}
@media(max-width:720px){.atelierStudioImageObject[data-image-render-type="split"],.atelierStudioHeroObject,.atelierStudioHeroObject[data-hero-image-placement="right"]{grid-template-columns:1fr}.atelierStudioHeroObject{min-height:0}.atelierStudioHeroObject .atelierStudioImageMedia,.atelierStudioHeroObject .atelierStudioImageMedia img{min-height:280px}}
.atelierStudioQuoteObject{width:min(680px,100%);border-left:5px solid #425c45;background:#fffef9;box-shadow:0 10px 24px rgba(0,0,0,.07);padding:1rem 1.1rem;text-align:left}
.atelierStudioQuoteObject blockquote{margin:.35rem 0 0;font-family:Georgia,"Times New Roman",serif;font-size:1.35rem;line-height:1.25;color:#24352f}
.atelierStudioQuoteObject cite{display:block;margin-top:.55rem;color:#5f5a53;font-style:normal;font-weight:800}
.atelierStudioSwapObject{width:min(680px,100%);border:1px solid rgba(66,92,69,.18);border-radius:8px;background:#fffef9;box-shadow:0 10px 24px rgba(0,0,0,.07);padding:1rem;text-align:left}
.atelierStudioSwapObjectGrid{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.8rem;align-items:stretch;margin:.65rem 0}
.atelierStudioSwapObjectGrid section{border:1px solid rgba(66,92,69,.15);background:rgba(255,255,255,.72);padding:.75rem;border-radius:6px}
.atelierStudioBeforeAfterObject .atelierStudioSwapObjectGrid section{min-width:0;padding:0;overflow:hidden}
.atelierStudioBeforeAfterObject .atelierStudioSwapObjectGrid section b,.atelierStudioBeforeAfterObject .atelierStudioSwapObjectGrid section p{margin:.65rem .75rem}
.atelierStudioBeforeAfterObject .atelierStudioSwapObjectGrid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.atelierStudioSwapObjectGrid b{display:block;margin-bottom:.25rem;color:#425c45;font-size:.74rem;text-transform:uppercase;letter-spacing:.08em}
.atelierStudioSwapObjectGrid strong{align-self:center;color:#425c45;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:720px){.atelierStudioSwapObjectGrid{grid-template-columns:1fr}.atelierStudioSwapObjectGrid strong{text-align:center}}
.atelierStudioChartObject{width:min(680px,100%);border:1px solid rgba(66,92,69,.18);border-radius:8px;background:#fffef9;box-shadow:0 10px 24px rgba(0,0,0,.07);padding:1rem;text-align:left}
.atelierStudioChartObject section{display:grid;grid-template-columns:minmax(5rem,.7fr) minmax(8rem,1fr) auto;gap:.55rem;align-items:center;margin:.45rem 0}
.atelierStudioChartObject i{height:.75rem;border-radius:999px;background:#ece7dc;overflow:hidden}
.atelierStudioChartObject em{display:block;height:100%;border-radius:999px;background:#425c45}
.atelierStudioChartObject b,.atelierStudioChartObject strong{font-size:.82rem;overflow-wrap:anywhere}
@media(max-width:620px){.atelierStudioChartObject section{grid-template-columns:1fr}.atelierStudioChartObject strong{justify-self:start}}
.atelierStudioGalleryObject{width:min(760px,100%);border:1px solid rgba(66,92,69,.18);border-radius:8px;background:#fff;box-shadow:0 10px 24px rgba(0,0,0,.07);padding:1rem;text-align:left}
.atelierStudioGalleryGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.65rem;margin-top:.75rem}
.atelierStudioGalleryGrid[data-gallery-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.atelierStudioGalleryGrid section{border:1px solid rgba(66,92,69,.16);border-radius:8px;background:#fffef9;padding:.45rem;display:grid;gap:.32rem;align-content:start}
.atelierStudioGalleryGrid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px;background:#f4f0e8}
.atelierStudioGalleryGrid b{font-size:.82rem;overflow-wrap:anywhere}
.atelierStudioGalleryGrid small,.atelierStudioGalleryGrid em{font-size:.74rem;color:var(--muted);font-style:normal;overflow-wrap:anywhere}
.atelierStudioGalleryMissing{display:grid;place-items:center;min-height:96px;border-radius:6px;background:#f4f0e8;color:var(--muted);font-size:.72rem;text-align:center;padding:.4rem;overflow-wrap:anywhere}
@media(max-width:520px){.atelierStudioGalleryGrid[data-gallery-count="3"]{grid-template-columns:1fr}}
.studioGalleryComposer{display:grid;gap:.65rem;border:1px solid rgba(66,92,69,.16);border-radius:8px;background:#fffef9;padding:.75rem}
.studioGalleryComposerHead{display:flex;justify-content:space-between;gap:.75rem;align-items:end;flex-wrap:wrap}
.studioGalleryComposerHead strong{color:var(--ink);font-size:.88rem}
.studioGalleryComposerHead small{color:var(--muted);font-size:.72rem;font-weight:750}
.studioGallerySelectedList{display:grid;gap:.55rem}
.studioGalleryComposerRow{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:.65rem;align-items:start;border:1px solid rgba(66,92,69,.14);border-radius:8px;background:#fff;padding:.5rem}
.studioGalleryComposerThumb{width:92px;aspect-ratio:4/3;border-radius:6px;background:#f4f0e8;overflow:hidden;display:grid;place-items:center;color:var(--muted);font-size:.68rem;font-weight:850;text-align:center;overflow-wrap:anywhere}
.studioGalleryComposerThumb img{width:100%;height:100%;object-fit:cover;display:block}
.studioGalleryComposerFields{display:grid;gap:.35rem;min-width:0}
.studioGalleryComposerFields strong{font-size:.9rem;line-height:1.15;overflow-wrap:anywhere}
.studioGalleryComposerFields small{color:var(--muted);font-size:.68rem;overflow-wrap:anywhere}
.studioGalleryComposerFields label{font-size:.68rem}
.studioGalleryComposerActions{display:grid;gap:.3rem;min-width:5.2rem}
.studioGalleryPickerGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.55rem}
.studioGalleryPickerCard{appearance:none;border:1px solid rgba(66,92,69,.16);border-radius:8px;background:#fff;display:grid;gap:.35rem;text-align:left;padding:.45rem;color:var(--ink);cursor:pointer;min-width:0}
.studioGalleryPickerCard:hover,.studioGalleryPickerCard:focus{border-color:rgba(66,92,69,.42);box-shadow:0 0 0 3px rgba(66,92,69,.1);outline:none}
.studioGalleryPickerThumb{display:grid;place-items:center;aspect-ratio:4/3;border-radius:6px;background:#f4f0e8;overflow:hidden;color:var(--muted);font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
.studioGalleryPickerThumb img{width:100%;height:100%;object-fit:cover;display:block}
.studioGalleryPickerCard strong{font-size:.82rem;line-height:1.15;overflow-wrap:anywhere}
.studioGalleryPickerCard em{font-style:normal;color:var(--accent);font-size:.66rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.studioGalleryPickerCard small{font-size:.72rem;color:var(--muted);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.studioGalleryReferencePayload textarea{min-height:52px;font-size:.72rem;color:var(--muted);background:#f8f6f0}
@media(max-width:680px){.studioGalleryComposerRow{grid-template-columns:1fr}.studioGalleryComposerThumb{width:100%}.studioGalleryComposerActions{grid-template-columns:repeat(3,minmax(0,1fr));min-width:0}}
.atelierStudioTwoByTwoObject{width:min(680px,100%);border:1px solid rgba(66,92,69,.18);border-radius:8px;background:#fff;box-shadow:0 10px 24px rgba(0,0,0,.07);padding:1rem;text-align:left}
.atelierStudioTwoByTwoObject small{display:block;color:#5f5a53;font-weight:850;text-align:center;margin:.35rem 0}
.atelierStudioTwoByTwoObjectGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid rgba(66,92,69,.18);border-radius:8px;overflow:hidden;background:#fffef9}
.atelierStudioTwoByTwoObjectGrid section{min-height:5.2rem;padding:.75rem;border:1px solid rgba(66,92,69,.14);overflow-wrap:anywhere}
@media(max-width:620px){.atelierStudioTwoByTwoObjectGrid{grid-template-columns:1fr}}
.atelierStudioRabbit{margin-top:.75rem;border:0;border-radius:0;background:transparent;padding:0}
.atelierStudioRabbit summary{cursor:pointer;font-weight:850;color:var(--accent)}
.atelierStudioRabbit .atelierStudioPaper{margin-top:.55rem}
.localStudioObject .atelierStudioPaper{max-width:100%}
.studioObjectPreviewPanel .workspacePanelBody{display:grid;gap:.65rem}
.studioObjectPreviewStage{display:grid;place-items:center;min-height:220px;padding:1rem;overflow:auto}
.studioStickyAttachmentEditor .workspacePanelBody{display:grid;gap:1rem}
.studioStickyAttachmentLayout{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr);gap:1rem;align-items:start}
.myStudioEditorBody .studioStickyAttachmentLayout{grid-template-columns:minmax(0,1fr)}
.studioStickyAttachmentControls{display:grid;gap:.75rem}
.studioStickyAttachmentComposer,.studioStickyAttachmentCard{display:grid;gap:.65rem;border:1px solid var(--border);border-radius:10px;background:#fff;padding:.8rem}
.studioStickyAttachmentComposer h4,.studioStickyAttachmentPreview h4,.studioStickyAttachmentList h4{margin:0;font-family:var(--serif);font-size:1rem}
.studioStickyAttachmentComposer textarea{min-height:88px}
.studioStickyAttachmentChooser{display:flex;align-items:end;gap:.45rem;flex-wrap:wrap}
.studioStickyAttachmentChooser label{display:grid;gap:.18rem;min-width:min(360px,100%);color:var(--muted);font-size:.72rem;font-weight:850}
.studioStickyAttachmentChooser select{width:100%;border:1px solid var(--border);border-radius:10px;background:#fff;padding:.42rem .5rem;color:var(--ink)}
.studioStickyAttachmentGeometry{display:grid;grid-template-columns:repeat(5,minmax(90px,1fr));gap:.4rem}
.studioStickyAttachmentPreview{min-width:0;border:1px solid var(--border);border-radius:10px;background:#f7f3ea;padding:.75rem;overflow:auto}
.studioStickyAttachmentPreview .studioObjectPreviewStage{min-width:680px;place-items:start;padding:1rem;background:#fff}
.studioStickyAttachmentList{display:grid;gap:.65rem}
.studioStickyAttachmentCount{margin:0}
.studioStickyAttachmentCardHead{display:flex;justify-content:space-between;gap:.75rem;align-items:start}
.studioStickyAttachmentCardHead strong,.studioStickyAttachmentCardHead small{display:block}
.studioStickyAttachmentCardHead small{margin-top:.2rem;color:var(--muted);font-size:.72rem}
@media(max-width:980px){.studioStickyAttachmentLayout{grid-template-columns:1fr}.studioStickyAttachmentPreview .studioObjectPreviewStage{min-width:620px}}
@media(max-width:620px){.studioStickyAttachmentGeometry{grid-template-columns:repeat(2,minmax(0,1fr))}.studioStickyAttachmentPreview .studioObjectPreviewStage{min-width:520px}}
.localStudioObject span{display:block;color:var(--muted);font-size:.64rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.22rem}
.localStudioObject h4{font-family:var(--serif);font-size:1rem;margin:0 0 .22rem}
.localStudioObject p{margin:0;color:var(--ink);font-size:.84rem;line-height:1.45;white-space:pre-wrap}
.localStudioObject small{display:inline-flex;margin-top:.45rem;border:1px solid var(--border);border-radius:999px;padding:.08rem .38rem;color:var(--muted);font-size:.68rem;font-weight:850;background:rgba(255,255,255,.65)}
.studioObjectListPreview{display:grid;grid-template-columns:112px minmax(0,1fr);gap:.65rem;align-items:start;border:1px solid rgba(66,92,69,.12);border-radius:8px;background:#fffef9;padding:.45rem;min-width:0}
.studioObjectListThumbnail{width:112px;aspect-ratio:4/3;border-radius:6px;overflow:hidden;background:#f4f0e8;display:grid;place-items:center;color:var(--muted);font-size:.68rem;font-weight:850;text-align:center;text-transform:uppercase;letter-spacing:.06em}
.studioObjectListThumbnail img{width:100%;height:100%;object-fit:cover;display:block}
.studioObjectListSummary{min-width:0}
.studioObjectListSummary h4{margin:0 0 .25rem!important;font-size:1rem!important;line-height:1.1}
.studioObjectListSummary p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:.8rem!important;line-height:1.35!important}
@media(max-width:560px){.studioObjectListPreview{grid-template-columns:1fr}.studioObjectListThumbnail{width:100%}}
.atelierStudioLoopObject{border:1px solid var(--border);border-radius:8px;background:#fffdf8;padding:clamp(.75rem,2vw,1rem)}
.atelierStudioLoopScroll{display:grid;grid-template-columns:minmax(16rem,.92fr) minmax(14rem,1.08fr);gap:1rem;align-items:start}
.atelierStudioLoopVisual{position:sticky;top:.75rem;border:1px solid rgba(66,92,69,.18);border-radius:8px;background:#fff;padding:.85rem}
.atelierStudioLoopVisual ol{list-style:none;margin:.65rem 0 0;padding:0;display:grid;gap:.42rem}
.atelierStudioLoopStep{display:grid;grid-template-columns:1.65rem minmax(0,1fr);gap:.45rem;align-items:center;border:1px solid var(--border);border-radius:999px;background:#fbfaf7;padding:.36rem .62rem;transition:opacity .2s ease,background .2s ease,border-color .2s ease}
.atelierStudioLoopStep b{width:1.45rem;height:1.45rem;border-radius:999px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:.72rem}
.atelierStudioLoopStep small{grid-column:2;color:var(--muted);font-size:.76rem}
.atelierStudioLoopStep.is-active{border-color:var(--accent);background:#f6faf3}
.atelierStudioLoopStep.is-dimmed{opacity:.48}
.atelierStudioLoopStep.is-transition-from b{background:#6d88a6}
.atelierStudioLoopStep.is-transition-to b{background:#b85c38}
.atelierStudioLoopCards{display:grid;gap:.75rem}
.atelierStudioLoopCard{border:1px solid var(--border);border-radius:8px;background:#fff;padding:.8rem;min-height:8rem;display:grid;align-content:center}
.atelierStudioLoopCard.is-active{border-color:var(--accent);box-shadow:0 8px 18px rgba(0,0,0,.05)}
.atelierStudioLoopCard span{color:var(--accent);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;font-weight:850}
.atelierStudioLoopCard h5{margin:.15rem 0;font-family:var(--serif);font-size:1.05rem;line-height:1.12}
.atelierStudioLoopCard p{margin:.1rem 0 0;color:var(--ink);font-size:.92rem;line-height:1.4}
@media(max-width:760px){.atelierStudioLoopScroll{grid-template-columns:1fr}.atelierStudioLoopVisual{position:relative;top:auto}}
.localStudioModules{display:flex;gap:.3rem;flex-wrap:wrap;margin-top:.45rem}
.studioAssetsHandoff .workspacePanelBody{max-width:760px;display:grid;gap:.45rem}
.studioAssetsHandoff p{margin:0;color:var(--muted);line-height:1.5;font-size:.88rem}
.studioFutureNote{color:var(--accent);font-weight:800}
.doorwayCard{background:#fff;border:1px solid var(--border);border-radius:18px;padding:1rem;text-align:left;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.04)}
.doorwayCard span{display:block;color:var(--ink);font-size:.9rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.doorwayCard p{margin:.3rem 0 0;color:var(--muted);font-size:.84rem}
.doorwayCard:hover{border-color:var(--accent);background:#fbfff8}
.genericWorkspace{display:grid;gap:.75rem}
.pickerPanel{min-height:0}
.doorwayWorkspace{gap:.4rem}
.quietPickerPanel{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
.quietPickerPanel .workspacePanelHead{border-bottom:0;padding:.35rem .15rem .3rem}
.quietPickerPanel .workspacePanelBody{padding:.2rem .15rem}
.quietPickerPanel .pickerRow select{background:#fff}
.pickerRow{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}
.pickerRow select{min-width:min(360px,100%);border:1px solid var(--border);border-radius:10px;background:#fff;padding:.42rem .5rem}
.storyBuilderRoutePickerLabel{display:grid;gap:.2rem;color:var(--muted);font-size:.68rem;font-weight:850}
.reviseWorkspace{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(420px,1.2fr);gap:.75rem;min-height:620px}
.reviseWorkspace.reviseResizable{grid-template-columns:var(--revise-left-col,minmax(300px,.9fr)) .5rem var(--revise-right-col,minmax(420px,1.2fr));gap:.45rem}
.reviseColumnResize{align-self:stretch;min-height:8rem;border:0;border-radius:999px;background:transparent;cursor:col-resize;position:relative;padding:0}
.reviseColumnResize::after{content:"";position:absolute;left:50%;top:.65rem;bottom:.65rem;width:2px;transform:translateX(-50%);border-radius:999px;background:rgba(66,92,69,.22)}
.reviseColumnResize:hover::after,.reviseColumnResize:focus-visible::after,.reviseResizable.is-resizing .reviseColumnResize::after{background:rgba(66,92,69,.55)}
.reviseColumnResize:focus-visible{outline:2px solid rgba(66,92,69,.34);outline-offset:2px}
.reviseWorkspace .pickerPanel{grid-column:1 / -1}
.reviseAnalysisHead{align-items:center;flex-wrap:wrap}
.reviseReviewBrowser{height:100%;min-height:0}
.reviseReviewTabs{border:0;background:transparent;padding:0;display:flex;flex-wrap:wrap;justify-content:flex-end}
.reviseReviewTabs .reviewTab{text-align:center}
.reviseReviewPanels{min-width:0;min-height:0;overflow:auto}
.reviseDraftPanel{box-shadow:none;border-color:#e4ded4;background:#fffdf8}
.reviseDraftPanel .workspacePanelHead{border-bottom-color:#e6ded3}
.reviseDraftBody{padding:.8rem .9rem .9rem;overflow:hidden}
.reviseDraftPanel .draftTextarea{border:0;border-radius:0;background:transparent;box-shadow:none;padding:.2rem .1rem;min-height:520px;overflow:auto}
.reviseDraftPanel .draftTextarea:focus{outline:3px solid rgba(66,92,69,.14);outline-offset:2px}
.reviseDraftPanel .workspaceRichEditor:focus{outline:none;outline-offset:0}

.assetList{display:grid;gap:.45rem;margin-top:.55rem}
.assetItem{border:1px solid var(--border);background:#fff;border-radius:14px;padding:.55rem;display:grid;gap:.35rem}
.assetItem strong{font-size:.9rem}.assetItem small{color:var(--muted);word-break:break-all}
.assetForm{display:grid;grid-template-columns:minmax(110px,.6fr) minmax(160px,1fr) minmax(180px,1.4fr) auto;gap:.4rem;align-items:end;margin-top:.65rem}
.assetForm label{display:grid;gap:.15rem;color:var(--muted);font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.assetForm input,.assetForm select{width:100%;border:1px solid var(--border);border-radius:10px;background:#fff;padding:.42rem .5rem;font-size:.78rem}
@media(max-width:760px){.assetForm{grid-template-columns:1fr}}

.briefingCenter{display:grid;gap:.7rem;width:100%;max-width:none;padding-bottom:1.25rem;min-height:0;overflow:visible}
.briefingCard span{display:none}
.briefingSection{background:#fff;border:1px solid var(--border);border-radius:8px;padding:.75rem;box-shadow:0 5px 14px rgba(0,0,0,.035)}
.briefingSectionHead{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.65rem}
.briefingSectionHead h3{margin:0;font-family:var(--serif);font-size:1.12rem}
.briefingSection.is-collapsed .briefingSectionHead{margin-bottom:0}
.briefingGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.55rem}
.briefingCard{background:#fffdf8;border:1px solid #e4ded4;border-radius:8px;padding:.7rem}
.briefingCard h4{margin:0 0 .25rem;font-family:var(--serif);font-size:1rem}
.briefingCard p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.42}
.briefingEmpty{border:1px dashed var(--border);border-radius:8px;background:#fff;padding:.75rem;color:var(--muted);font-size:.84rem}
.briefingScope{margin:.05rem 0 .55rem;color:var(--muted)}
.briefingChips{display:flex;gap:.35rem;flex-wrap:wrap}
.briefingChips span{border:1px solid var(--border);background:#fff;color:var(--ink);border-radius:999px;padding:.28rem .48rem;font-size:.74rem;font-weight:850}
.briefingProjectControls{justify-content:flex-end}
.briefingProjectControls select{max-width:min(360px,55vw)}
.todaysBriefSection .briefingSectionHead p{margin:.15rem 0 0;color:var(--muted);font-size:.8rem}
.dailyBriefEditor{display:grid;gap:.65rem}
.dailyBriefFields{display:grid;grid-template-columns:minmax(150px,.32fr) minmax(220px,1fr);gap:.55rem}
.dailyBriefFields label,.dailyBriefPasteLabel{display:grid;gap:.2rem;color:var(--muted);font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.dailyBriefFields input{width:100%;border:1px solid var(--border);border-radius:8px;background:#fffdf8;padding:.45rem .5rem;color:var(--ink);font-size:.86rem;text-transform:none;letter-spacing:0;font-weight:500}
.dailyBriefPaste{width:100%;height:min(46dvh,520px);min-height:300px;max-height:calc(100dvh - 270px);border:1px solid var(--border);border-radius:8px;background:#fffdf8;padding:.75rem;resize:vertical;color:var(--ink);font:inherit;font-size:.92rem;line-height:1.52;text-transform:none;letter-spacing:0;font-weight:500;overflow:auto}
.dailyBriefCurrent{background:#fffdf8;border:1px solid #e4ded4;border-radius:8px;padding:.8rem;display:grid;gap:.45rem;min-height:0}
.dailyBriefCurrent h4{margin:0 0 .45rem;font-family:var(--serif);font-size:1.06rem}
.dailyBriefCurrent pre{margin:0;white-space:pre-wrap;font:inherit;line-height:1.55;color:var(--ink);max-height:min(58dvh,720px);overflow:auto;padding-right:.35rem}
.dailyBriefMeta{margin:.65rem 0 0;color:var(--muted);font-size:.76rem}
.briefLibraryCard{display:grid;gap:.45rem;align-content:start}
.previousBriefsSection .briefLibraryCard{width:100%}
.archivedBriefItem{border-top:1px solid #e4ded4;padding-top:.45rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:start}
.archivedBriefItem:first-of-type{border-top:0;padding-top:0}
.archivedBriefItem.is-open strong{color:var(--green)}
.archivedBriefItem strong{display:block;font-size:.88rem;overflow-wrap:anywhere}
.archivedBriefItem p{margin:.12rem 0 0}
.archivedBriefReader{margin-top:.65rem}
.archivedBriefReaderHead{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}
.archivedBriefReaderHead h4{margin:0}
.writingOpportunityArchiveItem{width:100%;appearance:none;text-align:left;background:transparent;color:var(--ink);font:inherit;cursor:pointer;border-right:0;border-bottom:0;border-left:0}
.writingOpportunityArchiveItem:hover{background:#fbf8f1}
.writingOpportunityArchiveItem:focus{outline:3px solid var(--accent);outline-offset:2px}
.writingOpportunityArchiveItem.is-selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 4px 0 0 var(--accent);padding-left:.55rem}
.briefLibraryCard .writingOpportunityArchiveSummary{display:grid;gap:.12rem;min-width:0}
.writingOpportunityArchiveSummary strong{display:block;font-size:.88rem;overflow-wrap:anywhere}
.writingOpportunityArchiveSummary span{color:var(--muted);font-size:.82rem;line-height:1.42}
.briefLibraryCard .writingOpportunityArchiveAction{display:block;color:var(--green);font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.writingOpportunityArchiveError{margin:.1rem 0;padding:.55rem .65rem;border:1px solid #b84d45;border-radius:7px;background:#fff2f0;color:#7d211b;font-size:.82rem;line-height:1.4}
@media(max-width:760px){.briefingSectionHead{display:grid}.briefingProjectControls{justify-content:flex-start}.briefingProjectControls select{max-width:100%}}
@media(max-width:760px){.dailyBriefFields{grid-template-columns:1fr}.dailyBriefPaste{min-height:240px}}

.publicationPipeline{display:grid;gap:.7rem;width:100%;max-width:none;padding-bottom:1.25rem;min-height:0;overflow:visible}
.pipelineIntro{padding:.15rem .1rem .1rem}
.pipelineIntro h3{margin:0;font-family:var(--serif);font-size:1.28rem}
.pipelineIntro p{margin:.15rem 0 0;color:var(--muted);max-width:66ch;font-size:.86rem}
.pipelineSection{background:#fff;border:1px solid var(--border);border-radius:8px;padding:.75rem;box-shadow:0 5px 14px rgba(0,0,0,.035)}
.pipelineSectionHead{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.65rem}
.pipelineSection.is-collapsed .pipelineSectionHead{margin-bottom:0}
.pipelineSectionHead h3{margin:0;font-family:var(--serif);font-size:1.12rem}
.pipelineProjectControlsRow{display:flex;justify-content:flex-end;margin-top:-.25rem;margin-bottom:.65rem}
.pipelineGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.55rem}
.pipelineCard{background:#fffdf8;border:1px solid #e4ded4;border-radius:8px;padding:.7rem;box-shadow:none}
.pipelineCard span{display:none}
.pipelineStatus{display:inline-flex;align-items:center;width:max-content;border:1px solid var(--border);background:#fff;color:var(--ink);border-radius:999px;padding:.18rem .42rem;font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.pipelineCard h4{margin:0 0 .25rem;font-family:var(--serif);font-size:1rem}
.pipelineCard p{margin:.25rem 0 0;color:var(--muted);font-size:.8rem;line-height:1.42}
.pipelineCard b,.pipelineCard strong{color:var(--ink)}
.pipelineCardActions{margin-top:.55rem}
.pipelineOpportunityDetail{border-top:1px solid #e4ded4;margin-top:.45rem;padding-top:.45rem}
.pipelinePitchLeadList{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.55rem;margin-top:.65rem}
.pipelinePitchLeadCard.is-open{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.pipelineWorkspacePanel{border-top:1px solid #e4ded4;margin-top:.55rem;padding-top:.55rem}
.pipelineWorkspacePanel label{display:grid;gap:.25rem;color:var(--muted);font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.pipelineWorkspacePanel textarea{width:100%;min-height:130px;border:1px solid var(--border);border-radius:8px;background:#fff;padding:.55rem;color:var(--ink);font:inherit;font-size:.86rem;line-height:1.45;text-transform:none;letter-spacing:0;font-weight:500;resize:vertical}
.pipelineGuardrail{margin:.55rem 0 0;color:var(--muted);font-size:.8rem;line-height:1.45}
.pipelineProjectControls{justify-content:flex-end}
.pipelineProjectControls select{max-width:min(360px,55vw)}
.pipelineStatusList{display:flex;gap:.35rem;flex-wrap:wrap;margin:.15rem 0 .65rem}
.pipelineStatusList span{border:1px solid var(--border);background:#fff;color:var(--ink);border-radius:999px;padding:.26rem .45rem;font-size:.68rem;font-weight:850}
.pipelineProjectList{display:grid;gap:.5rem}
.pipelineProjectRow{display:grid;grid-template-columns:minmax(210px,.75fr) minmax(320px,1.35fr);gap:.65rem;background:#fffdf8;border:1px solid #e4ded4;border-radius:8px;padding:.7rem}
.pipelineProjectRow h4{margin:.35rem 0 .12rem;font-family:var(--serif);font-size:1.02rem}
.pipelineProjectRow p{margin:0;color:var(--muted);font-size:.78rem}
.pipelineProjectRow dl{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}
.pipelineProjectRow dt{color:var(--muted);font-size:.64rem;text-transform:uppercase;letter-spacing:.07em;font-weight:900}
.pipelineProjectRow dd{margin:.15rem 0 0;font-size:.8rem;line-height:1.35}
.pipelineTableWrap{overflow:auto}
.pipelineTable{width:100%;border-collapse:separate;border-spacing:0 .4rem;min-width:920px}
.pipelineTable th{text-align:left;color:var(--muted);font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;padding:.12rem .4rem}
.pipelineTable td{background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:.52rem .45rem;color:var(--muted);font-size:.8rem}
.pipelineTable td:first-child{border-left:1px solid var(--border);border-radius:10px 0 0 10px}
.pipelineTable td:last-child{border-right:1px solid var(--border);border-radius:0 10px 10px 0}
.pipelineTable tr.is-open td{border-color:var(--accent);background:#fbfff8;color:var(--ink)}
.pipelineSubmissionDetail td{border-radius:10px!important;color:var(--ink)}
.pipelineSubmissionDetail p{margin:.25rem 0 0;color:var(--muted)}
@media(max-width:760px){.pipelineSectionHead{display:grid}.pipelineProjectControls{justify-content:flex-start}.pipelineProjectControls select{max-width:100%}.pipelineProjectRow{grid-template-columns:1fr}.pipelineProjectRow dl{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.storyBeatSupport{grid-template-columns:1fr}.storyBeatsHeader{display:grid}.storyBeatKeyIdea{max-width:none}.storyBeatsProductionGrid{grid-template-columns:1fr}.storyBeatsBeatRail,.storyBeatsObjectPanel,.storyBeatsPreviewPanel{overflow:visible}}

.assetWorkspace{display:grid;grid-auto-rows:max-content;align-items:start;gap:.75rem}
.assetWorkspace .workspacePanel{display:block;overflow:visible;min-height:max-content}
.assetWorkspace .workspacePanelBody{overflow:visible}
.assetTools{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.55rem}
.globalAssetsPanel{box-shadow:none}
.globalAssetGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.55rem}
.cloudStudioAssetCard img{display:block;width:100%;height:180px;object-fit:contain;border-radius:6px;background:#f7f4ee;margin:.45rem 0}
.cloudStudioAssetCard .actions{margin-top:.55rem}
.globalAssetNote{margin:.65rem 0 0}
.assetTable{width:100%;border-collapse:separate;border-spacing:0 .45rem;margin-top:.55rem}
.assetTable th{text-align:left;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;padding:.15rem .45rem}
.assetTable td{background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:.5rem .45rem;vertical-align:middle}
.assetTable td:first-child{border-left:1px solid var(--border);border-radius:12px 0 0 12px}
.assetTable td:last-child{border-right:1px solid var(--border);border-radius:0 12px 12px 0}
.assetTable small{color:var(--muted);word-break:break-all}
.assetWideForm{grid-template-columns:minmax(130px,.6fr) minmax(220px,1fr) minmax(320px,1.6fr) auto}
@media(max-width:760px){.assetWideForm{grid-template-columns:1fr}.assetTable,.assetTable thead,.assetTable tbody,.assetTable tr,.assetTable th,.assetTable td{display:block}.assetTable thead{display:none}.assetTable td{border-left:1px solid var(--border);border-right:1px solid var(--border);border-radius:0}.assetTable td:first-child{border-radius:12px 12px 0 0}.assetTable td:last-child{border-radius:0 0 12px 12px}}

.embeddedToolWorkspace{height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,1fr);overflow:hidden}
.embeddedToolWorkspace.hasStudioObjects{grid-template-columns:minmax(280px,360px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:.55rem}
.embeddedToolFrame{width:100%;height:100%;border:1px solid var(--border);border-radius:8px;background:#fff;box-shadow:0 8px 22px rgba(0,0,0,.04)}
.scrollyStudioHostColumn{min-height:0;overflow:auto;display:grid;gap:.55rem;align-content:start}
.scrollyStudioObjectsPanel,.scrollyStudioElementsPanel{min-height:0}
.scrollyStudioObjectsPanel .workspacePanelBody,.scrollyStudioElementsPanel .workspacePanelBody{display:grid;gap:.65rem;align-content:start;overflow:auto}
.supportedStudioObjects{margin:0;color:var(--muted);font-size:.78rem}
.scrollyStudioPicker{display:grid;gap:.5rem}
.scrollyStudioPicker label{display:grid;gap:.25rem;font-weight:850;color:var(--muted)}
.scrollyStudioHostedGrid{display:grid;gap:.55rem}
.scrollyStudioHostedObject{display:grid;gap:.45rem;border-top:1px solid var(--border);padding-top:.55rem}
.scrollyStudioHostedMeta{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.scrollyStudioHostedMeta span{font-size:.72rem;font-weight:900;color:var(--green);text-transform:uppercase;letter-spacing:.08em}
.scrollyShellWorkspace{height:100%;min-height:0;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:.65rem;align-items:stretch;padding-bottom:1.25rem;overflow:hidden}
.storyBuilderWebpageShell{grid-template-rows:auto auto auto auto max-content auto minmax(520px,1fr) auto;overflow:auto;align-content:start}
.storyBuilderWebpageShell>.storyBuilderWebpageHeader{grid-row:1}
.storyBuilderWebpageShell>.canonicalBeatBuilderStatus{grid-row:2;margin:0}
.storyBuilderWebpageShell>.storyBuilderWebCompositionTools{grid-row:3}
.storyBuilderWebpageShell>.scrollyBuilderHeader{grid-row:4}
.storyBuilderWebpageShell>.scrollySettingsPanel{grid-row:5;grid-template-rows:auto auto;min-height:max-content;height:auto;align-self:start}
.storyBuilderWebpageShell>.scrollyProjectContextPanel{grid-row:6}
.storyBuilderWebpageShell>.scrollyBuilderColumns{grid-row:7}
.storyBuilderWebpageShell>.scrollyBottomBar{grid-row:8;position:relative;left:auto;right:auto;bottom:auto;z-index:3}
.storyBuilderWebCompositionTools{display:grid;gap:.45rem}
.storyBuilderWebAdaptationControls{display:grid;gap:.55rem;border:1px solid #91aa8f;border-radius:12px;background:linear-gradient(135deg,#f2f7ef,#fffdf8);padding:.7rem .75rem}
.storyBuilderWebAdaptationHead{display:flex;align-items:center;justify-content:space-between;gap:.7rem}
.storyBuilderWebAdaptationHead>div{display:grid;gap:.08rem}
.storyBuilderWebAdaptationHead strong{font-family:var(--serif);font-size:1rem}
.storyBuilderWebAdaptationHead span{color:var(--muted);font-size:.68rem}
.storyBuilderWebAdaptationGrid{display:grid;grid-template-columns:minmax(150px,.55fr) minmax(210px,.8fr) minmax(280px,1.6fr);gap:.5rem;align-items:start}
.storyBuilderWebAdaptationGrid>label,.storyBuilderWebProgression,.storyBuilderWebNarrationChoices{display:grid;gap:.28rem;border:1px solid rgba(66,92,69,.18);border-radius:9px;background:rgba(255,255,255,.72);padding:.55rem;color:var(--muted);font-size:.66rem;font-weight:850}
.storyBuilderWebAdaptationGrid select{width:100%;border:1px solid var(--border);border-radius:8px;background:#fff;padding:.42rem .5rem;color:var(--ink);font-size:.72rem}
.storyBuilderWebProgression strong{color:var(--ink);font-size:.74rem}
.storyBuilderWebProgression .btn{justify-self:start}
.storyBuilderWebNarrationChoices{max-height:150px;overflow:auto}
.storyBuilderWebNoteRow{display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-top:1px solid rgba(66,92,69,.14);padding-top:.35rem}
.storyBuilderWebNoteRow>span{display:grid;gap:.08rem;min-width:0;color:var(--ink)}
.storyBuilderWebNoteRow b{font-size:.69rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.storyBuilderWebNoteRow small{display:block;max-width:42ch;color:var(--muted);font-size:.62rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.storyBuilderWebNoteRow .btn{flex:0 0 auto}
.storyBuilderWebAdaptationEmpty{margin:0;color:var(--muted);font-size:.65rem;font-weight:600}
.storyBuilderWebProjectionAdapters{margin:.65rem 0;border:1px solid rgba(66,92,69,.2);border-radius:10px;background:#f9fbf7;padding:.55rem}
.storyBuilderWebProjectionAdapters>summary{cursor:pointer;color:var(--accent);font-size:.74rem;font-weight:900}
.storyBuilderWebProjectionAdapters>summary span{margin-left:.35rem;color:var(--muted);font-size:.64rem}
.storyBuilderWebProjectionAdapters>p{margin:.4rem 0;color:var(--muted);font-size:.66rem}
.storyBuilderWebProjectionAdapters>div{display:grid;gap:.45rem}
.storyBuilderWebProjectionAdapter{display:grid;gap:.45rem;border:1px solid rgba(66,92,69,.16);border-radius:9px;background:#fff;padding:.55rem}
.storyBuilderWebProjectionAdapter>header{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem;border:0;background:transparent;padding:0}
.storyBuilderWebProjectionAdapter>header div{display:grid;gap:.06rem;min-width:0}
.storyBuilderWebProjectionAdapter>header span{color:var(--accent);font-size:.6rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.storyBuilderWebProjectionAdapter>header strong{font-family:var(--serif);font-size:.9rem}
.storyBuilderWebProjectionAdapter>header small{color:var(--muted);font-size:.58rem;overflow-wrap:anywhere}
.storyBuilderWebProjectionAdapterGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.4rem}
.storyBuilderWebProjectionAdapterGrid label{display:grid;gap:.22rem;color:var(--muted);font-size:.62rem;font-weight:850}
.storyBuilderWebProjectionAdapterGrid select{min-width:0;width:100%;border:1px solid var(--border);border-radius:7px;background:#fff;padding:.38rem .42rem;color:var(--ink);font-size:.68rem}
.storyBuilderWebInsertBar{display:flex;align-items:center;justify-content:space-between;gap:.7rem;border:1px solid var(--border);border-radius:12px;background:var(--paper);padding:.65rem .75rem}
.storyBuilderWebInsertBar>div:first-child{display:grid;gap:.08rem}
.storyBuilderWebInsertBar strong{font-family:var(--serif);font-size:.95rem}
.storyBuilderWebInsertBar span{color:var(--muted);font-size:.67rem}
.storyBuilderWebInsertBar>div:last-child{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:.35rem;min-width:min(680px,62vw)}
.storyBuilderWebInsertBar select{min-width:0;width:100%;border:1px solid var(--border);border-radius:8px;background:#fff;padding:.42rem .5rem;color:var(--ink);font-size:.7rem}
.scrollyPromotionSelect{margin:.45rem .65rem 0}
.scrollyShellHeader{grid-column:1 / -1}
.scrollyBuilderHeader{grid-row:1;padding:.15rem .1rem .2rem}
.scrollySettingsPanel{grid-row:2;grid-template-rows:auto auto;min-height:max-content}
.scrollySettingsPanel>.workspacePanelBody{overflow:visible}
.scrollyProjectContextPanel{grid-row:3}
.scrollyProjectContextButton{border-color:rgba(66,92,69,.38);color:var(--accent)}
.scrollyProjectContextButton[aria-expanded="true"]{background:var(--accent);color:#fff}
.scrollyProjectContextModal{position:fixed;inset:0;z-index:120;display:grid;place-items:start center;overflow:visible;background:transparent;padding:clamp(4.5rem,10vh,7rem) 1rem 2rem;pointer-events:none}
.scrollyProjectContextModal .scrollyProjectContextPanel{position:relative;width:min(960px,100%);max-height:calc(100vh - 7rem);overflow:auto;border-color:rgba(66,92,69,.38);box-shadow:0 24px 70px rgba(0,0,0,.24);padding:1rem;transform:translate3d(var(--scrolly-context-x,0),var(--scrolly-context-y,0),0);will-change:transform;pointer-events:auto}
.scrollyProjectContextDragHandle{cursor:move;touch-action:none;user-select:none}.scrollyProjectContextDragHandle .btn{cursor:pointer}
.scrollyProjectContextInstructions{margin:0;color:var(--muted);font-size:.8rem;line-height:1.4}
.scrollyProjectContextTextGrid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;min-height:0}
.scrollyProjectContextTextGrid label{display:grid;grid-template-rows:auto minmax(240px,1fr) auto;gap:.4rem;min-width:0;color:var(--muted);font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.scrollyProjectContextTextGrid textarea{width:100%;min-height:240px;max-height:55vh;resize:vertical;border:1px solid var(--border);border-radius:8px;background:#fff;padding:.7rem;color:var(--ink);font:500 .9rem/1.55 var(--sans);text-transform:none;letter-spacing:0;white-space:pre-wrap}
.scrollyProjectContextTextGrid .btn{justify-self:start}
.scrollyBuilderHeader .actions{align-items:center}
.preparedWebpageStatus{flex:1 1 100%;max-width:30rem;color:var(--muted);font-size:.66rem;line-height:1.3;text-align:right}
.preparedWebpageStatus:empty{display:none}
.webpageBuilderModeSwitch{display:inline-grid;grid-template-columns:1fr 1fr;gap:.18rem;border:1px solid var(--border);border-radius:999px;background:#fff;padding:.16rem}
.webpageBuilderModeSwitch .btn{min-width:5.5rem;border:0;border-radius:999px;padding:.35rem .65rem}
.scrollyShellWorkspace.is-simple-mode{grid-template-rows:auto auto auto minmax(0,1fr) auto}
.scrollyShellWorkspace.is-simple-mode .scrollyBuilderColumns{--scrolly-components-col:minmax(190px,.62fr);--scrolly-blocks-col:minmax(310px,1fr);--scrolly-preview-col:minmax(540px,2.15fr)}
.scrollyShellWorkspace.is-simple-mode .scrollyBuilderPane{border-radius:10px}
.scrollyShellWorkspace.is-simple-mode .scrollyBuilderPane>.workspacePanelBody{padding:.65rem}
.scrollyProjectTitle h3{margin:.12rem 0;font-family:var(--serif);font-size:1.35rem}
.builderTitleActions{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,.8fr);gap:.5rem;align-items:end}
.builderTitleActions .pickerRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem}
.builderTitleActions select{width:100%;border:1px solid var(--border);border-radius:8px;background:#fffdf8;padding:.42rem .5rem;color:var(--ink);font-size:.86rem;text-transform:none;letter-spacing:0;font-weight:650}
.scrollyProjectTitle .builderTitleActions{grid-template-columns:minmax(220px,.75fr) minmax(360px,1.35fr)}
.scrollyBuilderColumns{--scrolly-components-col:minmax(210px,.56fr);--scrolly-blocks-col:minmax(360px,1.05fr);--scrolly-preview-col:minmax(440px,1.28fr);grid-row:4;height:100%;min-height:0;display:grid;grid-template-columns:var(--scrolly-components-col) .5rem var(--scrolly-blocks-col) .5rem var(--scrolly-preview-col);gap:.45rem;width:100%;align-items:stretch;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
.scrollyBuilderPane{min-width:0;min-height:0;border-radius:8px;background:#fffdf8;box-shadow:0 8px 18px rgba(0,0,0,.04);overflow:hidden;align-self:stretch}
.scrollyColumnResize{align-self:stretch;min-height:8rem;border:0;border-radius:999px;background:transparent;cursor:col-resize;position:relative;padding:0}
.scrollyColumnResize::after{content:"";position:absolute;left:50%;top:.65rem;bottom:.65rem;width:2px;transform:translateX(-50%);border-radius:999px;background:rgba(66,92,69,.22)}
.scrollyColumnResize:hover::after,.scrollyColumnResize:focus-visible::after,.scrollyBuilderColumns.is-resizing .scrollyColumnResize::after{background:rgba(66,92,69,.55)}
.scrollyColumnResize:focus-visible{outline:2px solid rgba(66,92,69,.34);outline-offset:2px}
.scrollyBuilderPaneComponents{padding:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.scrollyBuilderPaneBlocks{padding:0}
.scrollyBuilderPanePreview{padding:0}
.simpleWebpageIntro{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--border);border-radius:10px;background:var(--paper);padding:.7rem .8rem}
.simpleWebpageIntro>div{display:grid;gap:.1rem}.simpleWebpageIntro h3,.simpleWebpageIntro p{margin:0}.simpleWebpageIntro h3{font-family:var(--serif);font-size:1.18rem}.simpleWebpageIntro p{color:var(--muted);font-size:.72rem}
.simpleWebpagePanel{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border-radius:10px}
.simpleWebpagePanel>.workspacePanelBody{min-height:0;overflow:auto;padding:.65rem}
.simpleWebpagePanel .workspacePanelHead{padding:.65rem .7rem}.simpleWebpagePanel .workspacePanelHead h3{font-size:.92rem}.simpleWebpagePanel .workspacePanelHead p{font-size:.66rem}
.simpleWebpageSourceSwitch{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin-bottom:.7rem}.simpleWebpageSourceSwitch .btn{white-space:normal;line-height:1.15}.simpleWebpageSourceSwitch .simpleWebpageOpenStudio{grid-column:1/-1}.simpleWebpageLibrary{display:grid;gap:.75rem}.simpleWebpageLibraryGroup{display:grid;gap:.35rem}.simpleWebpageLibraryGroup>header{display:flex;align-items:center;justify-content:space-between;gap:.4rem;color:var(--muted);font-size:.64rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.simpleWebpageStudioCreators{display:grid;gap:.35rem;padding-top:.1rem}.simpleWebpageStudioCreator{background:#fffdf8}.simpleWebpageStudioCreator small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.simpleWebpageQuickPhoto{border:2px solid var(--accent);background:var(--accent-soft)}.simpleWebpageQuickPhoto small{display:block;margin-top:.12rem;color:var(--muted);font-size:.62rem;line-height:1.3}.simpleWebpageQuickPhoto .btn{cursor:pointer}.simpleWebpagePhotoUploadStatus{margin:0;color:var(--accent);font-size:.66rem;font-weight:850;line-height:1.35}
.simpleWebpageLibraryItem{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem;align-items:center;border:1px solid var(--border);border-radius:8px;background:#fff;padding:.5rem}.simpleWebpageLibraryItem strong,.simpleWebpageLibraryItem small{display:block;overflow-wrap:anywhere}.simpleWebpageLibraryItem strong{font-size:.76rem}.simpleWebpageLibraryItem small{margin-top:.08rem;color:var(--muted);font-size:.61rem}.simpleWebpageLibraryEmpty{margin:0;color:var(--muted);font-size:.68rem}
.simpleWebpageEditor{display:grid;gap:.6rem;align-content:start}.simpleWebpageTitleField{display:grid;gap:.2rem;color:var(--muted);font-size:.66rem;font-weight:850}.simpleWebpageTitleField input,.simpleWebpageBlock input,.simpleWebpageBlock textarea{width:100%;border:1px solid var(--border);border-radius:8px;background:#fff;padding:.48rem .52rem;color:var(--ink);font:inherit}.simpleWebpageBlock textarea{min-height:88px;resize:vertical;line-height:1.45}
.simpleWebpageLibraryPanel{grid-template-rows:auto auto minmax(0,1fr)}.simpleWebpageAddRow{display:flex;gap:.35rem;flex-wrap:wrap}.simpleWebpageAddRowPinned{padding:.55rem .65rem;border-bottom:1px solid var(--border);background:#fffdf8}.simpleWebpageAddRowPinned .btn{flex:1 1 8rem}.simpleWebpageBlocks{display:grid;gap:.5rem}.simpleWebpageBlock{display:grid;gap:.4rem;border:1px solid var(--border);border-radius:9px;background:#fffdf8;padding:.58rem}.simpleWebpageBlockHead{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.simpleWebpageBlockHead>span{color:var(--accent);font-size:.61rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.simpleWebpageBlockActions{display:flex;gap:.22rem}.simpleWebpageBlockActions .btn{min-width:1.7rem;padding:.22rem .36rem}.simpleWebpageBlock label{display:grid;gap:.18rem;color:var(--muted);font-size:.63rem;font-weight:800}.simpleWebpageReusableSummary{margin:0;color:var(--muted);font-size:.7rem;line-height:1.4}.simpleWebpageReusableActions{display:flex;gap:.35rem;flex-wrap:wrap}
.simpleWebpageCardsDisclosure{display:grid;gap:.45rem}.simpleWebpageCardsDisclosure>summary{display:inline-flex;width:max-content;list-style:none;cursor:pointer}.simpleWebpageCardsDisclosure>summary::-webkit-details-marker{display:none}.simpleWebpageCardsDisclosure>.studioLoopComposer{margin-top:.45rem;border-top:1px solid var(--border);padding-top:.55rem}.simpleWebpageCardsDisclosure:not([open])>.studioLoopComposer{display:none}
.simpleWebpagePreviewPanel{background:#ece7dd}.simpleWebpagePreviewPanel>.workspacePanelBody{padding:.7rem;background:#ece7dd}.simpleWebpagePreviewPanel #simpleWebpagePreview,.simpleWebpagePreviewPanel #scrollyRenderedPreview{min-height:100%;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.08)}.simpleWebpagePreviewPanel .scrollyRenderedPage{width:100%;min-height:100%;margin:0}
@media(max-width:1100px){.simpleWebpageIntro{display:grid}}
@media(max-width:760px){.scrollyProjectContextModal{padding:4rem .55rem 1rem}.scrollyProjectContextModal .scrollyProjectContextPanel{max-height:calc(100vh - 5rem)}.scrollyProjectContextTextGrid{grid-template-columns:1fr}.scrollyProjectContextTextGrid label{grid-template-rows:auto minmax(180px,1fr) auto}.scrollyProjectContextTextGrid textarea{min-height:180px;max-height:36vh}}
.simplePresentationWorkspace{height:100%;min-height:0;display:grid;grid-template-rows:auto auto auto auto auto minmax(0,1fr);gap:.55rem;overflow:hidden}
.simplePresentationHeader{display:flex;align-items:end;justify-content:space-between;gap:1rem;border:1px solid var(--border);border-radius:10px;background:var(--paper);padding:.65rem .75rem}.simplePresentationHeader>div:first-child{flex:1;min-width:0}.simplePresentationHeader label{display:grid;gap:.16rem;color:var(--muted);font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.simplePresentationHeader input{width:min(560px,100%);border:0;border-bottom:1px solid var(--border);background:transparent;padding:.25rem 0;color:var(--ink);font-family:var(--serif);font-size:1.2rem;font-weight:750}.simplePresentationHeader p{margin:.18rem 0 0;color:var(--muted);font-size:.68rem}
.simplePresentationAddBar{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.simplePresentationSourcePicker{max-width:260px;border:1px solid var(--border);border-radius:8px;background:#fff;padding:.42rem .55rem;color:var(--ink);font-size:.68rem;font-weight:850}
.simplePresentationStoryBar{display:grid;gap:.38rem;border:1px solid var(--border);border-radius:10px;background:var(--paper);padding:.55rem .7rem}.simplePresentationStoryBarHead{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.simplePresentationStoryBarHead>div:first-child{display:grid;gap:.08rem}.simplePresentationStoryBarHead strong{font-family:var(--serif);font-size:.82rem}.simplePresentationStoryBarHead span{margin:0;color:var(--muted);font-size:.62rem}.simplePresentationStoryBarHead label{font-size:.64rem;font-weight:850}.simplePresentationStorySaveForm{display:grid;grid-template-columns:minmax(175px,.72fr) minmax(180px,.75fr) minmax(220px,1fr) auto;align-items:end;gap:.45rem}.simplePresentationStorySaveForm label{display:grid;gap:.15rem;color:var(--muted);font-size:.6rem;font-weight:850}.simplePresentationStorySaveForm input,.simplePresentationStorySaveForm select{width:100%;border:1px solid var(--border);border-radius:8px;background:#fff;padding:.42rem .5rem;color:var(--ink);font:inherit}.simplePresentationStorySelect{display:flex;align-items:center;gap:.28rem;margin-top:.28rem;color:#d9e8dc;font-family:var(--sans);font-size:.52rem;font-weight:800;text-transform:none;letter-spacing:0}.simplePresentationThumbnail[data-moment-kind="story"] .simplePresentationThumbFrame{background:linear-gradient(145deg,#3d3026,#765b41)}
.simplePresentationDetails{border:1px solid var(--border);border-radius:10px;background:var(--paper)}.simplePresentationDetails>summary{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.52rem .7rem;cursor:pointer;font-family:var(--serif);font-size:.76rem;font-weight:750}.simplePresentationDetailsGrid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:.5rem;padding:.2rem .7rem .65rem}.simplePresentationDetailsGrid label{display:grid;gap:.18rem;color:var(--muted);font-size:.6rem;font-weight:850}.simplePresentationDetailsGrid input,.simplePresentationDetailsGrid textarea,.simplePresentationDetailsGrid select{width:100%;border:1px solid var(--border);border-radius:8px;background:#fff;padding:.42rem .5rem;color:var(--ink);font:inherit}.simplePresentationDetailsGrid textarea{min-height:72px;resize:vertical}.simplePresentationDetailsActions{grid-column:1/-1}.simplePresentationDetails>.offlinePresentationControls{margin:.1rem .7rem .7rem}.simplePresentationSourceUpdate{display:grid;gap:.3rem;border-left:3px solid #b58a42;background:#f6eedb;padding:.45rem .55rem}.simplePresentationSourceUpdate p{margin:0;color:var(--muted);font-size:.65rem}
.simplePresentationColumns{min-height:0;display:grid;grid-template-columns:minmax(180px,.55fr) minmax(300px,.92fr) minmax(560px,2.15fr);gap:.55rem;align-items:stretch;overflow-x:auto}.simplePresentationPanel{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border-radius:10px}.simplePresentationPanel>.workspacePanelBody{min-height:0;overflow:auto;padding:.65rem}.simplePresentationPanel .workspacePanelHead{padding:.62rem .7rem}.simplePresentationPanel .workspacePanelHead h3{font-size:.9rem}.simplePresentationPanel .workspacePanelHead p{font-size:.64rem}
.simplePresentationSequence{display:grid;gap:.48rem;align-content:start}.simplePresentationThumbnail{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.3rem;border:1px solid var(--border);border-radius:9px;background:#fff;padding:.35rem;cursor:pointer}.simplePresentationThumbnail.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px rgba(66,92,69,.14)}.simplePresentationThumbFrame{min-height:96px;display:grid;align-content:center;gap:.16rem;border-radius:6px;background:#1f2522;padding:.55rem;color:#fff}.simplePresentationThumbnail[data-moment-kind="beat"] .simplePresentationThumbFrame{background:linear-gradient(145deg,#20382d,#47634f)}.simplePresentationThumbFrame span{color:#d9e8dc;font-size:.55rem;font-weight:950;text-transform:uppercase;letter-spacing:.09em}.simplePresentationThumbFrame strong{font-family:var(--serif);font-size:.78rem;line-height:1.15}.simplePresentationThumbFrame small{color:#cbd4ce;font-size:.52rem;line-height:1.25}.simplePresentationThumbActions{display:grid;align-content:start;gap:.2rem}.simplePresentationThumbActions .btn{min-width:1.65rem;padding:.18rem .3rem}
.simplePresentationEditor{display:grid;gap:.65rem;align-content:start}.simplePresentationKind{color:var(--accent);font-size:.62rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.simplePresentationEditor label{display:grid;gap:.2rem;color:var(--muted);font-size:.64rem;font-weight:850}.simplePresentationEditor input,.simplePresentationEditor textarea{width:100%;border:1px solid var(--border);border-radius:8px;background:#fff;padding:.5rem .55rem;color:var(--ink);font:inherit}.simplePresentationEditor textarea{min-height:96px;resize:vertical;line-height:1.45}.simplePresentationOwnershipNote{margin:0;border-left:3px solid #b9c9bc;padding:.45rem .55rem;color:var(--muted);font-size:.68rem;line-height:1.4}.simplePresentationEmptyEditor{color:var(--muted)}
.simplePresentationPreviewPanel{background:#e9e4da}.simplePresentationPreviewPanel>.workspacePanelBody{display:grid;padding:.8rem;background:#e9e4da}.simplePresentationPreviewPanel #simplePresentationPreview{min-height:100%;display:grid;place-items:center}.simplePresentationSlidePreview,.simplePresentationBeatPreview{width:100%;min-height:100%;display:grid;align-content:center}.simplePresentationSlidePreview>[data-story-builder-preview="presentation"],.simplePresentationSlidePreview .storyBuilderLocalPreview{min-height:420px}.simplePresentationBeatPreview{grid-template-rows:minmax(0,1fr) auto auto;gap:.5rem}.simplePresentationAudienceStage{min-height:420px;overflow:auto;border-radius:8px;background:#111;box-shadow:0 12px 28px rgba(0,0,0,.16)}.simplePresentationAudienceStage .storyBeatsSlide{min-height:420px}.simplePresentationProgressControls{display:flex;align-items:center;justify-content:center;gap:.55rem}.simplePresentationProgressControls span{min-width:92px;text-align:center;font-size:.7rem;font-weight:850}.simplePresentationBeatPreview>p{margin:0;text-align:center;color:var(--muted);font-size:.65rem}.simplePresentationLoading{display:grid;place-items:center;gap:.5rem;min-height:360px;text-align:center}
@media(max-width:1100px){.simplePresentationWorkspace{height:auto;overflow:visible}.simplePresentationColumns{grid-template-columns:minmax(180px,.55fr) minmax(300px,.9fr) minmax(500px,1.8fr);min-height:700px}.simplePresentationHeader{align-items:start;display:grid}.simplePresentationStorySaveForm{grid-template-columns:1fr}.simplePresentationDetailsGrid{grid-template-columns:repeat(2,minmax(180px,1fr))}}
.storyBeatsFullShell.scrollyFullPreviewShell{width:min(1500px,100%);height:min(960px,100%);grid-template-rows:auto minmax(0,1fr)}
.storyBeatsFullStage.scrollyFullPreviewStage{display:block;place-items:normal;padding:0;background:#eee8dc;container-type:normal}
#scrollyFullPreviewContent{width:100%;min-height:100%;overflow:visible;padding:clamp(.65rem,1.5vw,1.2rem)}
#scrollyFullPreviewContent>.scrollyRenderedPage{width:100%;min-height:100%}
.scrollyColumnHead{align-items:flex-start}
.scrollyColumnHead .actions{align-items:center;justify-content:flex-end}
.scrollyColumnToggle{min-width:1.85rem;width:1.85rem;height:1.85rem;padding:0;font-size:1rem;line-height:1}
.scrollyStartHeaderContent{min-width:0;display:grid;gap:.4rem}
.scrollyStartHeaderContent .actions{justify-content:flex-start;margin:0}
.scrollyShellWorkspace.is-components-collapsed .scrollyBuilderColumns{--scrolly-components-col:3rem}
.scrollyShellWorkspace.is-blocks-collapsed .scrollyBuilderColumns{--scrolly-blocks-col:3rem}
.scrollyShellWorkspace.is-preview-collapsed .scrollyBuilderColumns{--scrolly-preview-col:3rem}
.scrollyShellWorkspace.is-components-collapsed .scrollyColumnResize[data-scrolly-resize-left="components"],
.scrollyShellWorkspace.is-blocks-collapsed .scrollyColumnResize,
.scrollyShellWorkspace.is-preview-collapsed .scrollyColumnResize[data-scrolly-resize-right="preview"]{visibility:hidden;pointer-events:none}
.scrollyShellWorkspace.is-components-collapsed .scrollyBuilderPaneComponents,
.scrollyShellWorkspace.is-blocks-collapsed .scrollyBuilderPaneBlocks,
.scrollyShellWorkspace.is-preview-collapsed .scrollyBuilderPanePreview{min-width:3rem;max-width:3rem}
.scrollyShellWorkspace.is-components-collapsed .scrollyBuilderPaneComponents .workspacePanelBody,
.scrollyShellWorkspace.is-components-collapsed .scrollyBuilderPaneComponents .simpleWebpageAddRowPinned,
.scrollyShellWorkspace.is-components-collapsed .scrollyBuilderPaneComponents .scrollyComponentFooter,
.scrollyShellWorkspace.is-blocks-collapsed .scrollyBuilderPaneBlocks .workspacePanelBody,
.scrollyShellWorkspace.is-preview-collapsed .scrollyBuilderPanePreview .workspacePanelBody,
.scrollyShellWorkspace.is-components-collapsed .scrollyBuilderPaneComponents .workspacePanelHead p,
.scrollyShellWorkspace.is-blocks-collapsed .scrollyBuilderPaneBlocks .workspacePanelHead p,
.scrollyShellWorkspace.is-preview-collapsed .scrollyBuilderPanePreview .workspacePanelHead p,
.scrollyShellWorkspace.is-components-collapsed .scrollyBuilderPaneComponents .workspacePanelHead .actions .btn:not(.scrollyColumnToggle),
.scrollyShellWorkspace.is-blocks-collapsed .scrollyBuilderPaneBlocks .workspacePanelHead .actions .btn:not(.scrollyColumnToggle),
.scrollyShellWorkspace.is-preview-collapsed .scrollyBuilderPanePreview .workspacePanelHead .actions .btn:not(.scrollyColumnToggle){display:none}
.scrollyShellWorkspace.is-components-collapsed .scrollyBuilderPaneComponents .workspacePanelHead,
.scrollyShellWorkspace.is-blocks-collapsed .scrollyBuilderPaneBlocks .workspacePanelHead,
.scrollyShellWorkspace.is-preview-collapsed .scrollyBuilderPanePreview .workspacePanelHead{padding:.45rem;display:grid;gap:.35rem;justify-items:center}
.scrollyShellWorkspace.is-components-collapsed .scrollyBuilderPaneComponents h3,
.scrollyShellWorkspace.is-components-collapsed .scrollyBuilderPaneComponents .storyBeatsStartEyebrow,
.scrollyShellWorkspace.is-blocks-collapsed .scrollyBuilderPaneBlocks h3,
.scrollyShellWorkspace.is-preview-collapsed .scrollyBuilderPanePreview h3{writing-mode:vertical-rl;text-orientation:mixed;font-size:.88rem}
.scrollySettingsDisclosure{overflow:hidden}
.scrollySettingsDisclosure summary{list-style:none;cursor:pointer;padding:.75rem .85rem;display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;border-bottom:1px solid transparent}
.scrollySettingsDisclosure summary::-webkit-details-marker{display:none}
.scrollySettingsDisclosure summary h3{margin:0;font-family:var(--serif);font-size:1.05rem}
.scrollySettingsDisclosure summary p{margin:.12rem 0 0;color:var(--muted);font-size:.76rem}
.scrollySettingsDisclosure summary b{color:var(--muted);font-size:1.1rem;line-height:1}
.scrollySettingsDisclosure[open] summary{border-bottom-color:var(--border)}
.scrollySettingsDisclosure[open] summary b{transform:rotate(45deg)}
.scrollySettingsDisclosure:not([open]) .scrollyShellMeta{display:none}
.scrollySettingsPanel[hidden]{display:none!important}
.scrollyComponentLibrary{grid-column:1 / -1}
.scrollyComponentLibrary .workspacePanelBody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;overflow:visible}
.scrollyBuilderPane .workspacePanelBody{min-height:0;overflow:auto;-webkit-overflow-scrolling:touch}
.scrollyBuilderPaneComponents .workspacePanelBody{display:grid;align-content:start;gap:.85rem}
.scrollyComponentFooter{display:flex;justify-content:flex-start;align-items:center;border-top:1px solid var(--border);background:#fffdf8;padding:.65rem .75rem}
.scrollyStartCard{min-height:0}
.scrollyStartCard .storyBeatsStartEyebrow{border:0;background:transparent;padding:0;color:var(--muted)}
.scrollyComponentGroup{display:block}
.scrollyComponentGroup h4{margin:0;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.scrollyComponentGrid{display:flex;flex-wrap:wrap;gap:.4rem}
.scrollyComponentGrid .btn{font-size:.75rem;padding:.34rem .52rem}
.scrollyComponentGrid span{border:1px solid var(--border);border-radius:999px;background:#fffdf8;color:var(--green);font-size:.75rem;font-weight:850;padding:.34rem .52rem}
.scrollyShellMeta,.scrollyShellSettings,.scrollyShellFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}
.scrollyShellMeta label,.scrollyShellSettings label,.scrollyShellFields label{display:grid;gap:.22rem;color:var(--muted);font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.scrollyShellMeta input,.scrollyShellMeta select,.scrollyShellSettings input,.scrollyShellSettings textarea,.scrollyShellSettings select,.scrollyShellFields input,.scrollyShellFields textarea,.scrollyShellFields select{width:100%;border:1px solid var(--border);border-radius:8px;background:#fffdf8;color:var(--ink);font:inherit;font-size:.84rem;font-weight:650;line-height:1.35;padding:.45rem .5rem;text-transform:none;letter-spacing:0}
.scrollyShellMeta .wide,.scrollyShellSettings .wide,.scrollyShellFields .wide{grid-column:1 / -1}
.scrollyShellSettings textarea,.scrollyShellFields textarea{min-height:78px;resize:vertical}
.scrollyHiddenControls{grid-column:1 / -1}
.builderBottomBar{position:fixed;left:.85rem;right:.85rem;bottom:.65rem;z-index:130;display:flex;gap:.35rem;justify-content:flex-end;align-items:center;padding:.45rem;background:rgba(255,253,248,.94);border:1px solid var(--border);border-radius:999px;box-shadow:0 10px 28px rgba(0,0,0,.12);backdrop-filter:blur(12px)}
.scrollyBottomBar{grid-row:5}
.scrollyBottomBarEditorControls,.scrollyBottomBarUtilityControls{display:flex;align-items:center;gap:.35rem}.scrollyBottomBarEditorControls{margin-right:auto}
.builderBottomBar .btn{box-shadow:none}
.scrollyShellBlocks{display:grid;gap:.65rem}
.scrollyShellBlock{border:1px solid var(--border);border-radius:8px;background:#fffdf8;padding:.65rem;display:grid;gap:.55rem}
.scrollyShellBlockTop{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}
.scrollyShellBlockTop strong{display:block;font-size:.9rem;line-height:1.22}
.scrollyShellBlockTop span{display:block;color:var(--muted);font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-top:.1rem}
.scrollyReferenceBlock{border-color:rgba(66,92,69,.4);background:var(--accent-soft)}
.scrollyReferenceSummary{display:grid;gap:.38rem;border-top:1px solid rgba(66,92,69,.2);padding-top:.5rem}
.scrollyReferenceSummary p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.45}
.scrollyReferenceSummary small{color:var(--accent);font-size:.66rem;font-weight:850;overflow-wrap:anywhere}
.scrollyReferenceSummary .btn{justify-self:start}
.scrollyPreservedNotice{border:1px dashed #b58f20;border-radius:8px;background:#fff9df;color:#65531d;padding:.65rem}
.scrollyPreservedNotice p{margin:.25rem 0 0;font-size:.75rem;line-height:1.4}
.scrollyPlacementPanel{border:1px solid var(--border);border-radius:8px;background:#f7f4ee;padding:.6rem;display:grid;gap:.55rem}
.scrollyPlacementSummary{display:grid;gap:.18rem}
.scrollyPlacementSummary strong{font-size:.9rem;color:var(--ink);line-height:1.25}
.scrollyPlacementSummary span,.scrollyPlacementSummary small{font-size:.72rem;color:var(--muted);font-weight:750;line-height:1.35}
.scrollyPlacementControls{display:grid;grid-template-columns:minmax(160px,.65fr) minmax(130px,.45fr) auto;gap:.55rem;align-items:end}
.scrollyPlacementControls .actions{justify-content:flex-end}
.scrollyRenderPanel{align-self:stretch}
.scrollyRenderPanel .workspacePanelBody{background:#eee8dc;padding:.6rem}
.scrollyRenderedPage{border:1px solid var(--border);border-radius:8px;background:#f7f4ee;min-height:520px;padding:1rem;display:grid;gap:1rem;align-content:start}
.scrollyRenderedPage header{border-bottom:1px solid rgba(66,92,69,.25);padding-bottom:.65rem}
.scrollyRenderedPage header h2{font-family:var(--serif);font-size:1.65rem;margin:0;color:inherit;line-height:1.05}
.scrollyRenderedPage header p{margin:.25rem 0 0;color:var(--muted);line-height:1.35}
.scrollyRenderedBlocks{display:grid;gap:1rem}
.scrollyRenderedBlock{border:1px solid rgba(66,92,69,.18);border-radius:8px;background:rgba(255,253,248,.86);padding:.8rem;display:grid;gap:.55rem}
.scrollyRenderedBlockHasStickies{position:relative;overflow:visible!important;isolation:isolate}
.scrollyOverlayStickyLayer{position:absolute;inset:0;z-index:4;pointer-events:none}
.scrollyOverlayStickyViewport{position:sticky;top:0;height:100vh;pointer-events:none}
.scrollyOverlayStickyViewport .scrollyBlockSticky{pointer-events:auto}
.scrollyBlockSticky{position:absolute;left:calc(var(--sticky-x,76)*1%);top:calc(var(--sticky-y,-24)*1px);z-index:20;width:max-content;max-width:none;transform:rotate(var(--sticky-tilt,-2deg));transform-origin:center;filter:drop-shadow(0 12px 18px rgba(55,45,24,.18));touch-action:none;cursor:grab}
.scrollyBlockSticky.is-dragging{z-index:80!important;cursor:grabbing;filter:drop-shadow(0 18px 28px rgba(55,45,24,.3))}
.scrollyBlockSticky>.atelierStudioPaper{margin:0;max-width:none;transform:none!important}
.scrollyBlockStickyHandle{position:absolute;left:.45rem;top:.38rem;z-index:4;border:0;border-radius:999px;background:rgba(255,255,255,.78);color:#514934;padding:.18rem .42rem;font:850 .58rem/1 var(--sans);letter-spacing:.05em;text-transform:uppercase;cursor:grab;box-shadow:0 2px 7px rgba(0,0,0,.12);touch-action:none}
.scrollyBlockStickyHandle:active{cursor:grabbing}
.scrollyBlockStickyEditor{grid-column:1/-1;display:grid;gap:.45rem;border-top:1px solid var(--border);padding-top:.55rem}
.scrollyBlockStickyEditor>div:first-child{display:grid;gap:.14rem}.scrollyBlockStickyEditor strong{font-size:.78rem}.scrollyBlockStickyEditor small{color:var(--muted);font-size:.68rem;line-height:1.35}.scrollyBlockStickyEditor>.actions{justify-content:flex-start}
.scrollyBlockStickyEditorRows{display:grid;gap:.3rem;min-width:0}.scrollyBlockStickyEditorRow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;min-width:0;border:1px solid var(--border);border-radius:7px;background:#fff;padding:.35rem .45rem}.scrollyBlockStickyEditorRow span{min-width:0;font-size:.7rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scrollyBlockStickyEditorRow button{flex:none;white-space:nowrap}
@media(max-width:620px){.scrollyBlockSticky{left:clamp(-2rem,calc(var(--sticky-x,76)*1%),calc(100% - 8rem));transform:rotate(0deg) scale(.82);transform-origin:top left}}
.scrollyRenderedHeading h1,.scrollyRenderedHeading h2,.scrollyRenderedHeading h3,.scrollyRenderedParagraph h3{font-family:var(--serif);margin:0;color:inherit;line-height:1.08}
.scrollyRenderedParagraph p,.scrollyRenderedImage p{margin:0;line-height:1.45}
.scrollyRenderedBeatUse,.scrollyRenderedStoryUse{padding:0;overflow:hidden}
.scrollyRenderedBeatUse>.storyBuilderWebProjection{width:100%;border-radius:0}
.scrollyRenderedStoryUse>header{padding:1rem;background:var(--accent-soft)}
.scrollyRenderedStoryUse>header>span,.scrollyRenderedTransition>span{display:block;color:var(--accent);font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.scrollyRenderedStoryUse>header h2,.scrollyRenderedTransition h2{margin:.2rem 0;font-family:var(--serif)}
.scrollyRenderedStoryUse>.storyBuilderWebProjection{width:100%;border-radius:0;border-top:1px solid var(--border)}
.scrollyRenderedTransition{text-align:center;align-content:center;min-height:220px;background:var(--accent);color:#fff}
.scrollyRenderedTransition>span{color:#dcebd9}.scrollyRenderedTransition p{margin:.25rem auto 0;max-width:42rem}
.scrollyRenderedPreserved{border:2px dashed #b58f20;background:#fff9df;color:#65531d}
.scrollyRenderedImage img{width:100%;max-height:260px;object-fit:cover;border-radius:8px;border:1px solid var(--border)}
.scrollyRenderedStudioObject,.scrollyRenderedObjectStage{min-width:0;max-width:100%}
.scrollyRenderedStudioObject{overflow-x:clip;font-family:"Nunito Sans",var(--sans);line-height:1.5}
.scrollyRenderedStudioObject:not(:has(.scrollyStudioModuleRenderer)){padding:1.875rem;gap:1rem;background:rgba(255,253,248,.9)}
.scrollyRenderedStudioObject:not(:has(.scrollyStudioModuleRenderer)) h3,.scrollyRenderedStudioObject:not(:has(.scrollyStudioModuleRenderer)) h4{font-weight:500}
.scrollyRenderedStudioObject:has(>.scrollyRenderedObjectStage>.scrollyStudioModuleRenderer){padding:0;border:0;background:transparent;overflow:visible}
.scrollyRenderedObjectStage{width:100%;display:grid;gap:1rem}
.scrollyRenderedObjectStage>.atelierStudioHeroRender{min-width:0;width:100%;max-width:100%}
.scrollyStudioModuleRenderer{display:grid;width:100%;min-width:0;gap:1rem;border:1px solid rgba(66,92,69,.18);border-radius:8px;background:rgba(255,253,248,.9);padding:1.875rem;font-family:"Nunito Sans",var(--sans);line-height:1.5}
.scrollyStudioModuleRenderer h3,.scrollyStudioModuleRenderer h4{font-weight:500}
.scrollyRenderedStudioObject--overlay{padding:0;border:0;background:transparent;overflow:visible}
.scrollyRenderedStudioObject--overlay .scrollyRenderedObjectStage{overflow:visible}
.scrollyRenderedMissing{border:1px dashed var(--border);border-radius:8px;padding:.8rem;color:var(--muted);font-weight:800;background:#fffdf8}
.scrollyRenderedTreatmentCards{margin:0;padding:0;list-style:none;display:grid;gap:.45rem}
.scrollyRenderedTreatmentCards li{display:grid;gap:.18rem;border-left:4px solid var(--scrolly-accent,#425c45);background:#fffdf8;border-radius:8px;padding:.55rem .65rem}
.scrollyRenderedTreatmentCards span{font-size:.62rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em;color:var(--scrolly-accent,#425c45)}
.scrollyRenderedTreatmentCards b{font-size:.86rem;line-height:1.2}
.scrollyRenderedTreatmentCards p{margin:0;font-size:.82rem;line-height:1.35}
.scrollyRenderedTreatmentCards small{font-size:.68rem;color:var(--muted);font-weight:850}
.scrollyObjectRenderer{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(16rem,.7fr);gap:1rem;align-items:start}
.scrollyObjectVisual{border:1px solid rgba(66,92,69,.18);border-radius:8px;background:#fffef9;padding:1rem;box-shadow:0 10px 24px rgba(0,0,0,.05)}
.scrollyObjectCards{display:grid;gap:.65rem;align-content:start}
.scrollyObjectCards section{border-left:5px solid var(--scrolly-accent,#425c45);border-radius:1.1rem;background:#fffdf8;padding:clamp(1.1rem,3vw,2rem);box-shadow:0 12px 35px rgba(0,0,0,.08)}
.scrollyObjectCards section.is-active{outline:2px solid rgba(66,92,69,.18)}
.scrollyObjectCards span{display:block;font-size:.68rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em;color:var(--scrolly-accent,#425c45)}
.scrollyObjectCards b{display:block;font-family:var(--serif);font-size:clamp(1.45rem,3vw,2.55rem);line-height:1.06}
.scrollyObjectCards p{margin:.2rem 0 0;line-height:1.4}
.scrollyObjectCards small{display:block;margin-top:.3rem;color:var(--muted);font-size:.72rem;font-weight:850}
.scrollyTimelineRenderer ol{list-style:none;margin:.9rem 0 0;padding:0;display:grid;gap:.7rem}
.scrollyTimelineRenderer li{display:grid;grid-template-columns:1.5rem minmax(0,1fr);gap:.55rem;opacity:.46;transition:opacity .18s ease,transform .18s ease}
.scrollyTimelineRenderer li.is-active{opacity:1;transform:translateX(2px)}
.scrollyTimelineRenderer li i{width:.85rem;height:.85rem;border:2px solid var(--scrolly-accent,#425c45);border-radius:50%;margin-top:.22rem;background:#fff}
.scrollyTimelineRenderer li.is-active i{background:var(--scrolly-accent,#425c45)}
.scrollyTimelineRenderer li b{display:block;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}
.scrollyTimelineRenderer li strong{display:block;font-size:1rem;line-height:1.18}
.scrollyTimelineRenderer li p{margin:.22rem 0 0;line-height:1.35}
.scrollyTimelineRenderer li small{display:block;margin-top:.2rem;color:var(--muted)}
.scrollyTimelineRenderer .scrollyObjectVisual ol{position:relative;padding-left:.35rem;gap:clamp(.65rem,1.6vh,1.05rem)}
.scrollyTimelineRenderer .scrollyObjectVisual ol::before{content:"";position:absolute;left:.78rem;top:.55rem;bottom:.55rem;width:2px;background:rgba(66,92,69,.18)}
.scrollyTimelineRenderer li{position:relative;grid-template-columns:1.65rem minmax(0,1fr);padding:.35rem .3rem;border-radius:8px}
.scrollyTimelineRenderer li i{position:relative;z-index:1}
.scrollyTimelineRenderer li.is-runtime-active{background:#fffdf8}
.scrollyBarRows{display:grid;gap:.55rem;margin-top:.8rem}
.scrollyBarRows section{display:grid;grid-template-columns:minmax(5rem,.7fr) minmax(8rem,1fr) auto;gap:.55rem;align-items:center;transition:opacity .18s ease,transform .18s ease}
.scrollyBarRows section.is-highlighted{transform:translateX(4px)}
.scrollyBarRows section.is-highlighted em{background:#bc352d}
.scrollyBarRows b,.scrollyBarRows strong{font-size:.84rem;overflow-wrap:anywhere}
.scrollyBarRows i{height:.8rem;border-radius:999px;background:#ece7dc;overflow:hidden}
.scrollyBarRows em{display:block;height:100%;border-radius:999px;background:var(--scrolly-accent,#425c45)}
.scrollyBarRenderer figure{margin:.85rem 0 0}
.scrollyBarRenderer svg{display:block;width:100%;height:min(60vh,520px);min-height:360px;background:#f7f4ee}
.scrollyBarRenderer .chartTitle{font-family:var(--serif);font-size:28px;font-weight:900;fill:#222}
.barAxes line{stroke:#807a70;stroke-width:2}
.barAxes text,.barMark text,.barAverage text{font-family:var(--sans);fill:#666;font-size:12px;font-weight:800}
.barMark{opacity:.9;transition:opacity .18s ease,filter .18s ease,transform .18s ease}
.barMark rect{fill:var(--scrolly-accent,#425c45);rx:5}
.barMark.is-highlighted rect{fill:#bc352d}
.barMark text{text-anchor:middle}
.barMark .barValue{font-weight:900;opacity:.75}
.barAverage line{stroke:#6d88a6;stroke-width:3;stroke-dasharray:9 7}
.barAverage text{fill:#6d88a6;font-size:13px}
.scrollyLineRenderer figure{margin:.8rem 0 0}
.scrollyLineRenderer svg{display:block;width:100%;height:260px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(#fbfaf7,#fff)}
.scrollyLineRenderer svg > line{stroke:#ded6c8;stroke-width:1.2}
.scrollyLineRenderer polyline{fill:none;stroke:var(--line-color,var(--scrolly-accent,#425c45));stroke-width:3.8;stroke-linecap:round;stroke-linejoin:round}
.scrollyLineRenderer figcaption{display:grid;grid-template-columns:auto 1fr auto;gap:.5rem;align-items:center;margin-top:.35rem;color:var(--muted);font-size:.72rem}
.scrollyLineRenderer figcaption div{position:relative;height:1.2rem}
.scrollyLineRenderer figcaption span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}
.scrollyPieLayout{display:grid;grid-template-columns:minmax(10rem,16rem) minmax(0,1fr);gap:1rem;align-items:center;margin-top:.85rem}
.scrollyPieChart{width:min(16rem,100%);aspect-ratio:1;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--border),0 12px 28px rgba(0,0,0,.08)}
.scrollyPieLayout ol{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.scrollyPieLayout li{display:grid;grid-template-columns:1rem minmax(0,1fr) auto;gap:.45rem;align-items:center;border:1px solid var(--border);border-radius:8px;background:#fff;padding:.45rem .55rem}
.scrollyPieLayout li.is-highlighted{border-color:#bc352d;background:#fff5ee}
.scrollyPieLayout i{width:.85rem;height:.85rem;border-radius:50%;display:block}
.scrollyPieLayout b,.scrollyPieLayout span{font-size:.82rem;overflow-wrap:anywhere}
.scrollyPieSvg{display:block;width:min(18rem,100%);aspect-ratio:1;overflow:visible}
.pieSlice{stroke:#fff;stroke-width:2;transition:opacity .18s ease,transform .18s ease,filter .18s ease;transform-origin:120px 120px}
.pieSlice.is-highlighted{stroke-width:5;filter:drop-shadow(0 8px 10px rgba(0,0,0,.16));transform:scale(1.035)}
.pieHub{fill:#fffdf8;stroke:rgba(66,92,69,.16);stroke-width:1.5}
.scrollyCirclesRenderer .storyCircleModel{min-height:24rem}
.scrollyCirclesRenderer .storyCircleNode{width:calc(22rem - var(--circle-depth,0)*2.6rem);max-width:94%;padding:1rem}
.scrollyCirclesRenderer .storyCircleModel{min-height:min(62vh,560px)}
.scrollyCirclesRenderer .storyCircleNode{width:calc(clamp(18rem,38vw,32rem) - var(--circle-depth,0)*3.6rem);border-width:2.5px;background:rgba(238,246,234,.78);box-shadow:0 10px 24px rgba(0,0,0,.04)}
.scrollyCirclesRenderer .storyCircleNode b{font-family:var(--serif);font-size:clamp(.85rem,1.5vw,1.22rem)}
.scrollyCirclesRenderer .storyCircleNode small{max-width:72%;font-size:clamp(.68rem,1vw,.88rem)}
.scrollyPyramidRenderer ol{display:flex;flex-direction:column-reverse;align-items:center;gap:.28rem;list-style:none;margin:.85rem 0 0;padding:0}
.scrollyPyramidRenderer li{width:var(--pyramid-width);background:#425c45;color:#fff;text-align:center;font-weight:900;padding:.62rem .85rem;clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);overflow-wrap:anywhere;opacity:.7}
.scrollyPyramidRenderer li.is-active{opacity:1;background:#bc352d}
.scrollyPyramidRenderer li span{display:block;font-weight:650;font-size:.8rem;line-height:1.25}
.scrollyPyramidRenderer ol{min-height:min(54vh,520px);justify-content:center;gap:.38rem}
.scrollyPyramidRenderer li{min-height:clamp(3rem,7vh,4.6rem);display:grid;align-content:center;box-shadow:0 10px 20px rgba(0,0,0,.06)}
.scrollyPyramidRenderer li b{font-family:var(--serif);font-size:clamp(1rem,1.8vw,1.5rem)}
.scrollyTwoByTwoGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#fffef9;margin:.45rem 0}
.scrollyTwoByTwoGrid section{min-height:7rem;padding:.8rem;border:1px solid rgba(66,92,69,.14);overflow-wrap:anywhere;word-break:normal}
.scrollyTwoByTwoGrid section.is-active{background:#eef6ea;box-shadow:inset 0 0 0 3px rgba(66,92,69,.18)}
.scrollyTwoByTwoGrid b{display:block;margin-bottom:.25rem}
.scrollyTwoByTwoGrid p{margin:0;line-height:1.35}
.scrollyLoopDiagram{position:relative;min-height:24rem;display:grid;place-items:center;margin-top:.85rem}
.scrollyLoopDiagram::before{content:"";position:absolute;width:min(18rem,78%);aspect-ratio:1;border:3px solid rgba(66,92,69,.22);border-radius:50%}
.scrollyLoopDiagram strong{position:relative;z-index:2;width:8rem;height:8rem;border-radius:50%;display:grid;place-items:center;text-align:center;background:#eef6ea;color:#24352f;border:2px solid rgba(66,92,69,.35);padding:.8rem;font-family:var(--serif);line-height:1.05}
.scrollyLoopDiagram ol{list-style:none;margin:0;padding:0;position:absolute;inset:0}
.scrollyLoopDiagram li{position:absolute;left:50%;top:50%;width:8.8rem;min-height:5.4rem;border:1px solid var(--border);border-radius:8px;background:#fffef9;box-shadow:0 10px 24px rgba(0,0,0,.08);padding:.55rem;display:grid;gap:.18rem;align-content:center;text-align:center;transform:translate(-50%,-50%) rotate(var(--loop-angle)) translateY(-10.5rem) rotate(calc(-1 * var(--loop-angle)));opacity:.72}
.scrollyLoopDiagram li.is-active{opacity:1;box-shadow:0 0 0 3px rgba(66,92,69,.22),0 16px 30px rgba(0,0,0,.1)}
.scrollyLoopDiagram li b{width:1.4rem;height:1.4rem;border-radius:999px;background:#425c45;color:#fff;display:grid;place-items:center;margin:0 auto;font-size:.75rem}
.scrollyLoopDiagram li span{font-weight:900;overflow-wrap:anywhere}
.scrollyLoopDiagram li small{color:var(--muted);font-size:.72rem}
.scrollyLoopDiagram{min-height:min(58vh,560px)}
.scrollyLoopDiagram::before{width:min(24rem,82%);border-width:4px;border-color:rgba(66,92,69,.24)}
.scrollyLoopDiagram strong{width:9.5rem;height:9.5rem;box-shadow:0 18px 34px rgba(0,0,0,.08)}
.scrollyLoopDiagram li{width:10rem;min-height:6.1rem;transform:translate(-50%,-50%) rotate(var(--loop-angle)) translateY(-13.4rem) rotate(calc(-1 * var(--loop-angle)))}
.scrollyBellRenderer figure{margin:.85rem 0 0}
.scrollyBellRenderer svg{display:block;width:100%;height:min(62vh,560px);min-height:380px;border:0;border-radius:0;background:#f7f4ee}
.scrollyBellRenderer .bellPaper{fill:#f7f4ee}
.scrollyBellRenderer .bellTitle{font-family:var(--serif);font-weight:900;font-size:28px;fill:#222}
.scrollyBellRenderer .bellSubtitle,.scrollyBellRenderer .axisLabel,.scrollyBellRenderer .ticks text,.scrollyBellRenderer .bellNote{fill:#64605a;font-family:var(--sans);font-weight:650}
.scrollyBellRenderer .bellSubtitle{font-size:15px}
.scrollyBellRenderer .axisLabel{font-size:14px;font-weight:850}
.scrollyBellRenderer .ticks text{font-size:13px;text-anchor:middle}
.scrollyBellRenderer .bellNote{font-size:11px}
.scrollyBellRenderer .grid{stroke:#e4ded4;stroke-width:1}
.scrollyBellRenderer .axis{stroke:#807a70;stroke-width:1.3}
.scrollyBellRenderer .baseline{fill:none;stroke:#c9c7c1;stroke-width:5.5;stroke-linecap:round;opacity:.92}
.scrollyBellRenderer .baseline.is-active{stroke:#222}
.scrollyBellRenderer .shifted{fill:none;stroke:#bc352d;stroke-width:5.5;stroke-linecap:round;opacity:.72}
.scrollyBellRenderer .shifted.is-active{opacity:1;stroke-width:6.4}
.scrollyBellRenderer .mean{stroke:#777;stroke-width:2.4;stroke-dasharray:8 8;opacity:.56}
.scrollyBellRenderer .mean.is-active{stroke:#bc352d;opacity:1;stroke-width:3}
.scrollyBellRenderer .bellLabel{font-size:15px;font-family:var(--sans);font-weight:900;fill:#78736c;opacity:.55}
.scrollyBellRenderer .bellLabel.is-runtime-active{opacity:1;fill:#666}
.scrollyBellRenderer .tail{fill:transparent;opacity:.18}
.scrollyBellRenderer .tail.left.is-active{fill:#d58b7f;opacity:.62}
.scrollyBellRenderer .tail.right.is-active{fill:#6d9fc3;opacity:.62}
.scrollyBellRenderer .bellTailLabel{font-size:14px;font-family:var(--sans);font-weight:900;fill:#666;opacity:.2}
.scrollyBellRenderer .bellTailLabel.is-runtime-active,.scrollyBellRenderer .bellTailLabel.is-active{opacity:1}
.scrollyBellRenderer figcaption{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.45rem;color:var(--muted);font-weight:850;font-size:.85rem}
.scrollyObjectVisual{position:sticky;top:clamp(12px,3vh,32px)}
.scrollyObjectCards{gap:clamp(14px,5vh,42px)}
.scrollyObjectCards section{min-height:clamp(180px,42vh,420px);display:grid;align-content:center}
.scrollyObjectCards section:not(.is-active){opacity:.72}
.scrollyObjectCards section.is-active{opacity:1;outline:3px solid rgba(66,92,69,.2);transform:translateX(-2px)}
.scrollyTimelineRenderer li.is-runtime-dimmed,.barMark.is-runtime-dimmed,.barAxes.is-runtime-dimmed,.barAverage.is-runtime-dimmed,.storyLinePoint.is-runtime-dimmed,.storyLineSeries.is-runtime-dimmed,.scrollyPieLayout li.is-runtime-dimmed,.pieSlice.is-runtime-dimmed,.scrollyCircleRing.is-runtime-dimmed,.scrollyPyramidLayer.is-runtime-dimmed,.scrollyTwoByTwoGrid section.is-runtime-dimmed,.scrollyLoopDiagram li.is-runtime-dimmed,.scrollyBellRenderer [data-treatment-visual-target].is-runtime-dimmed{opacity:.22}
.scrollyTimelineRenderer li.is-runtime-active{opacity:1;transform:translateX(4px)}
.scrollyTimelineRenderer li.is-runtime-active i{background:var(--scrolly-accent,#425c45)}
.barMark.is-runtime-active{opacity:1;filter:drop-shadow(0 6px 8px rgba(188,53,45,.24))}
.barMark.is-runtime-active rect{fill:#bc352d}
.barAxes.is-runtime-active,.barAverage.is-runtime-active{opacity:1}
.barAverage.is-runtime-active line{stroke:#bc352d;stroke-width:4}
.storyLinePoint.is-runtime-active{opacity:1;fill:var(--line-color,var(--scrolly-accent,#425c45));stroke:#fff;stroke-width:1.8;r:4.5}
.storyLineSeries.is-runtime-active{opacity:1}
.scrollyPieLayout li.is-runtime-active{opacity:1;border-color:#bc352d;background:#fff5ee;transform:translateX(4px)}
.scrollyPieLayout li.is-runtime-active i{box-shadow:0 0 0 3px rgba(188,53,45,.18)}
.pieSlice.is-runtime-active{opacity:1;stroke:#fff;stroke-width:5;filter:drop-shadow(0 8px 10px rgba(0,0,0,.16));transform:scale(1.035);transform-origin:120px 120px}
.scrollyCircleRing.is-runtime-active{opacity:1;background:#eef6ea;box-shadow:0 0 0 3px rgba(66,92,69,.28),0 18px 34px rgba(0,0,0,.09)}
.scrollyPyramidLayer.is-runtime-active polygon{fill:#bc352d;filter:drop-shadow(0 12px 20px rgba(0,0,0,.12))}
.scrollyTwoByTwoGrid section.is-runtime-active{opacity:1;background:#eef6ea;box-shadow:inset 0 0 0 3px rgba(66,92,69,.22)}
.scrollyLoopDiagram li.is-runtime-active{opacity:1;box-shadow:0 0 0 3px rgba(66,92,69,.28),0 18px 34px rgba(0,0,0,.09)}
.scrollyBellRenderer .shifted.is-runtime-active{opacity:1;stroke-width:4}
.scrollyBellRenderer .mean.is-runtime-active{stroke:#bc352d;opacity:1;stroke-width:1.8}
.scrollyBellRenderer .tail.left.is-runtime-active{fill:#d58b7f;opacity:.72}
.scrollyBellRenderer .tail.right.is-runtime-active{fill:#6d9fc3;opacity:.72}
.scrollyBellRenderer .baseline.is-runtime-active{stroke:#222;opacity:1}
.scrollyBellRenderer .shifted.is-runtime-active{stroke-width:6.4}
.scrollyBellRenderer .mean.is-runtime-active{stroke-width:3}
.scrollyBellRenderer .tail.left.is-runtime-active{opacity:.62}
.scrollyBellRenderer .tail.right.is-runtime-active{opacity:.62}
.scrollyRenderedPage[data-scrolly-layout="immersive"]{gap:clamp(22px,4vw,54px)}
.scrollyRenderedPage[data-scrolly-layout="immersive"] .scrollyRenderedBlocks{gap:clamp(34px,8vw,120px)}
.scrollyRenderedPage[data-scrolly-layout="immersive"] .scrollyRenderedStoryUse{border:0;border-radius:0;background:transparent;overflow:visible;gap:clamp(34px,8vw,120px)}
.scrollyRenderedPage[data-scrolly-layout="immersive"] .scrollyRenderedStoryUse>.storyBuilderWebProjection{border:1px solid rgba(66,92,69,.18);border-radius:8px;overflow:hidden}
.scrollyRenderedPage[data-scrolly-layout="immersive"] .scrollyObjectRenderer{grid-template-columns:minmax(0,1.12fr) minmax(22rem,.74fr);gap:clamp(1.25rem,4vw,4rem)}
.scrollyRenderedPage[data-scrolly-layout="immersive"] .scrollyObjectVisual{top:0;min-height:min(82vh,760px);display:grid;align-content:center;padding:clamp(1rem,2.5vw,2rem)}
.scrollyRenderedPage[data-scrolly-layout="immersive"] .scrollyObjectCards{gap:clamp(32px,18vh,190px);padding:20vh 0 24vh}
.scrollyRenderedPage[data-scrolly-layout="immersive"] .scrollyObjectCards section{min-height:clamp(240px,52vh,520px)}
.scrollyRenderedPage[data-scrolly-layout="immersive"] .scrollyNarrativeSticky .scrollyObjectCards article{min-height:clamp(220px,48vh,500px)}
.scrollyModuleEyebrow{display:block;color:var(--scrolly-accent,#425c45);font-size:.74rem;font-weight:950;text-transform:uppercase;letter-spacing:.16em}
.scrollyDemoHero{min-height:min(78vh,760px);align-content:center;text-align:center;background:#f7f4ee}
.scrollyDemoHero h1{font-family:var(--serif);font-size:clamp(3rem,8vw,6.8rem);line-height:.92;margin:.25rem 0;color:#163529}
.scrollyDemoHero p{max-width:760px;margin:.75rem auto;color:var(--muted);font-size:1.15rem}
.scrollyDemoHero nav{display:flex;gap:.55rem;flex-wrap:wrap;justify-content:center;margin-top:1.4rem}
.scrollyDemoHero nav span,.scrollyDemoModuleCard p span{border:1px solid var(--border);border-radius:999px;background:#fff;padding:.45rem .7rem;color:#425c45;font-weight:850}
.scrollyDemoEngine{text-align:center;background:#edf7f4}
.scrollyDemoEngine h2{font-family:var(--serif);font-size:clamp(2rem,5vw,4rem);margin:.15rem 0;color:#163529}
.scrollyDemoModuleCard{grid-template-columns:minmax(0,1fr) minmax(14rem,.45fr);align-items:center}
.scrollyDemoModuleCard span{color:var(--scrolly-accent,#425c45);font-weight:950;text-transform:uppercase;letter-spacing:.12em}
.scrollyDemoModuleCard h3,.scrollyCenteredModule h3,.scrollyFullImageModule h3,.scrollySplitModule h3,.scrollyVideoModule h3,.scrollyParallaxModule h3{font-family:var(--serif);font-size:clamp(1.8rem,4vw,3.8rem);line-height:1;margin:.2rem 0}
.scrollyRenderedPage .scrollyDemoModuleCard h3,.scrollyRenderedPage .scrollyCenteredModule h3,.scrollyRenderedPage .scrollyFullImageModule h3,.scrollyRenderedPage .scrollySplitModule h3,.scrollyRenderedPage .scrollyParallaxModule h3{color:inherit!important}
.scrollyRenderedPage .scrollyVideoModule h3{color:#fff!important}
.scrollyDemoModuleCard p{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}
.scrollyDemoModuleCard small{color:var(--muted);font-weight:850}
.scrollyCenteredModule{min-height:48vh;place-items:center;text-align:center}
.scrollyCenteredModule p{max-width:720px}
.scrollyFullImageModule figure,.scrollySplitModule figure,.scrollyVideoModule figure,.scrollyOverlayModule figure{margin:0}
.scrollyFullImageModule img,.scrollySplitModule img,.scrollyOverlayModule img{width:100%;border-radius:8px;border:1px solid var(--border);object-fit:cover}
.scrollyFullImageModule img{max-height:76vh}
.scrollyNarrativeSticky{grid-template-columns:minmax(0,1fr) minmax(18rem,.72fr)}
.scrollyNarrativeSticky .scrollyObjectCards article{border-left:6px solid var(--scrolly-accent,#425c45);border-radius:8px;background:#fff;padding:clamp(1rem,2vw,1.5rem);box-shadow:0 18px 34px rgba(0,0,0,.08);min-height:clamp(160px,34vh,320px);display:grid;align-content:center}
.scrollyNarrativeSticky .scrollyObjectCards article:not(.is-active){opacity:.72}
.scrollyNarrativeSticky .scrollyObjectCards article.is-active{outline:3px solid rgba(66,92,69,.2)}
.scrollyNarrativeSticky .scrollyObjectCards h4{font-family:var(--serif);font-size:clamp(1.55rem,3vw,3.2rem);line-height:1;margin:.2rem 0}
.scrollyStickyMedia{position:relative;min-height:min(72vh,680px);overflow:hidden;border-radius:8px;background:#17251f;box-shadow:0 22px 46px rgba(0,0,0,.14)}
.scrollyStickyMedia img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;border-radius:0}
.scrollyStickyMedia .scrollySwapImage{opacity:0;transition:opacity .28s ease,transform .28s ease}
.scrollyStickyMedia .scrollySwapImage.is-active,.scrollyStickyMedia .scrollySwapImage.is-runtime-active{opacity:1}
.scrollyStickyMedia .scrollySwapImage.is-runtime-dimmed{opacity:0}
.scrollyStickyMedia figcaption{position:absolute;left:1rem;bottom:.8rem;color:rgba(255,255,255,.78);font-size:.78rem;z-index:3}
.scrollyStickyMediaShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,24,20,.72),rgba(14,24,20,.28) 48%,rgba(14,24,20,.08));z-index:1}
.scrollyStickyMediaText{position:relative;z-index:2;min-height:min(72vh,680px);display:grid;align-content:center;max-width:720px;padding:clamp(1.2rem,4vw,3rem);color:#fff}
.scrollyStickyMediaText.standalone{min-height:min(52vh,520px);background:#fffdf8;color:var(--ink);border:1px solid var(--border);border-radius:8px}
.scrollyStickyMediaText h3{font-family:var(--serif);font-size:clamp(2rem,4.6vw,4.8rem);line-height:.96;margin:.25rem 0;color:inherit}
.scrollyStickyMediaText p{font-size:clamp(1rem,1.5vw,1.22rem);max-width:46rem;color:inherit}
.scrollyStickyStateRail{position:absolute;right:1rem;top:1rem;display:flex;gap:.42rem;z-index:3}
.scrollyStickyStateRail span{width:2rem;height:2rem;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.72);color:#163529;font-weight:950;border:1px solid rgba(255,255,255,.45)}
.scrollyStickyStateRail span.is-runtime-dimmed{opacity:.32}
.scrollyStickyStateRail span.is-runtime-active,.scrollyStickyStateRail span.is-active{background:#fff;color:#bc352d;transform:translateY(-2px)}
.scrollyOverlayModule .scrollyObjectVisual,.scrollyStickyStepsModule .scrollyObjectVisual,.scrollySwapModule .scrollyObjectVisual{padding:0;overflow:hidden}
.scrollyOverlayModule .scrollyObjectCards article,.scrollyStickyStepsModule .scrollyObjectCards article,.scrollySwapModule .scrollyObjectCards article{background:rgba(255,255,255,.94);border-left-width:7px}
.scrollySwapModule .scrollyStickyMediaShade{background:linear-gradient(115deg,rgba(14,24,20,.74),rgba(66,92,69,.28),rgba(188,53,45,.18))}
.scrollyParallaxModule{min-height:66vh;background-size:cover;background-position:center;place-items:center;text-align:center;position:relative;overflow:hidden}
.scrollyParallaxModule:before{content:"";position:absolute;inset:0;background:rgba(247,244,238,.7)}
.scrollyParallaxModule>div{position:relative;background:rgba(255,253,248,.88);border-radius:8px;padding:clamp(1rem,3vw,2rem);max-width:760px}
.scrollySplitModule{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:clamp(1rem,3vw,2.5rem)}
.scrollySplitModule .scrollySplitPanel{min-width:0;margin:0}
.scrollySplitModule .scrollySplitPanel--image img{width:100%;height:100%;min-height:clamp(260px,38vw,520px);aspect-ratio:4/3;object-fit:cover}
.scrollySplitModule .scrollySplitPanel--text{display:grid;align-content:center;min-height:clamp(260px,38vw,520px);padding:clamp(1.25rem,4vw,4rem);background:#f7f4ee;border-radius:8px}
.scrollySplitModule .scrollySplitPanel--text p{margin:0;font-family:var(--serif);font-size:clamp(1.5rem,3vw,2.8rem);font-weight:600;line-height:1.16}
.scrollyBeforeAfterRenderer{width:100%;display:grid;gap:1rem}
.scrollyBeforeAfterRenderer h3{margin:0;font-family:var(--serif);font-size:clamp(1.8rem,4vw,3.8rem)}
.scrollyBeforeAfterStage{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:#e7e1d7;box-shadow:0 18px 42px rgba(0,0,0,.12)}
.scrollyBeforeAfterStage img{display:block;width:100%;height:100%;object-fit:cover;border:0;border-radius:0}
.scrollyBeforeAfterBefore{position:absolute;inset:0}
.scrollyBeforeAfterAfter{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--compare-position)) 0 0)}
.scrollyBeforeAfterDivider{position:absolute;top:0;bottom:0;left:var(--compare-position);width:3px;transform:translateX(-1.5px);background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.2);pointer-events:none}
.scrollyBeforeAfterStage input[type="range"]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.scrollyBeforeAfterTextGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.scrollyBeforeAfterTextGrid section{border:1px solid var(--border);border-radius:8px;background:#fbfaf7;padding:1rem}
.scrollyBeforeAfterTextGrid b{display:block;color:var(--accent);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
.scrollyBeforeAfterTextGrid p{margin:.4rem 0 0;line-height:1.5}
.scrollyBeforeAfterTakeaway{font-family:var(--serif);font-size:clamp(1.25rem,2vw,1.7rem);font-weight:600}
.scrollyVideoModule{position:relative;min-height:64vh;place-items:center;text-align:center;overflow:hidden;background:#17251f;color:#fff}
.scrollyVideoModule video,.scrollyVideoModule figure{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}
.scrollyVideoModule>div{position:relative;max-width:760px;padding:clamp(1rem,3vw,2rem)}
.scrollyButtonsModule{grid-template-columns:minmax(0,.8fr) minmax(18rem,1fr);align-items:start}
.scrollyButtonsModule h3{margin:.2rem 0;font-family:Manrope,var(--sans);font-size:clamp(1.8rem,2.69vw,2.152rem);font-weight:500;line-height:1.142}
.scrollyButtonsControls{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.9rem}
.scrollyButtonsControls button{border:1px solid var(--scrolly-accent,#425c45);border-radius:999px;background:#fff;color:var(--scrolly-accent,#425c45);padding:.55rem .8rem;font-weight:850}
.scrollyButtonsControls button.is-active{background:var(--scrolly-accent,#425c45);color:#fff}
.scrollyButtonsPanels article{display:none;border:1px solid var(--border);border-radius:8px;background:#fffef9;padding:1rem}
.scrollyButtonsPanels article.is-active{display:block}
.scrollyButtonsPanels h4,.scrollyDisclosureModule summary{font-family:var(--serif);font-size:clamp(1.5rem,3vw,2.5rem);font-weight:850}
.scrollyDisclosureModule details{border-left:6px solid var(--scrolly-accent,#425c45);border-radius:8px;background:#fff;padding:1rem}
.scrollyDisclosureModule summary{cursor:pointer;color:#163529}
.scrollyDisclosureCards{display:grid;min-width:0;max-width:100%;gap:.65rem;margin-top:1rem}
.scrollyDisclosureCards article{min-width:0;max-width:100%;border:1px solid var(--border);border-radius:8px;padding:.75rem;background:#fffef9;overflow-wrap:anywhere}
.scrollyRabbitHoleModule{position:relative;overflow:hidden;background:#17251f;color:#fff;min-height:44vh;align-content:center}
.scrollyRabbitHoleModule::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 18%,rgba(246,223,114,.22),transparent 34%),linear-gradient(135deg,#17251f,#425c45);opacity:.95}
.scrollyRabbitHoleModule>*{position:relative}
.scrollyRabbitHoleModule details{background:rgba(255,253,248,.94);color:#222;max-width:820px;margin:0 auto;box-shadow:0 22px 50px rgba(0,0,0,.22)}
.scrollyRabbitHoleModule summary{display:inline-flex;align-items:center;gap:.5rem}
.scrollyRabbitHoleModule summary::after{content:"Open";font-family:var(--sans);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;border:1px solid rgba(66,92,69,.28);border-radius:999px;padding:.25rem .45rem;color:#425c45}
.scrollyRabbitHoleModule summary .scrollyRabbitHoleFrontText{font-family:var(--sans);font-size:1rem;font-weight:650;line-height:1.35;color:#5f655f}
.scrollyRabbitHoleModule details[open] summary::after{content:"Go Back"}
.scrollyOverlayModule{display:block;padding:0;border:0;background:transparent;overflow:visible}
.scrollyOverlayScroller{position:relative;min-height:300vh}
.scrollyOverlayModule .scrollyObjectVisual{position:sticky;top:0;height:100vh;min-height:100vh;padding:0;overflow:hidden;z-index:1}
.scrollyOverlayModule .scrollyStickyMedia{min-height:100vh;height:100vh;border-radius:0;box-shadow:none}
.scrollyOverlayModule .scrollyStickyMediaText{min-height:100vh;max-width:860px;padding-left:clamp(1.5rem,8vw,7rem)}
.scrollyOverlayModule .scrollyObjectCards{position:relative;z-index:3;margin:-100vh auto 0;padding:42vh 0 62vh;width:min(720px,86vw,100%);gap:clamp(360px,82vh,820px)}
.scrollyRenderedPage[data-scrolly-layout="immersive"] .scrollyOverlayModule .scrollyObjectCards{padding:42vh 0 62vh;gap:clamp(360px,82vh,820px)}
.scrollyOverlayModule .scrollyObjectCards article{min-height:clamp(180px,24vh,280px);display:grid;align-content:center;background:rgba(255,253,248,.95);backdrop-filter:blur(8px);box-shadow:0 24px 60px rgba(0,0,0,.18);border-radius:8px;padding:clamp(1.4rem,3.2vw,2.4rem)}
.scrollyOverlayModule .scrollyObjectCards article h4,.scrollyStickyStepsModule .scrollyStickyMediaText h3{margin:0 0 .45rem;font-family:var(--serif);font-size:clamp(1.55rem,3vw,2.7rem);line-height:1.05}
.scrollyOverlayModule .scrollyObjectCards article h4{color:#222}
.scrollyOverlayModule .scrollyObjectCards article p,.scrollyStickyStepsModule .scrollyObjectCards article p{margin:0;font-family:var(--serif);font-size:clamp(1.45rem,2.2vw,2rem);font-weight:600;line-height:1.3}
.scrollyButtonsControls button{display:inline-flex;align-items:center;gap:.45rem}
.scrollyButtonsControls button img{width:2rem;height:2rem;object-fit:cover;border-radius:6px;border:1px solid rgba(255,255,255,.5)}
.scrollyButtonsPanels article figure{margin:0 0 .8rem}
.scrollyButtonsPanels article img{width:100%;max-height:260px;object-fit:cover;border-radius:8px;border:1px solid var(--border)}
.scrollyCircleRings{display:grid;place-items:end center;min-height:min(62vh,580px);margin:.75rem 0 0;padding:0;list-style:none;position:relative;overflow:hidden}
.scrollyCircleRing{grid-area:1/1;align-self:end;width:min(100%,calc(clamp(16rem,32vw,28rem) - var(--circle-depth,0)*3.05rem));aspect-ratio:1;height:auto;border-radius:50%;display:grid;align-content:start;justify-items:center;text-align:center;padding:clamp(.58rem,1.15vw,.95rem);background:rgba(247,244,238,.38);border:3px solid rgba(66,92,69,.68);box-shadow:inset 0 0 0 10px rgba(255,253,248,.34),0 14px 30px rgba(0,0,0,.05);transition:opacity .18s ease,background .18s ease,box-shadow .18s ease}
.scrollyCircleRing b{font-family:var(--serif);font-size:clamp(.8rem,1.15vw,1.08rem);line-height:1.05;background:rgba(255,253,248,.82);border:1px solid rgba(66,92,69,.16);border-radius:999px;padding:.22rem .55rem;max-width:74%;overflow-wrap:normal}
.scrollyCircleRing small{display:none}
.scrollyCircleRing.is-runtime-dimmed{opacity:.42}
.scrollyCircleRing.is-runtime-active{opacity:1;background:#eef6ea;box-shadow:0 0 0 4px rgba(66,92,69,.28),0 18px 34px rgba(0,0,0,.09)}
.scrollyPyramidSvg{display:block;width:min(42rem,100%);height:min(60vh,560px);min-height:420px;margin:1rem auto 0;overflow:visible}
.scrollyPyramidLayer polygon{fill:rgba(66,92,69,.22);stroke:#fffdf8;stroke-width:3;transition:fill .18s ease,opacity .18s ease,filter .18s ease}
.scrollyPyramidLayer text{font-family:var(--serif);font-weight:900;fill:#17251f;text-anchor:middle;pointer-events:none}
.scrollyPyramidLayer .layerTitle{font-size:22px}
.scrollyPyramidLayer .layerMeaning{font-family:var(--sans);font-size:13px;font-weight:900}
.scrollyPyramidLayer.is-active polygon,.scrollyPyramidLayer.is-runtime-active polygon{fill:#bc352d;filter:drop-shadow(0 12px 20px rgba(0,0,0,.12))}
.scrollyPyramidLayer.is-active text,.scrollyPyramidLayer.is-runtime-active text{fill:#17251f}
.scrollyPyramidLayer.is-runtime-dimmed{opacity:.72}
.scrollyPieLayout{grid-template-columns:1fr;gap:1rem;justify-items:center}
.scrollyPieSvg{width:min(21rem,100%)}
.scrollyPieLayout ol{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}
.scrollyPieLayout li{grid-template-columns:.72rem minmax(0,1fr) min-content;gap:.3rem;padding:.45rem .5rem}
.scrollyPieLayout b,.scrollyPieLayout span{overflow-wrap:normal;word-break:normal;font-size:clamp(.72rem,1vw,.84rem)}
.scrollyPieLayout li.is-runtime-active{transform:none}
.scrollyLineRenderer svg{height:min(54vh,500px);min-height:340px;border:0;border-radius:0;background:#f7f4ee}
.scrollyLineRenderer .lineGrid line{stroke:#e2ddd4;stroke-width:1.2}
.scrollyLineRenderer .lineAxes line{stroke:#807a70;stroke-width:1.8}
.scrollyLineRenderer .lineAxes text{font-family:var(--sans);fill:#666;font-size:13px;font-weight:800}
.scrollyLineRenderer .lineAxes .xTick{text-anchor:middle;font-size:12px}
.scrollyLineRenderer .lineAxes .xLabel{text-anchor:middle}
.scrollyLineRenderer .storyLineSeries polyline{stroke-width:2.4}
.scrollyLineRenderer .storyLinePoint{stroke-width:1.7}
.scrollyRenderedPage .scrollyObjectCards b,.scrollyRenderedPage .scrollyObjectCards h4{color:#222!important}
.scrollyParallaxModule{--scrolly-parallax-y:0px;background-position:center calc(50% + var(--scrolly-parallax-y));will-change:background-position}
.scrollyParallaxModule::before{background:rgba(247,244,238,.24)}
.scrollyParallaxModule>div{background:rgba(255,253,248,.9)}
.scrollyCirclesRenderer .scrollyObjectVisual{background:#f7f4ee;overflow:hidden;container-type:inline-size}
.scrollyCirclesTitle{font-size:clamp(1.45rem,2.8vw,2.4rem);line-height:1.08;margin:0 0 .4rem;color:#222}
.scrollyCircleRings{display:grid;place-items:end center;min-height:min(62vh,580px);margin:.75rem 0 0;padding:0;list-style:none;position:relative;overflow:visible}
.scrollyCircleRing{--circle-size:calc(min(30rem,92cqw) - var(--circle-depth,0)*min(4.6rem,13cqw));grid-area:1/1;align-self:end;width:var(--circle-size);height:var(--circle-size);max-width:96%;aspect-ratio:1;border-radius:50%;display:grid;align-content:start;justify-items:center;text-align:center;padding:clamp(.72rem,1.3vw,1.15rem);background:var(--circle-fill,#dfe8df);border:4px solid #fff;box-shadow:0 12px 26px rgba(55,70,55,.07);transition:opacity .18s ease,background .18s ease,box-shadow .18s ease}
.scrollyCircleRing b{font-family:var(--sans);font-size:clamp(.78rem,1.05vw,1rem);font-weight:900;line-height:1.05;color:#17251f!important;background:transparent;border:0;padding:0;max-width:82%;overflow-wrap:normal}
.scrollyCircleRing.is-runtime-dimmed{opacity:1}
.scrollyCircleRing.is-runtime-active{opacity:1;background:var(--circle-fill,#dfe8df);border-color:#425c45;box-shadow:0 0 0 5px rgba(66,92,69,.34),0 18px 34px rgba(0,0,0,.09)}
.scrollyPyramidLayer.is-active polygon,.scrollyPyramidLayer.is-runtime-active polygon{fill:#6f826e}
.scrollyPyramidLayer.is-active text,.scrollyPyramidLayer.is-runtime-active text{fill:#fffdf8}
.scrollyPyramidLayer.is-peak.is-active text,.scrollyPyramidLayer.is-peak.is-runtime-active text{fill:#17251f;stroke:#fffdf8;stroke-width:3px;stroke-linejoin:round;paint-order:stroke fill}
.scrollyPyramidLayer.is-peak.is-active .layerMeaning,.scrollyPyramidLayer.is-peak.is-runtime-active .layerMeaning{stroke-width:2px}
.scrollyLoopDiagram{container-type:inline-size}
.scrollyLoopDiagram::before{width:min(24rem,80cqw)}
.scrollyLoopDiagram strong{width:clamp(3.25rem,12cqw,4.5rem);height:clamp(3.25rem,12cqw,4.5rem);padding:.4rem}
.scrollyLoopDiagram li{width:min(8.5rem,50cqw);min-height:clamp(4.4rem,20cqw,5.4rem);transform:translate(-50%,-50%) rotate(var(--loop-angle)) translateY(calc(-1 * min(12rem,40cqw))) rotate(calc(-1 * var(--loop-angle)))}
@media(prefers-reduced-motion:reduce){.scrollyParallaxModule{background-position:center}}
@media(max-width:820px){.scrollyCircleRings{min-height:30rem}.scrollyCircleRing{--circle-size:calc(min(26rem,92cqw) - var(--circle-depth,0)*min(3.7rem,13cqw))}}
.scrollyImportReport{border:1px solid var(--border);border-radius:8px;background:#fffdf8;padding:.85rem;display:grid;gap:.45rem}
.scrollyImportReport strong{font-family:var(--serif);font-size:1.05rem;color:var(--ink)}
.scrollyImportReport p{margin:0;color:var(--muted)}
.scrollyImportReportMeta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}
.scrollyImportReportMeta span{border:1px solid rgba(66,92,69,.16);border-radius:8px;background:#f7f4ee;padding:.48rem;display:grid;gap:.15rem;color:var(--ink);font-size:.78rem;font-weight:800;overflow-wrap:anywhere}
.scrollyImportReportMeta b{font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.scrollyImportReport details{border-top:1px solid rgba(66,92,69,.14);padding-top:.45rem}
.scrollyImportReport summary{cursor:pointer;color:var(--accent);font-weight:850}
.scrollyImportReport ul,.scrollyImportReport ol{margin:.45rem 0 0;padding-left:1.1rem;color:var(--muted)}
@media(max-width:820px){.scrollyObjectRenderer{grid-template-columns:1fr}}
@media(max-width:820px){.scrollyObjectVisual{position:relative;top:auto}.scrollyObjectCards section{min-height:auto}}
@media(max-width:820px){.scrollyStickyMedia,.scrollyStickyMediaText{min-height:24rem}.scrollyStickyMediaText{padding:1.2rem}.scrollyStickyStateRail{position:relative;right:auto;top:auto;padding:1rem}}
@media(max-width:820px){.scrollyCirclesRenderer .storyCircleModel,.scrollyPyramidRenderer ol,.scrollyLoopDiagram{min-height:24rem}.scrollyCirclesRenderer .storyCircleNode{width:calc(22rem - var(--circle-depth,0)*2.6rem)}.scrollyLoopDiagram li{transform:translate(-50%,-50%) rotate(var(--loop-angle)) translateY(calc(-1 * min(12rem,40cqw))) rotate(calc(-1 * var(--loop-angle)))}}
@media(max-width:820px){.scrollyRenderedPage[data-scrolly-layout="immersive"] .scrollyObjectRenderer{grid-template-columns:1fr}.scrollyRenderedPage[data-scrolly-layout="immersive"] .scrollyObjectVisual{min-height:auto;position:relative;top:auto}.scrollyRenderedPage[data-scrolly-layout="immersive"] .scrollyObjectCards{padding:0;gap:1rem}.scrollyRenderedPage[data-scrolly-layout="immersive"] .scrollyObjectCards section{min-height:auto}}
@media(max-width:820px){.scrollyDemoModuleCard,.scrollyNarrativeSticky,.scrollySplitModule,.scrollyButtonsModule{grid-template-columns:1fr}}
@media(max-width:620px){.scrollyBeforeAfterTextGrid{grid-template-columns:1fr}.scrollyBeforeAfterStage{aspect-ratio:4/3}}
@media(max-width:620px){.scrollyBarRows section,.scrollyPieLayout{grid-template-columns:1fr}.scrollyPieLayout ol{grid-template-columns:1fr}.scrollyBarRows strong{justify-self:start}.scrollyTwoByTwoGrid{grid-template-columns:1fr}}
@media(max-width:1050px){.scrollyShellWorkspace{height:auto;grid-template-rows:auto}.scrollyBuilderHeader,.scrollySettingsPanel,.scrollyProjectContextPanel,.scrollyBuilderColumns,.scrollyBottomBar{grid-row:auto}.scrollyBuilderColumns{height:auto;grid-template-columns:1fr!important;overflow:visible}.scrollyColumnResize{display:none}.scrollyBuilderPane{min-width:0;max-width:none!important;width:100%;min-height:auto}.scrollyShellWorkspace.is-components-collapsed .scrollyBuilderColumns,.scrollyShellWorkspace.is-blocks-collapsed .scrollyBuilderColumns,.scrollyShellWorkspace.is-preview-collapsed .scrollyBuilderColumns{--scrolly-components-col:1fr;--scrolly-blocks-col:1fr;--scrolly-preview-col:1fr}.scrollyComponentLibrary .workspacePanelBody,.scrollyShellMeta,.scrollyShellSettings,.scrollyShellFields{grid-template-columns:1fr}}
@media(max-width:720px){.scrollyPlacementControls{grid-template-columns:1fr}.scrollyPlacementControls .actions{justify-content:flex-start}}
@media(max-width:900px){.embeddedToolWorkspace.hasStudioObjects{grid-template-columns:1fr;grid-template-rows:auto minmax(300px,1fr);overflow:auto}.embeddedToolWorkspace.hasStudioObjects .embeddedToolFrame{min-height:300px}}

.planningMode{display:flex;gap:.35rem;flex-wrap:wrap;margin:0 0 .75rem}
.planningMode .btn.is-active{background:var(--accent);border-color:var(--accent);color:#fff}
.beatBuilderWorkspace{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(420px,1.35fr) minmax(320px,.9fr);gap:.75rem}
.beatTablePanel,.beatEditorPanel{min-height:0}
.planningBeatEditorStack{min-width:0;min-height:0;display:grid;align-content:start;gap:.75rem;overflow:auto}
.planningAdvancedBeat{display:grid;gap:.65rem;flex:0 0 auto;min-width:0;margin-bottom:.75rem;border:1px solid #b9c9bc;border-radius:14px;background:#f6f8f3;padding:.75rem;box-shadow:0 10px 25px rgba(31,45,35,.08)}
.planningAdvancedBeat>.canonicalBeatBuilderHeader{margin:0}
.planningAdvancedBeat>.canonicalBeatBuilderStatus{margin:0}
.planningAdvancedBeat .canonicalBeatBuilderLayout.without-planning-rail{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr)}
.planningAdvancedBeat .canonicalBeatPreviewPanel{top:.5rem}
.beatSequence{display:flex;align-items:stretch;gap:.65rem;min-height:100%;overflow:auto;padding:.15rem .05rem .6rem}
.beatCard{flex:0 0 230px;align-self:flex-start;background:#fffdf8;border:1px solid var(--border);border-radius:8px;padding:.65rem;box-shadow:0 8px 18px rgba(0,0,0,.05);display:grid;gap:.45rem;cursor:pointer}
.beatCard:hover{border-color:#9cad96}
.beatCard:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.beatCard.is-selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft),0 10px 22px rgba(0,0,0,.08)}
.beatCardTop{display:flex;justify-content:space-between;align-items:center;gap:.4rem}
.beatNumber{width:1.65rem;height:1.65rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:.78rem}
.beatStatus{border:1px solid #bfd0b7;background:#f1f7ed;color:var(--accent);border-radius:999px;padding:.08rem .42rem;font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.beatCard h4{margin:0;font-family:var(--serif);font-size:1rem;line-height:1.16;overflow-wrap:anywhere}
.beatCard p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.35;overflow-wrap:anywhere}
.beatMeta{display:flex;gap:.25rem;flex-wrap:wrap;min-height:1.25rem}
.beatMeta span{border:1px solid var(--border);background:#fff;border-radius:999px;padding:.08rem .36rem;color:var(--muted);font-size:.65rem;font-weight:800;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.beatUsage,.beatFutureFlags,.beatPlanningActions{display:flex;gap:.25rem;flex-wrap:wrap}
.beatUsage span,.beatFutureFlags span{border:1px dashed var(--border);background:#fbfaf7;color:var(--muted);border-radius:999px;padding:.08rem .36rem;font-size:.62rem;font-weight:850}
.beatUsageButton{border:1px dashed var(--border);background:#fbfaf7;color:var(--accent);border-radius:999px;padding:.08rem .36rem;font-size:.62rem;font-weight:900;cursor:pointer}
.beatCardActions{display:flex;gap:.25rem;flex-wrap:wrap;margin-top:.1rem}
.beatCardActions .btn{font-size:.66rem;padding:.22rem .38rem}
.beatEditorForm{display:grid;grid-template-columns:1fr 150px;gap:.55rem}
.beatEditorForm label{display:grid;gap:.18rem;color:var(--muted);font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.beatEditorForm label:nth-child(n+3),.beatFutureFlags,.beatPlanningActions{grid-column:1 / -1}
.beatEditorForm input,.beatEditorForm select,.beatEditorForm textarea{width:100%;border:1px solid var(--border);border-radius:10px;background:#fff;padding:.45rem .52rem;color:var(--ink);font-size:.8rem;text-transform:none;letter-spacing:0;font-weight:600}
.beatEditorForm textarea{min-height:72px;resize:vertical;line-height:1.42}
.beatPresenterForm{grid-template-columns:1fr}
.beatPresenterForm label{grid-column:1 / -1}
.beatPresenterForm textarea{min-height:110px}
.beatMetadata{grid-column:1 / -1;border-top:1px solid var(--border);padding-top:.55rem}
.beatMetadata summary{cursor:pointer;color:var(--muted);font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.beatMetadataFields{display:grid;gap:.55rem;padding-top:.55rem}
.beatObjectsPanel{grid-column:1 / -1;border-top:1px solid var(--border);margin-top:.25rem;padding-top:.7rem}
.beatObjectsHead{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.55rem}
.beatObjectsHead h4{margin:0;font-family:var(--serif);font-size:1.05rem}
.beatObjectsHead p{margin:.1rem 0 0;color:var(--muted);font-size:.78rem}
.beatObjectsList{display:grid;gap:.55rem}
.beatObjectEditor{border:1px solid var(--border);border-radius:8px;background:#fffdf8;padding:.55rem;display:grid;gap:.5rem}
.beatObjectEditorHead{display:flex;justify-content:space-between;gap:.5rem;align-items:center}
.beatObjectEditorHead strong{font-family:var(--serif);font-size:.95rem}
.beatObjectFields .timelineRevealOption{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.45rem;color:var(--ink)}
.beatObjectFields .timelineRevealOption input[type="checkbox"]{inline-size:1rem;width:1rem;height:1rem;min-width:1rem;margin:.12rem 0 0;appearance:auto}
.beatObjectFields .timelineRevealOption span{display:grid;gap:.08rem;min-width:0;font-size:.76rem;font-weight:850;text-transform:none;letter-spacing:0}
.beatObjectFields .timelineRevealOption small{display:block;color:var(--muted);font-size:.7rem;font-weight:650;line-height:1.3;text-transform:none;letter-spacing:0}
.timelineEventEditorList{grid-column:1/-1;display:grid;gap:.45rem}
.timelineEventEditor{border:1px solid var(--border);border-radius:8px;background:#fff;padding:.5rem;display:grid;gap:.45rem}
.timelineEventEditorHead{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.timelineEventEditorHead strong{font-family:var(--serif);font-size:.9rem}
.timelineEventActions{display:flex;gap:.25rem;flex-wrap:wrap;justify-content:flex-end}
.timelineEventFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}
.timelineEventFields .wide{grid-column:1/-1}
.timelineEventEmpty{margin:0;color:var(--muted);font-size:.78rem}
.beatObjectActions{display:flex;gap:.25rem;flex-wrap:wrap}
.beatObjectActions .btn{font-size:.66rem;padding:.22rem .38rem}
.beatObjectFields{display:grid;grid-template-columns:1fr 1fr 86px;gap:.45rem}
.beatObjectFields label{display:grid;gap:.18rem;color:var(--muted);font-size:.65rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.beatObjectFields label:nth-child(n+4){grid-column:1 / -1}
.beatObjectFields input,.beatObjectFields select,.beatObjectFields textarea{width:100%;border:1px solid var(--border);border-radius:9px;background:#fff;padding:.42rem .48rem;color:var(--ink);font-size:.78rem;text-transform:none;letter-spacing:0;font-weight:600}
.beatObjectFields textarea{min-height:74px;resize:vertical;line-height:1.42}
.storyBeatsCanonicalEdit{grid-column:1/-1;display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;padding:.25rem 0}
.storyBeatsCanonicalEdit .btn{font-size:.72rem;padding:.38rem .58rem}
.storyBeatsCanonicalEdit small{color:var(--muted);font-size:.7rem;font-weight:650;line-height:1.35}
.storyBeatsPlacementTreatmentEditor{grid-column:1/-1;border-top:1px solid var(--border);padding-top:.5rem;margin-top:.1rem}
.storyBeatsPlacementTreatmentEditor>summary{display:flex;align-items:center;justify-content:space-between;gap:.55rem;cursor:pointer;color:var(--ink);font-size:.75rem;font-weight:900;list-style:none}
.storyBeatsPlacementTreatmentEditor>summary::-webkit-details-marker{display:none}
.storyBeatsPlacementTreatmentEditor>summary:after{content:"Edit";border:1px solid var(--accent);border-radius:999px;padding:.22rem .48rem;color:var(--accent);font-size:.64rem;letter-spacing:.04em;text-transform:uppercase}
.storyBeatsPlacementTreatmentEditor[open]>summary:after{content:"Close"}
.storyBeatsPlacementTreatmentEditor>summary small{margin-left:auto;color:var(--muted);font-size:.66rem;font-weight:750}
.storyBeatsPlacementTreatmentEditor>p{margin:.4rem 0;color:var(--muted);font-size:.72rem;line-height:1.4}
.storyBeatsPlacementTreatmentEditor .studioLoopComposer{margin-top:.5rem}
.storyBeatsPlacementTreatmentEditor .studioLoopComposerHead{align-items:start}
.storyBeatsPlacementTreatmentEditor .studioLoopCardEditor{grid-template-columns:4.4rem minmax(0,1fr);box-shadow:none}
.storyBeatsPlacementTreatmentEditor .studioLoopCardEditor .wide{grid-column:1/-1}
.storyBeatsPlacementTreatmentEditor .studioLoopCardNumber{min-height:2.2rem}
.objectTypePill{border:1px solid var(--border);border-radius:9px;background:#fff;padding:.42rem .48rem;display:grid;gap:.12rem}
.objectTypePill span{color:var(--muted);font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.objectTypePill strong{color:var(--ink);font-size:.82rem}
.storyBeatsWorkspace{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:.65rem}
.storyBeatsWorkspace.hasContext{grid-template-rows:auto auto minmax(0,1fr) auto}
.storyBeatsHeader{padding:.15rem .1rem .2rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.storyBeatsHeader span{display:block;color:var(--muted);font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.storyBeatsHeader h3{margin:.12rem 0;font-family:var(--serif);font-size:1.35rem}
.storyBeatsHeader p{margin:0;color:var(--muted);font-size:.82rem}
.storyBeatsHeader .storyBeatsSaveNote,.storyBeatsSaveNote{margin-top:.28rem;color:var(--accent);font-size:.78rem;font-weight:850}
.storyBeatsProjectTitle{display:grid;gap:.35rem;min-width:min(420px,100%)}
.storyBeatsProjectTitle label{display:grid;gap:.18rem;color:var(--muted);font-size:.64rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.storyBeatsProjectTitle input{width:100%;border:1px solid var(--border);border-radius:8px;background:#fffdf8;padding:.42rem .5rem;color:var(--ink);font-size:.86rem;text-transform:none;letter-spacing:0;font-weight:650}
.storyBeatsExportActions{display:flex;gap:.35rem;flex-wrap:wrap;align-items:center}
.storyBeatsExportActions .btn{white-space:normal;text-align:center}
.builderExportMenu{position:relative}
.builderExportMenu summary{list-style:none}
.builderExportMenu summary::-webkit-details-marker{display:none}
.builderExportMenu .storyBeatsExportPanel{position:absolute;right:0;top:calc(100% + .35rem);z-index:180;width:min(25rem,calc(100vw - 2rem));padding:.6rem;border:1px solid var(--border);border-radius:8px;background:#fffdf8;box-shadow:var(--shadow);display:grid;gap:.5rem}
.builderExportMenu .storyBeatsExportActions{display:grid;grid-template-columns:1fr;gap:.35rem}
.storyBeatsExportPreflight{display:flex;align-items:flex-start;justify-content:space-between;gap:.65rem;padding:.65rem;border:1px solid var(--border);border-radius:8px;background:#f7f4ee}
.storyBeatsExportPreflight>div{min-width:0;display:grid;gap:.14rem}
.storyBeatsExportPreflight span{color:var(--muted);font-size:.6rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.storyBeatsExportPreflight strong{color:var(--ink);font-size:.84rem}
.storyBeatsExportPreflight p{margin:0;color:var(--muted);font-size:.7rem;line-height:1.35}
.storyBeatsExportPreflight.ready{border-color:rgba(66,92,69,.42);background:#edf3eb}
.storyBeatsExportPreflight.ready strong{color:var(--accent)}
.storyBeatsExportPreflight.warn{border-color:#c9a56c;background:#fff7e8}
.storyBeatsExportPreflight.error{border-color:#b35d4a;background:#fff0ed}
.storyBeatsExportPreflight.checking{opacity:.82}
.storyBeatsExportPreflight .btn{flex:0 0 auto;padding:.32rem .5rem;font-size:.68rem}
.storyBeatsExportStatus{min-height:1.1rem;margin:0;padding:0 .15rem;color:var(--muted);font-size:.72rem;font-weight:800;line-height:1.35}
.storyBeatsExportStatus.working{color:#725425}
.storyBeatsExportStatus.success{color:var(--accent)}
.storyBeatsExportStatus.error{color:#9a4033}
.storyBeatsContextButton{border-color:rgba(66,92,69,.36);background:#fff;color:var(--accent)}
.storyBeatsContextButton[aria-expanded="false"]{box-shadow:0 4px 12px rgba(0,0,0,.045)}
.storyBeatsContextPanel{border:1px solid var(--border);border-radius:8px;background:#fffdf8;box-shadow:0 8px 18px rgba(0,0,0,.04);padding:.75rem;display:grid;gap:.65rem}
.storyBeatsContextHead{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}
.storyBeatsContextHead h4{margin:0;font-family:var(--serif);font-size:1rem}
.storyBeatsContextHead p{margin:.12rem 0 0;color:var(--muted);font-size:.78rem}
.storyBeatsContextGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}
.storyBeatsContextGrid article{border:1px solid var(--border);border-radius:8px;background:#fff;padding:.55rem}
.storyBeatsContextGrid strong{display:block;color:var(--muted);font-size:.64rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.storyBeatsContextGrid p{margin:.2rem 0 0;color:var(--ink);font-size:.78rem;line-height:1.35}
.storyBeatsProductionGrid{--story-components-col:minmax(240px,.75fr);--story-builder-col:minmax(380px,1fr);--story-preview-col:minmax(480px,1.25fr);width:100%;min-height:0;display:grid;grid-template-columns:var(--story-components-col) .5rem var(--story-builder-col) .5rem var(--story-preview-col);gap:.45rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
.storyBeatsModuleLibrary,.storyBeatsSequenceEditor,.storyBeatsObjectPanel,.storyBeatsPreviewPanel{min-height:0;border:1px solid var(--border);border-radius:8px;background:#fffdf8;box-shadow:0 8px 18px rgba(0,0,0,.04);overflow:auto}
.storyBeatsColumnToggle{min-width:1.85rem;width:1.85rem;height:1.85rem;padding:0;font-size:1rem;line-height:1}
.storyBeatsWorkspace.is-story-components-collapsed .storyBeatsProductionGrid{--story-components-col:3rem}
.storyBeatsWorkspace.is-story-builder-collapsed .storyBeatsProductionGrid{--story-builder-col:3rem}
.storyBeatsWorkspace.is-story-preview-collapsed .storyBeatsProductionGrid{--story-preview-col:3rem}
.storyBeatsWorkspace.is-story-components-collapsed .storyBeatsColumnResize[data-storybeats-resize-left="components"],
.storyBeatsWorkspace.is-story-builder-collapsed .storyBeatsColumnResize,
.storyBeatsWorkspace.is-story-preview-collapsed .storyBeatsColumnResize[data-storybeats-resize-right="preview"]{display:none}
.storyBeatsWorkspace.is-story-components-collapsed .storyBeatsModuleLibrary,
.storyBeatsWorkspace.is-story-builder-collapsed .storyBeatsSequenceEditor,
.storyBeatsWorkspace.is-story-preview-collapsed .storyBeatsPreviewPanel{position:relative;z-index:3;min-width:3rem;max-width:3rem;padding:.45rem;overflow:hidden}
.storyBeatsWorkspace.is-story-components-collapsed .storyBeatsModuleLibrary>*:not(.storyBeatsLibraryHead),
.storyBeatsWorkspace.is-story-builder-collapsed .storyBeatsSequenceEditor>*:not(.storyBeatsRailHead),
.storyBeatsWorkspace.is-story-preview-collapsed .storyBeatsPreviewPanel>*:not(.storyBeatsPreviewHead),
.storyBeatsWorkspace.is-story-builder-collapsed .storyBeatsRailActions .btn:not(.storyBeatsColumnToggle),
.storyBeatsWorkspace.is-story-preview-collapsed .storyBeatsPreviewActions .btn:not(.storyBeatsColumnToggle){display:none}
.storyBeatsWorkspace.is-story-components-collapsed .storyBeatsLibraryHead,
.storyBeatsWorkspace.is-story-builder-collapsed .storyBeatsRailHead,
.storyBeatsWorkspace.is-story-preview-collapsed .storyBeatsPreviewHead{padding:0;display:grid;justify-items:center}
.storyBeatsWorkspace.is-story-builder-collapsed .storyBeatsRailHead h3,
.storyBeatsWorkspace.is-story-preview-collapsed .storyBeatsPreviewHead h3{writing-mode:vertical-rl;text-orientation:mixed;font-size:.88rem}
.storyBeatsColumnResize{align-self:stretch;min-height:8rem;border:0;border-radius:999px;background:transparent;cursor:col-resize;position:relative;padding:0}
.storyBeatsColumnResize::after{content:"";position:absolute;left:50%;top:.65rem;bottom:.65rem;width:2px;transform:translateX(-50%);border-radius:999px;background:rgba(66,92,69,.22)}
.storyBeatsColumnResize:hover::after,.storyBeatsColumnResize:focus-visible::after,.storyBeatsProductionGrid.is-resizing .storyBeatsColumnResize::after{background:rgba(66,92,69,.55)}
.storyBeatsColumnResize:focus-visible{outline:2px solid rgba(66,92,69,.34);outline-offset:2px}
.storyBeatsModuleLibrary{padding:1rem;display:grid;align-content:start;gap:.85rem}
.storyBeatsSequenceEditor{padding:.65rem;display:grid;grid-template-rows:auto minmax(4.5rem,.45fr) minmax(0,1fr);align-content:stretch;gap:.65rem;overflow:hidden}
.storyBeatsBeatRail{min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;display:grid;align-content:start;gap:.45rem;padding-right:.15rem}
.storyBeatsLibraryHead{display:flex;align-items:center;justify-content:flex-end;gap:.75rem}
.storyBeatsRailHead h3,.storyBeatsObjectHead h3,.storyBeatsPreviewHead h3{margin:0;font-family:var(--serif);font-size:1.05rem}
.storyBeatsRailHead{display:flex;align-items:flex-start;justify-content:space-between;gap:.65rem}
.storyBeatsRailActions{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;justify-content:flex-end}
.storyBeatsRailHead p,.storyBeatsLibraryHead p,.storyBeatsObjectHead p,.storyBeatsPreviewHead p{margin:.12rem 0 0;color:var(--muted);font-size:.78rem}
.storyBeatsStartCard{border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,#f9fbf9,#fffdf8);padding:1rem;display:grid;gap:.65rem;min-height:8rem;align-content:center}
.storyBeatsStartHead{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}
.storyBeatsStartEyebrow{width:max-content;color:var(--muted);font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.storyBeatsStartCard p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.38}
.storyBeatsStartCard .btn{width:max-content}
.storyBeatsStartCard .actions{margin-top:0;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}

/* Projects orient long-running work without becoming a second task manager. */
.endeavorWorkspace{display:grid;gap:1rem}
.endeavorWorkspaceTop{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}
.endeavorSaveActions{align-items:center}
.endeavorSaveStatus{display:inline-flex;align-items:center;min-height:1.8rem;border:1px solid var(--border);border-radius:999px;background:var(--paper);padding:.25rem .6rem;color:var(--muted);font-size:.72rem;font-weight:800}
.endeavorSaveStatus[data-state="saved"]{border-color:#a9c7aa;background:#edf6ed;color:#315d35}
.endeavorSaveStatus[data-state="pending"]{border-color:#d8bf7c;background:#fff8df;color:#785a0b}
.endeavorProjectGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.8rem}
.endeavorProjectCard{border:1px solid var(--border);border-radius:12px;background:var(--paper);padding:1rem;display:grid;gap:.85rem;align-content:space-between;min-height:12rem}
.endeavorProjectCard h4{font-family:Georgia,serif;font-size:1.3rem;margin:.15rem 0 .35rem}
.endeavorProjectCard p{margin:0;color:var(--muted);line-height:1.45}
.endeavorProjectCardMeta{display:flex;gap:.55rem;flex-wrap:wrap;color:var(--muted);font-size:.78rem}
.endeavorOrientationFields{display:grid;grid-template-columns:minmax(12rem,.7fr) minmax(18rem,1.3fr);gap:.8rem}
.endeavorOrientationFields label,.endeavorPlanSlot label{display:grid;gap:.3rem;font-weight:800;font-size:.78rem}
.endeavorOrientationFields input,.endeavorOrientationFields textarea,.endeavorQuestionRow input,.endeavorPlanSlot input,.endeavorPlanSlot textarea,.endeavorPlanSlot select{width:100%}
.endeavorOrientationFields textarea{min-height:8rem}
.endeavorOrientationGuidance{grid-column:2}
.endeavorOrientationGuidance small{color:var(--muted);font-weight:500;line-height:1.35}
.endeavorOrientationGuidance textarea{min-height:6rem}
.endeavorDailyBriefContext{grid-column:2;border:1px solid var(--border);border-radius:10px;background:var(--paper);padding:.7rem .8rem}
.endeavorDailyBriefContext span{display:flex;align-items:center;gap:.5rem}
.endeavorDailyBriefContext input{width:auto}
.endeavorDailyBriefContext small{color:var(--muted);font-weight:500;line-height:1.35}
.endeavorCurrentOrientation{background:linear-gradient(135deg,var(--seekers-blue-wash),var(--paper))}
.endeavorOrientationMeta{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.65rem}
.endeavorOrientationMeta span{border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.72);padding:.23rem .55rem;color:var(--muted);font-size:.72rem;font-weight:800}
.endeavorOrientationSummary{margin:.15rem 0 .55rem;font-family:var(--serif);font-size:1.12rem;line-height:1.5;max-width:70rem}
.endeavorCurrentOrientation ul{margin:.55rem 0 0;padding-left:1.25rem;display:grid;gap:.3rem;color:var(--muted)}
.endeavorQuestionList{display:grid;gap:.55rem}
.endeavorQuestionRow{display:grid;grid-template-columns:1fr auto;gap:.45rem;align-items:center}
.endeavorPlanGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:.8rem}
.endeavorPlanSlot{border:1px solid var(--border);border-radius:10px;background:var(--paper);padding:.8rem;display:grid;gap:.65rem;align-content:start}
.endeavorPlanSlot textarea{min-height:5rem}
.endeavorSlotHead{display:flex;justify-content:space-between;align-items:center;gap:.5rem}
.endeavorState{border-radius:999px;padding:.2rem .55rem;background:#eee;color:var(--muted);font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.endeavorState.is-underway{background:var(--seekers-blue-wash);color:var(--ink)}
.endeavorState.is-complete{background:var(--accent-soft);color:var(--accent)}
.endeavorState.is-unavailable{background:#fff3ef;color:#9a3329}
.endeavorRelatedList{display:grid;gap:.5rem;margin-top:.8rem}
.endeavorSuggestions{display:grid;gap:.4rem;margin:0 0 1rem;padding:0 0 1rem;border-bottom:1px solid var(--border)}
.endeavorSuggestions h4{margin:0;font-family:var(--serif);font-size:1.08rem}
.endeavorSuggestions>p{margin:0 0 .35rem;color:var(--muted);font-size:.82rem}
.endeavorSuggestionList{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:.6rem}
.endeavorSuggestionItem{border:1px solid var(--border);border-radius:10px;background:var(--paper);padding:.75rem;display:grid;gap:.65rem;align-content:space-between}
.endeavorSuggestionItem>div:first-child{display:grid;gap:.2rem;min-width:0}
.endeavorSuggestionItem strong{font-family:var(--serif);font-size:1rem;overflow-wrap:anywhere}
.endeavorSuggestionItem p,.endeavorSuggestionItem small{margin:0;color:var(--muted);line-height:1.35}
.endeavorSuggestionItem small{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.endeavorRelatedItem{border:1px solid var(--border);border-radius:9px;background:var(--paper);padding:.65rem .75rem;display:flex;align-items:center;justify-content:space-between;gap:.7rem}
.endeavorRelatedItem>div{display:grid;gap:.15rem;min-width:0}
.endeavorRelatedItem strong{overflow-wrap:anywhere}
@media(max-width:700px){.endeavorOrientationFields{grid-template-columns:1fr}.endeavorOrientationGuidance,.endeavorDailyBriefContext{grid-column:1}.endeavorPlanGrid{grid-template-columns:1fr}.endeavorWorkspaceTop{align-items:stretch}.endeavorWorkspaceTop>.actions{justify-content:flex-end}}
.storyModulePrompt{margin:.15rem 0 -.15rem;font-family:var(--serif);font-size:.98rem}
.storyModuleLibrarySubheadNested{margin:.45rem 0 -.25rem;padding-top:.15rem;color:var(--muted);font-family:var(--sans);font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.storyBeatsInteractionSection{display:grid;gap:.5rem}
.storyBeatsInteractionLinks{display:grid;gap:.4rem}
.storyBeatsInteractionLinks .btn{width:100%;justify-content:flex-start;border-radius:8px;padding:.5rem .6rem}
.storyModuleGroup{border-top:1px solid var(--border);padding:.08rem 0}
.storyModuleGroup summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem 0;color:var(--ink);font-size:.86rem;font-weight:900}
.storyModuleGroup summary::-webkit-details-marker{display:none}
.storyModuleGroup summary b{color:var(--muted);font-size:1rem;line-height:1}
.storyModuleGroup[open] summary b{transform:rotate(45deg)}
.storyModuleList{display:grid;gap:.4rem;padding:0 0 .6rem}
.storyModuleItem{border:1px solid var(--border);border-radius:8px;background:#fff;padding:.48rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;align-items:center}
.storyModuleItem>div{min-width:0}
.storyModuleItem strong{display:block;font-size:.78rem}
.storyModuleItem strong.storyModuleName{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.storyModuleItem small{display:block;margin-top:.12rem;color:var(--muted);font-size:.68rem;line-height:1.25}
.storyModuleItem .btn{padding:.28rem .55rem;font-size:.72rem}
.storyModuleActions{display:flex;gap:.35rem;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.storyBeatsToolPromotion{display:grid;gap:.35rem;border:1px solid var(--border);border-radius:10px;background:var(--atelier-green-wash);padding:.4rem}
.storyBeatsToolPromotion .storyModuleItem{border:0;background:transparent;padding:.2rem}
.storyBeatsToolPromotionFeedback{display:grid;gap:.25rem;padding:0 .2rem .2rem}
.storyBeatsToolPromotionFeedback progress{width:100%;height:.55rem;accent-color:var(--accent)}
.storyBeatsToolPromotionFeedback p{margin:0;color:var(--muted);font-size:.68rem;line-height:1.35}
.storyBeatsToolPromotionFeedback p[data-tone="bad"]{color:#8f2f25}
.storyBeatsToolPromotionFeedback p[data-tone="warn"]{color:#795718}
.storyBeatsToolPromotionFeedback p[data-tone="ok"]{color:var(--accent)}
.storyBeatsToolPromotionIssues{margin:.1rem 0 0;padding-left:1.1rem;color:#8f2f25;font-size:.66rem}
.storyLibraryBeatSelection{margin:0;border:1px solid var(--border);border-radius:8px;background:#fbfaf7;padding:.45rem .5rem .5rem;min-width:0}
.storyLibraryBeatSelection legend{padding:0 .2rem;color:var(--ink);font-size:.72rem;font-weight:900}
.storyLibraryBeatChoices{display:grid;gap:.22rem;max-height:11rem;overflow:auto}
.storyLibraryBeatChoice{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.4rem;align-items:start;border-radius:6px;padding:.28rem .32rem;cursor:pointer}
.storyLibraryBeatChoice:hover{background:var(--accent-soft)}
.storyLibraryBeatChoice input{margin:.15rem 0 0}
.storyLibraryBeatChoice strong{display:block;font-size:.72rem;line-height:1.25}
.storyLibraryBeatSelectAll{margin-bottom:.12rem;border-bottom:1px solid var(--border);border-radius:0;padding-bottom:.42rem}
.storyLibraryBeatSelection>small,.storyLibraryBeatSelectionEmpty{display:block;margin:.4rem 0 0;color:var(--muted);font-size:.68rem}
.storyBeatsBeatItem{display:grid;gap:.25rem}
.storyBeatsBeatButton{width:100%;border:1px solid var(--border);border-radius:8px;background:#fff;padding:.5rem;text-align:left;display:grid;grid-template-columns:auto 1fr;gap:.18rem .45rem;align-items:center;cursor:pointer;color:var(--ink)}
.storyBeatsBeatButton.is-active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.storyBeatsBeatButton span{width:1.45rem;height:1.45rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:900;grid-row:1 / span 2}
.storyBeatsBeatButton strong{font-family:var(--serif);font-size:.92rem;line-height:1.1}
.storyBeatsBeatButton small{color:var(--muted);font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.storyBeatsLibraryUpdateBadge{justify-self:start;border:1px solid #c6922e;border-radius:999px;background:#fff5dc;color:#795719;padding:.2rem .48rem;font-size:.64rem;font-weight:900;cursor:pointer}
.storyBeatsLibraryUpdateBadge:hover{background:#ffedb5}
.storyBeatsObjectPanel{min-height:0;border:0;border-top:1px solid var(--border);border-radius:0;background:transparent;box-shadow:none;padding:.65rem .15rem 1.5rem 0;display:grid;align-content:start;gap:.65rem;overflow:auto;-webkit-overflow-scrolling:touch}
.storyBeatsObjectHead{display:flex;align-items:flex-start;justify-content:space-between;gap:.65rem}
.storyBeatsLibraryUpdateReview{border:1px solid #c6922e;border-radius:10px;background:#fff9e8;padding:.65rem;display:grid;gap:.6rem}
.storyBeatsLibraryUpdateReview strong{font-family:var(--serif);font-size:.92rem}
.storyBeatsLibraryUpdateReview p{margin:.2rem 0;color:var(--ink);font-size:.75rem;line-height:1.4}
.storyBeatsLibraryUpdateReview small{display:block;color:var(--muted);font-size:.68rem;line-height:1.35}
.storyBeatsLibraryUpdateActions{display:flex;gap:.35rem;align-items:center;flex-wrap:wrap}
.storyBeatsBeatContext{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:.55rem 0}
.storyBeatsBeatContext h4{margin:0;font-family:var(--serif);font-size:1rem}
.storyBeatsReadOnlyFields{display:grid;gap:.45rem;margin:.6rem 0 0}
.storyBeatsReadOnlyFields div{display:grid;grid-template-columns:minmax(90px,.32fr) 1fr;gap:.55rem;border-top:1px solid var(--border);padding-top:.42rem}
.storyBeatsReadOnlyFields dt{color:var(--muted);font-size:.64rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.storyBeatsReadOnlyFields dd{margin:0;white-space:pre-wrap;font-size:.76rem;line-height:1.45}
.storyBeatsReadOnlyTool{cursor:default}
.storyBeatsCompatibilityNotice{align-content:start;min-height:0}
.storyBeatPresenterPanel{border:1px solid var(--border);border-radius:8px;background:#fbfaf7;margin:.45rem 0 0;padding:.35rem .45rem}
.storyBeatPresenterPanel summary{cursor:pointer;color:var(--ink);font-weight:900;font-size:.78rem}
.storyBeatPresenterPanel{background:#fffdf8;border-style:dashed}
.storyObjectHelper{font-size:.74rem}
.storyBeatQuickField{display:grid;gap:.18rem;margin:.45rem 0;color:var(--muted);font-size:.65rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.storyBeatQuickField input,.storyBeatQuickField textarea{width:100%;border:1px solid var(--border);border-radius:9px;background:#fff;padding:.42rem .48rem;color:var(--ink);font-size:.78rem;text-transform:none;letter-spacing:0;font-weight:600;line-height:1.42}
.storyBeatQuickField textarea{min-height:64px;resize:vertical}
.storyBeatFieldHead{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.storyBeatAdvancedPanel{border-top:1px solid var(--border);margin-top:.5rem;padding-top:.45rem}
.storyBeatAdvancedPanel>summary{cursor:pointer;color:var(--ink);font-size:.76rem;font-weight:900;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.storyBeatAdvancedPanel>summary::-webkit-details-marker{display:none}
.storyBeatAdvancedPanel>summary:after{content:"Edit";border:1px solid var(--accent);border-radius:999px;padding:.22rem .48rem;color:var(--accent);font-size:.62rem;letter-spacing:.04em;text-transform:uppercase}
.storyBeatAdvancedPanel[open]>summary:after{content:"Close"}
.storyBeatAdvancedGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin-top:.55rem}
.storyBeatAdvancedGrid label{display:grid;gap:.18rem;color:var(--muted);font-size:.65rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.storyBeatAdvancedGrid label.wide{grid-column:1/-1}
.storyBeatAdvancedGrid input,.storyBeatAdvancedGrid select,.storyBeatAdvancedGrid textarea{width:100%;border:1px solid var(--border);border-radius:9px;background:#fff;padding:.42rem .48rem;color:var(--ink);font-size:.78rem;text-transform:none;letter-spacing:0;font-weight:600;line-height:1.42}
.storyBeatAdvancedGrid textarea{min-height:64px;resize:vertical}
.storyBeatFieldHead .btn{font-size:.64rem;padding:.2rem .4rem;text-transform:none;letter-spacing:0}
.storyBeatsFormatHelp{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:rgba(31,29,26,.18);padding:1rem}
.storyBeatsFormatHelpBox{width:min(460px,100%);border:1px solid var(--border);border-radius:8px;background:#fffdf8;box-shadow:0 18px 42px rgba(0,0,0,.16);padding:.85rem;display:grid;gap:.7rem}
.storyBeatsFormatHelpHead{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}
.storyBeatsFormatHelpHead h3{margin:0;font-family:var(--serif);font-size:1.05rem}
.storyBeatsFormatHelpHead p{margin:.15rem 0 0;color:var(--muted);font-size:.82rem;line-height:1.35}
.storyBeatsFormatHelp ul{margin:0;padding-left:1.1rem;display:grid;gap:.3rem}
.storyBeatsFormatHelp code{background:#f1eadf;border:1px solid var(--border);border-radius:6px;padding:.08rem .3rem;font-size:.82rem}
.storyBeatsTimelineModal{position:fixed;inset:0;z-index:225;display:grid;place-items:center;background:rgba(35,31,27,.48);padding:1rem}
.storyBeatsTimelineModalBox{width:min(760px,100%);max-height:min(860px,100%);overflow:auto;border:1px solid var(--border);border-radius:12px;background:#fffdf8;box-shadow:0 24px 60px rgba(0,0,0,.24);padding:1rem;display:grid;gap:.85rem}
.storyBeatsTimelineModalHead{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;border-bottom:1px solid var(--border);padding-bottom:.75rem}
.storyBeatsTimelineModalHead h3{margin:0;font-family:var(--serif);font-size:1.25rem}
.storyBeatsTimelineModalHead p{margin:.2rem 0 0;color:var(--muted);font-size:.86rem;line-height:1.35}
.storyBeatsTimelineModalForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
.storyBeatsTimelineModalForm label{display:grid;gap:.25rem;color:var(--muted);font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.storyBeatsTimelineModalForm label.wide,.storyBeatsTimelineModalForm .actions{grid-column:1 / -1}
.storyBeatsTimelineModalForm input,.storyBeatsTimelineModalForm textarea,.storyBeatsTimelineModalForm select{width:100%;border:1px solid var(--border);border-radius:9px;background:#fff;padding:.48rem .55rem;color:var(--ink);font:inherit;font-size:.88rem;text-transform:none;letter-spacing:0;font-weight:600;line-height:1.4}
.storyBeatsTimelineModalForm textarea{min-height:76px;resize:vertical}
.storyBeatsTimelineModalForm #storyBeatsTimelineEvents{min-height:132px}
.storyAssetAuthoringSummary{grid-column:1 / -1;border:1px solid var(--border);border-radius:8px;background:#fff;padding:.75rem;display:grid;gap:.2rem}
.storyAssetAuthoringSummary span,.storyAssetAuthoringSummary small{color:var(--muted);font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.storyAssetAuthoringSummary strong{font-size:1rem}
.storyAssetPickerNotice{border:1px dashed var(--border);border-radius:8px;background:#fff;padding:.7rem;display:grid;gap:.15rem}
.storyAssetPickerNotice strong{font-size:.82rem}.storyAssetPickerNotice span{color:var(--muted);font-size:.78rem}
.storyAssetPickerList{display:grid;gap:.45rem}
.storyAssetPickerOption{border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--ink);padding:.65rem;text-align:left;display:grid;gap:.18rem;cursor:pointer}
.storyAssetPickerOption:hover{border-color:var(--accent);background:#fbfff8}.storyAssetPickerOption span,.storyAssetPickerOption small{color:var(--muted);font-size:.74rem}
.storyBeatsPreviewPanel{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto auto;gap:.55rem;padding:.65rem}
.storyBeatsPreviewHead{padding:0 .05rem;display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}
.storyBeatsPreviewActions{display:flex;align-items:center;justify-content:flex-end;gap:.3rem;flex-wrap:wrap}
.storyBeatsPreviewHead .btn{white-space:nowrap}
.storyBeatsStage{min-height:0;overflow:auto;display:grid;place-items:start center;padding:.5rem;scroll-behavior:auto}
.storyBeatSlide{width:min(980px,100%);min-height:min(560px,100%);background:#fffdf8;border:1px solid var(--border);border-radius:12px;padding:clamp(1.4rem,3vw,3rem);box-shadow:0 12px 28px rgba(0,0,0,.055);display:grid;align-content:center;gap:1rem}
.storyBeatSlide:focus{outline:none}
.storyBeatsStage:has(.storyBeatSlide--scrolly),.storyBeatsFullStage:has(.storyBeatSlide--scrolly){background:#163529;padding:clamp(.8rem,2vw,1.4rem)}
.storyBeatSlide--scrolly{width:min(1120px,100%);min-height:min(680px,100%);border:1px solid rgba(66,92,69,.18);border-radius:8px;background:rgba(255,253,248,.98);box-shadow:none;color:#222;font-family:var(--sans);padding:clamp(1.2rem,3vw,3rem);gap:1rem}
.storyBeatSlide--scrolly h3,.storyBeatSlide--scrolly .storyBeatObject h4{font-family:Georgia,"Times New Roman",serif;color:#163529;font-weight:500;line-height:.98}
.storyBeatScrollyEyebrow,.storyBeatSlide--scrolly .storyBeatObject>span{display:block;color:#425c45;font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.16em}
.storyBeatSlide--scrolly .storyBeatKeyIdea{max-width:760px;color:#222}
.storyBeatSlide--scrolly .storyBeatKeyIdea p{font-family:"Nunito Sans",var(--sans);font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.5}
.storyBeatSlide--scrolly-hero{text-align:center;background:#f7f4ee;place-items:center}
.storyBeatScrollyHeroCopy{display:grid;justify-items:center;gap:1rem;width:min(900px,100%)}
.storyBeatSlide--scrolly-hero h3{margin:.15rem 0;font-size:clamp(3rem,8vw,6.8rem);line-height:.92}
.storyBeatScrollyHeroCopy nav{display:flex;gap:.55rem;flex-wrap:wrap;justify-content:center;margin-top:.5rem}
.storyBeatScrollyHeroCopy nav span,.storyBeatScrollyModuleMeta b{border:1px solid rgba(66,92,69,.25);border-radius:999px;background:#fff;padding:.45rem .7rem;color:#425c45;font:850 .88rem/1 "Nunito Sans",var(--sans)}
.storyBeatSlide--scrolly-engine{place-items:center;text-align:center;background:#edf7f4}
.storyBeatScrollyEngineCopy{display:grid;justify-items:center;gap:.55rem;max-width:820px}
.storyBeatSlide--scrolly-engine h3{margin:.15rem 0;font-size:clamp(2.5rem,6vw,5rem)}
.storyBeatSlide--scrolly-module-card{grid-template-columns:minmax(0,1fr) minmax(15rem,.5fr);align-items:center;background:rgba(255,253,248,.98)}
.storyBeatScrollyModuleCopy{display:grid;gap:.65rem}
.storyBeatSlide--scrolly-module-card h3{margin:.1rem 0;font-size:clamp(2.2rem,5vw,4.5rem)}
.storyBeatScrollyModuleMeta{display:grid;gap:.7rem;align-content:center}
.storyBeatScrollyModuleMeta>span{color:#425c45;font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.storyBeatScrollyModuleMeta>div{display:flex;gap:.45rem;flex-wrap:wrap}
.storyBeatScrollyModuleMeta small{color:#5f5a53;font-weight:750;line-height:1.45}
.storyBeatSlide--scrolly-centered{place-items:center;text-align:center;min-height:min(620px,100%)}
.storyBeatScrollyCenteredCopy{display:grid;justify-items:center;gap:.75rem;max-width:760px}
.storyBeatSlide--scrolly-centered h3{margin:.1rem 0;font-size:clamp(2.6rem,6vw,5rem)}
.storyBeatSlide--scrolly-object{align-content:stretch}
.storyBeatSlide--scrolly-object .storyBeatObjects{margin:0;align-content:center;height:100%;container-type:inline-size}
.storyBeatSlide--scrolly-object .storyBeatObject{border:0;padding:0;gap:.75rem}
.storyBeatSlide--scrolly-object .storyBeatObject h4{font-size:clamp(2rem,4vw,4rem);margin:.1rem 0}
.storyBeatSlide--scrolly-object .storyBeatObject p{font-family:"Nunito Sans",var(--sans);line-height:1.45}
.storyBeatSlide--scrolly-object .storyBeatScrollyParityObject{grid-template-columns:minmax(0,1.12fr) minmax(22rem,.74fr);gap:clamp(1.25rem,4vw,4rem);width:100%;align-items:stretch}
.storyBeatSlide--scrolly-object .storyBeatScrollyParityObject .scrollyObjectVisual{position:relative;top:auto;min-height:min(72vh,680px);display:grid;align-content:center;padding:clamp(1rem,2.5vw,2rem)}
.storyBeatSlide--scrolly-object .storyBeatScrollyParityObject .scrollyObjectCards{align-content:center;padding:0;gap:1rem}
.storyBeatSlide--scrolly-object .storyBeatScrollyParityObject .scrollyObjectCards section{min-height:clamp(240px,52vh,520px);display:grid;align-content:center}
.storyBeatSlide--scrolly-object .storyBeatScrollyParityObject .scrollyObjectCards b,.storyBeatSlide--scrolly-object .storyBeatScrollyParityObject .scrollyObjectCards h4{color:#222!important}
.storyBeatSlide--scrolly-object .storyBeatObjectFullImage{width:100%;max-width:100%;min-width:0;justify-items:center}
.storyBeatSlide--scrolly-object .storyBeatObjectFullImage img{width:auto;max-width:100%;height:auto;max-height:min(46vh,420px);object-fit:contain}
.storyBeatSlide--scrolly-object .storyBeatObjectFullImage>p{width:100%}
.storyBeatSlide--scrolly-object .storyBeatObjectSplit .storyBeatSplitGrid{gap:clamp(1.25rem,3vw,3rem)}
.storyBeatSlide--scrolly-object .storyBeatObjectSplit img{aspect-ratio:4/3;object-fit:cover}
.storyBeatObjectParallax{position:relative;min-height:clamp(420px,66vh,680px);border-radius:8px!important;background:#f7f4ee center/cover no-repeat;overflow:hidden;place-items:center;text-align:center}
.storyBeatObjectParallax:before{content:"";position:absolute;inset:0;background:rgba(247,244,238,.7)}
.storyBeatObjectParallax>div{position:relative;width:min(760px,calc(100% - 2rem));border:1px solid rgba(66,92,69,.18);border-radius:8px;background:rgba(255,253,248,.9);padding:clamp(1rem,3vw,2rem);display:grid;gap:.7rem}
.storyBeatObjectVideoHero{position:relative;min-height:clamp(420px,64vh,680px);border-radius:8px!important;overflow:hidden;background:#17251f;color:#fff;place-items:center;text-align:center}
.storyBeatObjectVideoHero video,.storyBeatObjectVideoHero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}
.storyBeatObjectVideoHero>div{position:relative;width:min(760px,calc(100% - 2rem));padding:clamp(1rem,3vw,2rem);display:grid;gap:.7rem}
.storyBeatSlide--scrolly-object .storyBeatObjectVideoHero h4,.storyBeatSlide--scrolly-object .storyBeatObjectVideoHero p,.storyBeatSlide--scrolly-object .storyBeatObjectVideoHero span{color:#fff}
.storyBeatSlide--scrolly-object .storyBeatObjectVideoHero p{border:0;background:transparent;padding:0;font-family:"Nunito Sans",var(--sans);font-size:clamp(1rem,1.6vw,1.3rem)}
.storyBeatSlideKicker{color:var(--accent);font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em}
.storyBeatSlide h3{margin:0;font-family:var(--serif);font-size:clamp(1.7rem,3.4vw,3.2rem);line-height:1.04}
.storyBeatKeyIdea{margin:0;font-family:var(--sans);color:var(--ink);max-width:38rem;display:grid;gap:.45rem;overflow-wrap:anywhere}
.storyBeatKeyIdea h4,.storyBeatKeyIdea h5,.storyBeatKeyIdea h6{margin:0;font-family:var(--serif);line-height:1.08;color:var(--ink)}
.storyBeatKeyIdea h4{font-size:clamp(1.45rem,2.6vw,2.3rem)}
.storyBeatKeyIdea h5{font-size:clamp(1.2rem,2vw,1.7rem)}
.storyBeatKeyIdea h6{font-size:clamp(1.05rem,1.6vw,1.35rem);font-family:var(--sans);font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.storyBeatKeyIdea p{margin:0;font-size:clamp(1rem,1.55vw,1.3rem);line-height:1.35}
.storyBeatKeyIdea ul,.storyBeatKeyIdea ol{margin:0;padding-left:1.35em;display:grid;gap:.25rem;font-size:clamp(1rem,1.5vw,1.28rem);line-height:1.34}
.storyBeatKeyIdea li{padding-left:.15em}
.storyBeatKeyIdea blockquote{margin:.1rem 0 0;border-left:3px solid var(--accent);padding:.25rem 0 .25rem .75rem;color:var(--ink);font-family:var(--serif);font-size:clamp(1.05rem,1.7vw,1.45rem);line-height:1.35;background:transparent}
.storyBeatObjects{display:grid;gap:.65rem;margin:.15rem 0 .2rem}
.storyBeatObject{border-top:1px solid #e4ded4;padding-top:.65rem;display:grid;gap:.25rem}
.storyBeatStudioObject{border-top:0;padding-top:0}
.storyBeatObject span{color:var(--accent);font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.storyBeatStudioObject>span{display:none}
.storyBeatObject h4{margin:0;font-family:var(--serif);font-size:clamp(1.1rem,1.8vw,1.5rem)}
.storyBeatObject p,.storyBeatObject blockquote{margin:0;color:var(--ink);font-size:clamp(1rem,1.6vw,1.35rem);line-height:1.35}
.storyBeatObject blockquote{font-family:var(--serif);border-left:3px solid var(--accent);padding-left:.85rem}
.storyBeatObjectPrompt p{font-family:var(--serif);font-size:clamp(1.25rem,2.3vw,2rem)}
.storyBeatObjectPrompt small{display:block;color:var(--muted);font-size:.9rem;line-height:1.35}
.storyBeatObjectImage img{display:block;max-width:min(620px,100%);max-height:280px;object-fit:contain;border:1px solid var(--border);border-radius:8px;background:#fff}
.storyBeatObjectSplit .storyBeatSplitGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;align-items:center}
.storyBeatObjectSplit figure{margin:0;min-width:0}
.storyBeatImageEyebrow{display:block;color:#425c45;font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.16em}
.storyBeatImageCaption{color:#67615b;font-size:.86rem;line-height:1.45}
.storyBeatObjectSplit img{width:100%;max-height:360px;object-fit:contain;border:1px solid var(--border);border-radius:8px;background:#fff}
.storyBeatObjectHero,.storyBeatObjectOverlay{position:relative;min-height:280px;border:1px solid var(--border);border-radius:10px;overflow:hidden;padding:0;background:#1f1d1a}
.storyBeatObjectHero img,.storyBeatObjectOverlay img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.74}
.storyBeatObjectHero > div,.storyBeatObjectOverlay > div{position:relative;z-index:1;min-height:280px;display:grid;align-content:end;gap:.35rem;padding:clamp(1rem,3vw,2rem);background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.62));color:#fff}
.storyBeatObjectHero h4,.storyBeatObjectOverlay h4,.storyBeatObjectHero p,.storyBeatObjectOverlay p,.storyBeatObjectHero span,.storyBeatObjectOverlay span{color:#fff}
.storyBeatSlide--scrolly .storyBeatObjectOverlay>div>h4{color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.9)}
.storyBeatOverlayCards{display:grid;gap:.65rem;max-width:min(560px,100%)}
.storyBeatOverlayCard{background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.72);border-radius:10px;padding:.8rem .9rem;box-shadow:0 12px 28px rgba(0,0,0,.18);color:#25221e}
.storyBeatObjectOverlay .storyBeatOverlayCard b,.storyBeatObjectOverlay .storyBeatOverlayCard p{color:#25221e}
.storyBeatOverlayCard p{margin:.2rem 0 0}
.storyBeatObjectFullImage img{display:block;width:100%;max-height:520px;object-fit:contain;border:1px solid var(--border);border-radius:8px;background:#fff}
.storyBeatObjectGallery div{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.45rem}
.storyBeatObjectGallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border:1px solid var(--border);border-radius:8px;background:#fff}
.storyBeatObjectGallery p,.storyBeatObjectGallery figure{border:1px solid var(--border);border-radius:8px;background:#fbfaf7;padding:.45rem;font-size:.88rem;margin:0}
.storyBeatObjectGallery figcaption{margin-top:.35rem;font-size:.78rem;color:var(--muted)}
.storyBeatObjectHeading h4{font-size:clamp(1.5rem,2.8vw,2.5rem)}
.storyBeatObjectVideo p{border:1px solid var(--border);border-radius:8px;background:#fbfaf7;padding:.45rem;font-family:var(--mono,monospace);font-size:.85rem}
.storyBeatSystemCircles{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}
.storyBeatSystemCircles b{width:clamp(4.2rem,10vw,6.2rem);aspect-ratio:1;border:1px solid var(--accent);border-radius:50%;display:grid;place-items:center;text-align:center;padding:.45rem;color:var(--ink);font-size:.82rem;line-height:1.1}
.storyCirclesLayout{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem}
.storyCircleModel{display:grid;place-items:center;min-height:12rem;margin:0;padding:0;list-style:none;position:relative}
.storyCircleNode{grid-area:1/1;width:calc(11.5rem - var(--circle-depth,0)*1.55rem);aspect-ratio:1;border:2px solid var(--accent);border-radius:50%;display:grid;place-items:center;text-align:center;padding:.65rem;background:rgba(246,250,243,.78);transition:opacity .2s ease,transform .2s ease,border-color .2s ease,background .2s ease}
.storyCircleNode b{font-size:.78rem;line-height:1.05}
.storyCircleNode small{display:block;color:var(--muted);font-size:.68rem;line-height:1.05}
.storyCircleNode.is-dimmed{opacity:.28}
.storyCircleNode.is-active{border-color:#425c45;background:#eef6ea}
.storyCircleNode.is-compare{border-color:#8b5fbf;background:#f3eef9}
.storyCircleNode.is-expanded{transform:scale(1.04)}
.storyCircleTreatmentCard{border:1px solid var(--border);border-radius:12px;background:#fbfaf7;padding:.65rem;display:grid;gap:.35rem}
.storyCircleTreatmentCard p,.storyCircleTreatmentCard ul{margin:0}
.storyCircleTreatmentCard ul{padding-left:1.1rem}
.storyBeatObjectCirclesTreatment .storyCirclesLayout{grid-template-columns:minmax(24rem,.95fr) minmax(20rem,1fr);align-items:center;gap:1.35rem}
.storyBeatObjectCirclesTreatment .storyCircleModel{min-height:27rem}
.storyBeatObjectCirclesTreatment .storyCircleNode{width:calc(25rem - var(--circle-depth,0)*3rem);padding:1rem}
.storyBeatObjectCirclesTreatment .storyCircleNode b{font-size:1rem}
.storyBeatObjectCirclesTreatment .storyCircleNode small{font-size:.82rem}
.storyBeatObjectCirclesTreatment .storyCircleTreatmentCard{padding:1rem;font-size:1rem}
.storyBeatObjectLoop ol,.storyBeatObjectBerg ol,.storyBeatObjectCompare ol,.storyBeatObjectChart ol,.storyBeatObjectTimeline ol{margin:.1rem 0 0;padding:0;list-style:none;display:grid;gap:.35rem}
.storyBeatObjectLoop li{border:1px solid var(--border);border-radius:999px;background:#fbfaf7;padding:.35rem .6rem;font-size:.9rem}
.storyBeatObjectLoopReal li{display:grid;grid-template-columns:1.55rem 1fr;gap:.45rem;align-items:center;border-radius:999px}
.storyBeatObjectLoopReal li b{width:1.45rem;height:1.45rem;border-radius:999px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:.72rem}
.storyBeatObjectLoopTreatment li{transition:opacity .2s ease,background .2s ease,border-color .2s ease;grid-template-columns:1.55rem minmax(0,1fr)}
.storyBeatObjectLoopTreatment li small{grid-column:2;color:var(--muted);font-size:.76rem}
.storyBeatObjectLoopTreatment li.is-active{border-color:var(--accent);background:#f6faf3}
.storyBeatObjectLoopTreatment li.is-dimmed{opacity:.46}
.storyBeatObjectLoopTreatment li.is-transition-from b{background:#6d88a6}
.storyBeatObjectLoopTreatment li.is-transition-to b{background:#b85c38}
.storyBeatLoopCenter{margin:.15rem 0 .65rem;color:var(--muted)}
.storyBeatObjectLoopDiagram{display:grid;gap:.7rem}
.storyBeatObjectLoopDiagram h4{margin-bottom:0}
.storyLoopDiagram{border:1px solid rgba(66,92,69,.18);border-radius:12px;background:#f7f4ee;padding:.45rem;box-shadow:0 10px 24px rgba(0,0,0,.06);overflow:hidden}
.storyLoopDiagram svg{width:100%;display:block;min-height:15rem}
.storyLoopCenterOrb{fill:rgba(188,53,45,.13);stroke:var(--accent);stroke-width:1.2;transition:fill .25s ease}
.storyLoopCenterText{font-family:var(--serif);font-weight:850;font-size:3.8px;fill:var(--ink);paint-order:stroke;stroke:#f7f4ee;stroke-width:1.3px}
.storyLoopCycleText{font-family:var(--serif);font-weight:800;font-size:3.2px;fill:var(--ink);opacity:0;paint-order:stroke;stroke:#f7f4ee;stroke-width:1.1px;transition:opacity .25s ease}
.storyLoopEdge,.storyLoopNode{transition:opacity .22s ease,filter .22s ease,transform .22s ease}
.storyLoopEdge path{fill:none;stroke:#bc352d;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;marker-end:url(#storyLoopArrow)}
.storyLoopDiagram marker path{fill:#bc352d}
.storyLoopEdge.is-active path{stroke-width:2.2;filter:drop-shadow(0 1px 2px rgba(188,53,45,.25))}
.storyLoopEdge.is-past path{stroke:#dca13a;opacity:.78}
.storyLoopEdge.is-transition path{stroke:#2376c4;stroke-width:2.5;filter:drop-shadow(0 1px 2px rgba(35,118,196,.28))}
.storyLoopEdge.is-dimmed,.storyLoopNode.is-dimmed{opacity:.24;filter:grayscale(.2)}
.storyLoopNode rect{fill:rgba(255,255,255,.92);stroke:rgba(34,34,34,.18);stroke-width:.65;filter:drop-shadow(0 1px 2px rgba(0,0,0,.12))}
.storyLoopNode text{font-size:3.25px;font-weight:850;fill:var(--ink)}
.storyLoopNode.is-active rect{stroke:var(--accent);stroke-width:1.1;fill:#fff;filter:drop-shadow(0 2px 3px rgba(0,0,0,.18))}
.storyLoopNode.is-transition-from rect{stroke:#6d88a6;stroke-width:1.2}
.storyLoopNode.is-transition-to rect{stroke:#b85c38;stroke-width:1.2}
.storyLoopDiagram.is-cycle-complete .storyLoopCenterOrb{fill:rgba(66,92,69,.2)}
.storyLoopDiagram.is-cycle-complete .storyLoopCycleText{opacity:1}
.storyLoopTreatmentCard{display:block!important;margin:.65rem 0 0;min-height:0!important;background:#fffef9!important;border:1px solid var(--border)!important;border-radius:8px!important;padding:.85rem!important;box-shadow:0 8px 18px rgba(0,0,0,.05)}
.storyLoopTreatmentCard b{display:block;color:var(--accent);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem}
.storyLoopTreatmentCard p{margin:0;color:var(--ink);font-size:1rem;line-height:1.4}
.storyBeatObjectCompare li,.storyBeatObjectChart li{border:1px solid var(--border);border-radius:8px;background:#fbfaf7;padding:.45rem .6rem;font-size:.9rem}
.storyBeatCompareGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
.storyBeatCompareGrid section{border:1px solid var(--border);border-radius:8px;background:#fbfaf7;padding:.7rem}
.storyBeatCompareGrid b{display:block;color:var(--accent);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem}
.storyBeatCompareTakeaway{border-top:1px solid #e4ded4;margin-top:.35rem!important;padding-top:.55rem;font-style:italic}
.storyBeatObjectBeforeAfter div,.storyBeatObjectSwap div{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.65rem;align-items:stretch}
.storyBeatObjectBeforeAfter section,.storyBeatObjectSwap section{border:1px solid var(--border);border-radius:8px;background:#fbfaf7;padding:.7rem}
.storyBeatObjectBeforeAfter section img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px;margin-bottom:.65rem}
.storyBeatObjectBeforeAfter b,.storyBeatObjectSwap b{display:block;color:var(--accent);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem}
.storyBeatObjectBeforeAfter i{width:3px;background:linear-gradient(var(--accent),var(--accent-soft));border-radius:999px}
.storyBeatObjectSwap strong{align-self:center;border:1px solid var(--accent);border-radius:999px;color:var(--accent);padding:.35rem .55rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}
.storyBeatObjectSwap.atelierStudioSwapNarrative{width:100%;border-top:1px solid #e4ded4;padding-top:.65rem}
.storyBeatObjectSwap .atelierStudioTreatmentHint{font-size:clamp(.78rem,1.1vw,.95rem);line-height:1.25;color:var(--muted);text-transform:none;letter-spacing:0;margin:.1rem 0 .45rem}
.storyBeatObjectSwap .atelierStudioSwapSequence{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,.95fr);gap:1rem;align-items:stretch;margin:.45rem 0 0;max-height:min(52vh,520px)}
.storyBeatObjectSwap .atelierStudioSwapVisual{display:flex;align-items:center;justify-content:center;min-height:clamp(240px,42vh,460px);height:100%;border:1px solid var(--border);border-radius:8px;background:#f8f5ed;overflow:hidden}
.storyBeatObjectSwap .atelierStudioSwapVisual img{display:block;width:100%;height:100%;min-height:clamp(240px,42vh,460px);object-fit:cover}
.storyBeatObjectSwap .atelierStudioSwapCards{display:grid;grid-template-columns:1fr;gap:0;min-height:clamp(240px,42vh,460px)}
.storyBeatObjectSwap .atelierStudioSwapCard{display:grid;align-content:start;min-height:clamp(240px,42vh,460px);border:1px solid var(--border);border-radius:8px;background:#fffef9;padding:clamp(.85rem,2vw,1.35rem);box-shadow:0 8px 18px rgba(0,0,0,.06)}
.storyBeatObjectSwap .atelierStudioSwapCard b{font-size:clamp(.72rem,1vw,.85rem);letter-spacing:.1em}
.storyBeatObjectSwap .atelierStudioSwapCard p{font-size:clamp(1.05rem,1.75vw,1.55rem);line-height:1.22}
.storyBeatObjectSwap[data-swap-visual-placement="left"] .atelierStudioSwapSequence{grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);max-height:min(62vh,640px)}
.storyBeatObjectSwap[data-swap-visual-placement="left"] .atelierStudioSwapVisual,.storyBeatObjectSwap[data-swap-visual-placement="left"] .atelierStudioSwapVisual img,.storyBeatObjectSwap[data-swap-visual-placement="left"] .atelierStudioSwapCards,.storyBeatObjectSwap[data-swap-visual-placement="left"] .atelierStudioSwapCard,.storyBeatObjectSwap[data-swap-visual-placement="right"] .atelierStudioSwapVisual,.storyBeatObjectSwap[data-swap-visual-placement="right"] .atelierStudioSwapVisual img,.storyBeatObjectSwap[data-swap-visual-placement="right"] .atelierStudioSwapCards,.storyBeatObjectSwap[data-swap-visual-placement="right"] .atelierStudioSwapCard{min-height:clamp(280px,50vh,560px)}
.storyBeatObjectSwap[data-swap-visual-placement="right"] .atelierStudioSwapSequence{grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);max-height:min(62vh,640px)}
.storyBeatObjectSwap[data-swap-visual-placement="right"] .atelierStudioSwapVisual{order:2}
.storyBeatObjectSwap[data-swap-visual-placement="right"] .atelierStudioSwapCards{order:1}
.storyBeatObjectSwap[data-swap-visual-placement="full"]{width:100%;height:100%;border:0;padding:0}
.storyBeatObjectSwap[data-swap-visual-placement="full"]>.atelierStudioType,.storyBeatObjectSwap[data-swap-visual-placement="full"]>.atelierStudioTreatmentHint,.storyBeatObjectSwap[data-swap-visual-placement="full"]>h4{display:none}
.storyBeatObjectSwap[data-swap-visual-placement="full"] .atelierStudioSwapSequence{position:relative;display:grid;grid-template-columns:1fr;min-height:clamp(360px,66vh,720px);max-height:none;margin:0;overflow:hidden;background:#17251f}
.storyBeatObjectSwap[data-swap-visual-placement="full"] .atelierStudioSwapVisual{min-height:inherit;height:100%;border:0;border-radius:0;background:#17251f}
.storyBeatObjectSwap[data-swap-visual-placement="full"] .atelierStudioSwapVisual img{width:100%;height:100%;min-height:inherit;object-fit:contain;background:#17251f}
.storyBeatObjectSwap[data-swap-visual-placement="full"] .atelierStudioSwapCards{position:absolute;right:clamp(.8rem,3vw,2.5rem);bottom:clamp(.8rem,3vw,2.5rem);z-index:2;width:min(34rem,calc(100% - 1.6rem));min-height:0}
.storyBeatObjectSwap[data-swap-visual-placement="full"] .atelierStudioSwapCard{min-height:0;border-color:rgba(255,255,255,.55);background:rgba(255,253,248,.92);box-shadow:0 18px 42px rgba(0,0,0,.28);backdrop-filter:blur(8px)}
.storyBeatSlide:has(.storyBeatObjects>.storyBeatObjectSwap[data-swap-visual-placement="full"]:only-child){align-content:stretch;padding:0}
.storyBeatSlide:has(.storyBeatObjects>.storyBeatObjectSwap[data-swap-visual-placement="full"]:only-child)>h3,.storyBeatSlide:has(.storyBeatObjects>.storyBeatObjectSwap[data-swap-visual-placement="full"]:only-child)>.storyBeatKeyIdea{display:none}
.storyBeatSlide:has(.storyBeatObjects>.storyBeatObjectSwap[data-swap-visual-placement="full"]:only-child)>.storyBeatObjects,.storyBeatSlide:has(.storyBeatObjects>.storyBeatObjectSwap[data-swap-visual-placement="full"]:only-child)>.storyBeatObjects>.storyBeatObjectSwap,.storyBeatSlide:has(.storyBeatObjects>.storyBeatObjectSwap[data-swap-visual-placement="full"]:only-child) .atelierStudioSwapSequence,.storyBeatSlide:has(.storyBeatObjects>.storyBeatObjectSwap[data-swap-visual-placement="full"]:only-child) .atelierStudioSwapVisual,.storyBeatSlide:has(.storyBeatObjects>.storyBeatObjectSwap[data-swap-visual-placement="full"]:only-child) .atelierStudioSwapVisual img{height:100%;min-height:0;margin:0}
.storyBeatObjectMatrix2x2 div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--border);border-radius:8px;overflow:hidden}
.storyBeatObjectMatrix2x2 section{min-height:5.2rem;padding:.65rem;border:1px solid #e4ded4;background:#fbfaf7}
.storyBeatObjectMatrix2x2 small{display:block;color:var(--muted);font-weight:850;text-align:center;margin:.25rem 0}
.storyBeatObjectMatrix2x2Treatment{width:100%;border-top:1px solid #e4ded4;padding-top:.65rem}
.storyBeatObjectMatrix2x2Treatment .atelierStudioTreatmentHint{font-size:clamp(.78rem,1.1vw,.95rem);line-height:1.25;color:var(--muted);text-transform:none;letter-spacing:0;margin:.1rem 0 .45rem}
.storyBeatObjectMatrix2x2Treatment .storyBeatTwoByTwoGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#fff}
.storyBeatObjectMatrix2x2Treatment .twoByTwoQuadrant{min-height:6.2rem;padding:.75rem;border:1px solid #e4ded4;background:#fbfaf7;transition:background .18s ease,border-color .18s ease,opacity .18s ease}
.storyBeatObjectMatrix2x2Treatment .twoByTwoQuadrant b{display:block;color:var(--accent);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem}
.storyBeatObjectMatrix2x2Treatment .twoByTwoQuadrant p{margin:0;color:var(--ink);font-size:.88rem;line-height:1.35}
.storyBeatObjectMatrix2x2Treatment .twoByTwoQuadrant.is-highlighted{background:#f1f7ed;border-color:#7da170;box-shadow:inset 0 0 0 2px rgba(70,99,67,.18)}
.storyBeatObjectMatrix2x2Treatment .twoByTwoQuadrant.is-dimmed{opacity:.42}
.storyBeatTwoByTwoCard{display:block!important;margin:.65rem 0 0;min-height:0!important;background:#fffef9!important;border:1px solid var(--border)!important;border-radius:8px!important;padding:.85rem!important;box-shadow:0 8px 18px rgba(0,0,0,.05)}
.storyBeatTwoByTwoCard b{display:block;color:var(--accent);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem}
.storyBeatTwoByTwoCard p{margin:0;color:var(--ink);font-size:1rem;line-height:1.4}
.storyBeatObjectBar section{display:grid;grid-template-columns:minmax(5rem,.7fr) minmax(8rem,1fr) auto;gap:.55rem;align-items:center;margin:.4rem 0}
.storyBeatObjectBar i{height:.75rem;border-radius:999px;background:#ece7dc;overflow:hidden}
.storyBeatObjectBar em{display:block;height:100%;border-radius:999px;background:var(--accent)}
.storyBeatObjectBar b,.storyBeatObjectBar strong{font-size:.82rem}
.storyBeatObjectBar section{transition:opacity .2s ease,transform .2s ease}
.storyBeatObjectBar section.is-highlighted{transform:translateX(3px)}
.storyBeatObjectBar section.is-highlighted em{background:#bc352d}
.storyBeatObjectBar section.is-dimmed{opacity:.35}
.storyBarTreatmentCard{margin-top:.8rem;border:1px solid var(--border);border-radius:8px;background:#fffef9;padding:.65rem .75rem}
.storyBarTreatmentCard p{margin:.25rem 0 0;color:var(--muted)}
.storyPieTreatmentCard{margin-top:.8rem;border:1px solid var(--border);border-radius:8px;background:#fffef9;padding:.65rem .75rem}
.storyPieTreatmentCard p{margin:.25rem 0 0;color:var(--muted)}
.storyBeatObjectPieTreatment li.is-highlighted{font-weight:900;color:var(--accent)}
.storyBeatObjectPieTreatment li.is-dimmed{opacity:.48}
.storyBeatObjectLineChart figure{margin:.5rem 0 0}
.storyBeatObjectLineChart svg{display:block;width:100%;height:190px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(#fbfaf7,#fff)}
.storyBeatObjectLineChart svg > line{stroke:#ded6c8;stroke-width:1.2}
.storyBeatObjectLineChart polyline{fill:none;stroke:var(--line-color,var(--accent));stroke-width:3.8;stroke-linecap:round;stroke-linejoin:round}
.storyLineSeries{transition:opacity .18s ease}
.storyLineSeries.is-dimmed{opacity:.24}
.storyLinePoint{fill:#fff;stroke:var(--line-color,var(--accent));stroke-width:2;transition:opacity .18s ease,r .18s ease,fill .18s ease}
.storyLinePoint.is-active{fill:var(--line-color,var(--accent));stroke:#fff;stroke-width:1.6}
.storyLinePoint.is-dimmed{opacity:.3}
.storyBeatObjectLineChart figcaption{display:grid;grid-template-columns:auto 1fr auto;gap:.5rem;align-items:center;margin-top:.3rem;color:var(--muted);font-size:.72rem}
.storyBeatObjectLineChart figcaption div{position:relative;height:1.2rem}
.storyBeatObjectLineChart figcaption span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}
.storyLineLegend{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.45rem}
.storyLineLegend span{display:inline-flex;align-items:center;gap:.3rem;border:1px solid var(--border);border-radius:999px;padding:.25rem .45rem;color:var(--muted);font-size:.78rem}
.storyLineLegend i{width:.65rem;height:.65rem;border-radius:50%;display:inline-block}
.storyLineTreatmentCard{display:block!important;margin:.65rem 0 0;min-height:0!important;background:#fffef9!important;border:1px solid var(--border)!important;border-radius:8px!important;padding:.85rem!important;box-shadow:0 8px 18px rgba(0,0,0,.05)}
.storyLineTreatmentCard b{display:block;color:var(--accent);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem}
.storyLineTreatmentCard p{margin:0;color:var(--ink);font-size:1rem;line-height:1.4}
.storyBeatObjectPie div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:.8rem;align-items:center}
.storyBeatObjectPie i{width:150px;aspect-ratio:1;border-radius:50%;border:1px solid var(--border)}
.storyBeatObjectPie ol{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}
.storyBeatObjectPie li{display:flex;align-items:center;gap:.4rem}
.storyBeatObjectPie li b{width:.8rem;height:.8rem;border-radius:3px;display:inline-block}
.storyBeatObjectBell div{height:150px;position:relative;border-bottom:2px solid var(--border);overflow:hidden}
.storyBeatObjectBell i{position:absolute;left:10%;right:10%;bottom:-80px;height:210px;border:4px solid var(--accent);border-bottom:0;border-radius:50% 50% 0 0}
.storyBeatObjectBell b{position:absolute;left:50%;bottom:0;width:2px;height:120px;background:var(--accent)}
.storyBeatObjectBellTreatment .storyBellCurve{height:150px;position:relative;border-bottom:2px solid var(--border);overflow:hidden}
.storyBeatObjectBellTreatment .storyBellRows{list-style:none;margin:.7rem 0 0;padding:0;display:grid;gap:.35rem}
.storyBeatObjectBellTreatment .storyBellRows li{display:grid;grid-template-columns:minmax(5rem,.55fr) minmax(0,1fr);gap:.5rem;border:1px solid var(--border);border-radius:8px;background:#fff;padding:.5rem .6rem;transition:opacity .18s ease,border-color .18s ease,background .18s ease}
.storyBeatObjectBellTreatment .storyBellRows b{position:static;width:auto;height:auto;background:none;color:var(--accent);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
.storyBeatObjectBellTreatment .storyBellRows span{color:var(--ink);overflow-wrap:anywhere}
.storyBeatObjectBellTreatment .storyBellRows li.is-highlighted{border-color:#bc352d;background:#fff5ee}
.storyBeatObjectBellTreatment .storyBellRows li.is-dimmed{opacity:.42}
.storyBellTreatmentCard{display:block!important;margin:.65rem 0 0;min-height:0!important;background:#fffef9!important;border:1px solid var(--border)!important;border-radius:8px!important;padding:.85rem!important;box-shadow:0 8px 18px rgba(0,0,0,.05)}
.storyBellTreatmentCard b{display:block!important;position:static!important;width:auto!important;height:auto!important;background:none!important;color:var(--accent);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem}
.storyBellTreatmentCard p{margin:0;color:var(--ink);font-size:1rem;line-height:1.4}
.storyBeatObjectIPCC section{display:grid;grid-template-columns:minmax(5rem,.8fr) minmax(8rem,1fr) auto;gap:.55rem;align-items:center;margin:.45rem 0}
.storyBeatObjectIPCC i{height:.55rem;border-radius:999px;background:linear-gradient(90deg,var(--model-color),rgba(70,99,67,.12));width:var(--model-width)}
.storyBeatObjectBerg li{display:grid;grid-template-columns:92px 1fr;gap:.45rem;align-items:center;border-top:1px solid #e4ded4;padding:.3rem 0}
.storyBeatObjectBerg li strong{color:var(--accent);font-size:.72rem;text-transform:uppercase;letter-spacing:.07em}
.storyBeatObjectPyramid ol{display:grid;gap:.25rem;justify-items:center;list-style:none;margin:0;padding:0}
.storyBeatObjectPyramid li{width:var(--pyramid-width);background:var(--accent);color:#fff;text-align:center;font-weight:900;padding:.5rem .7rem;clip-path:polygon(8% 0,92% 0,100% 100%,0 100%)}
.storyBeatObjectPyramid li{transition:opacity .18s ease,filter .18s ease,transform .18s ease}
.storyBeatObjectPyramid li.is-active{opacity:1;filter:drop-shadow(0 8px 14px rgba(0,0,0,.14))}
.storyBeatObjectPyramid li.is-dimmed{opacity:.38;filter:none}
.storyBeatObjectPyramid li b{display:block}
.storyBeatObjectPyramid li small{display:block;font-weight:700;line-height:1.25;margin-top:.2rem}
.storyBeatObjectPyramidTreatment{width:100%;border-top:1px solid #e4ded4;padding-top:.65rem}
.storyBeatObjectPyramidTreatment .atelierStudioTreatmentHint{font-size:clamp(.78rem,1.1vw,.95rem);line-height:1.25;color:var(--muted);text-transform:none;letter-spacing:0;margin:.1rem 0 .45rem}
.storyPyramidTreatmentCard{display:block!important;margin:.65rem 0 0;min-height:0!important;background:#fffef9!important;border:1px solid var(--border)!important;border-radius:8px!important;padding:.85rem!important;box-shadow:0 8px 18px rgba(0,0,0,.05)}
.storyPyramidTreatmentCard b{display:block;color:var(--accent);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem}
.storyPyramidTreatmentCard p{margin:0;color:var(--ink);font-size:1rem;line-height:1.4}
.storyBeatObjectFiveWhys{padding:0;overflow:hidden;background:#fff}
.storyBeatObjectFiveWhys > span{display:block;background:var(--accent);color:#fff;padding:.4rem .6rem;margin:0 0 .6rem;font-size:.78rem}
.storyBeatObjectFiveWhys h4{padding:0 .75rem;margin:.55rem 0}
.fiveWhysDiagram{position:relative;min-height:310px;padding:.4rem 1rem 1rem}
.fiveWhyStep{position:absolute;width:clamp(4.8rem,14vw,7.2rem)}
.fiveWhyStep label{display:block;font-weight:850;color:var(--ink);font-size:clamp(.85rem,1.5vw,1.2rem);line-height:1;margin:0 0 .2rem 1.35rem}
.fiveWhyStep div{min-height:2.55rem;border:4px solid var(--accent);background:#fff;box-shadow:0 2px 0 rgba(0,0,0,.08);display:grid;place-items:center;text-align:center;padding:.25rem;font-size:.78rem;line-height:1.12;overflow-wrap:anywhere}
.storyBeatObjectFiveWhysTreatment .fiveWhyStep{transition:opacity .18s ease,filter .18s ease}
.storyBeatObjectFiveWhysTreatment .fiveWhyStep div{transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
.storyBeatObjectFiveWhysTreatment .fiveWhyStep.is-active div{border-color:#b85c38;background:#fff5ec;box-shadow:0 0 0 3px rgba(184,92,56,.16),0 2px 0 rgba(0,0,0,.08)}
.storyBeatObjectFiveWhysTreatment .fiveWhyStep.is-dimmed{opacity:.38;filter:grayscale(.25)}
.storyBeatObjectFiveWhysTreatment .fiveWhyStep.is-link-from div{border-color:#6d88a6}
.storyBeatObjectFiveWhysTreatment .fiveWhyStep.is-link-to div{border-color:#b85c38}
.fiveWhyStep small{display:block;margin:.18rem 0 0 1.35rem;color:var(--muted);font-size:.62rem;line-height:1.15}
.fiveWhyStep0{left:0;top:.35rem}.fiveWhyStep0 label{font-size:.78rem;margin-left:.45rem}.fiveWhyStep0 div{min-height:2.1rem}
.fiveWhyStep1{left:12%;top:2.25rem}.fiveWhyStep2{left:24%;top:5rem}.fiveWhyStep3{left:36%;top:7.75rem}.fiveWhyStep4{left:49%;top:10.5rem}.fiveWhyStep5{left:62%;top:13.25rem}
.fiveWhyStep:not(:last-child):after{content:"";position:absolute;right:-1.55rem;top:2rem;width:1.7rem;height:.8rem;border-top:3px solid var(--accent);border-right:3px solid var(--accent)}
.fiveWhyStep:not(:last-child):before{content:"";position:absolute;right:-1.68rem;top:2.58rem;width:0;height:0;border-left:.35rem solid var(--accent);border-top:.28rem solid transparent;border-bottom:.28rem solid transparent}
.storyFiveWhysTreatmentCard{display:block!important;margin:.65rem .75rem .75rem;min-height:0!important;background:#fffef9!important;border:1px solid var(--border)!important;border-radius:8px!important;padding:.85rem!important;box-shadow:0 8px 18px rgba(0,0,0,.05)}
.storyFiveWhysTreatmentCard b{display:block;color:var(--accent);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem}
.storyFiveWhysTreatmentCard p{margin:0;color:var(--ink);font-size:1rem;line-height:1.4}
.storyBeatStickyStepsGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.8fr);gap:.75rem;align-items:start}
.storyBeatStickyStepsGrid img,.storyBeatStickyStepsBlank{width:100%;max-height:320px;object-fit:contain;border:1px solid var(--border);border-radius:8px;background:#fff}
.storyBeatStickyStepsBlank{min-height:160px;display:grid;place-items:center;color:var(--muted);font-weight:850}
.storyBeatStickyStepsGrid ol{display:grid;gap:.4rem;list-style:none;margin:0;padding:0}
.storyBeatStickyStepsGrid li{display:grid;grid-template-columns:1.7rem 1fr;gap:.45rem;align-items:start;background:#fff3b0;border:1px solid #d5b642;border-radius:8px;padding:.45rem}
.storyBeatStickyStepsGrid li.is-active{background:#fff;border-color:var(--accent);box-shadow:0 0 0 2px rgba(70,99,67,.16);animation:storyBeatStickyCardArrive .28s ease-out both}
.storyBeatStickyStepsGrid li.is-dimmed{opacity:.46}
.storyBeatStickyStepsGrid li b{width:1.45rem;height:1.45rem;border-radius:999px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:.75rem}
.storyBeatStickyStepsGrid li small{display:block;color:var(--muted);font-weight:650;line-height:1.35}
.storyBeatStickyStepsGrid li>.stickyStepContent:only-child{grid-column:1/-1}
.storyStickyStepsTreatmentCard{margin-top:.75rem;border:1px solid var(--border);border-radius:8px;padding:.75rem;background:#fff}
@keyframes storyBeatStickyCardArrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.storyBeatStickyStepsGrid li.is-active{animation:none}}
.storyBeatObjectTimeline ol{position:relative;padding-left:1.1rem;gap:.45rem}
.storyBeatObjectTimeline ol:before{content:"";position:absolute;left:.27rem;top:.3rem;bottom:.3rem;border-left:2px solid var(--accent-soft)}
.storyBeatObjectTimeline li{display:grid;grid-template-columns:.65rem 1fr;gap:.5rem;align-items:start}
.storyBeatObjectTimeline li i{width:.6rem;height:.6rem;border-radius:999px;background:var(--accent);margin-top:.55rem;z-index:1}
.storyBeatObjectTimeline li div{border:1px solid var(--border);border-radius:8px;background:#fbfaf7;padding:.45rem .6rem;display:grid;gap:.12rem}
.storyBeatObjectTimeline li.is-active div{border-color:var(--accent);background:#f6faf3}
.storyBeatObjectTimeline li b{color:var(--accent);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}
.storyBeatObjectTimeline li strong{font-family:var(--serif);font-size:clamp(1rem,1.5vw,1.3rem);line-height:1.12;color:var(--ink)}
.storyBeatObjectTimeline li p{font-size:clamp(.86rem,1.2vw,1.05rem);line-height:1.35}
.storyBeatObjectTimeline li small{color:var(--muted);font-size:.74rem;font-weight:850}
.storyBeatObjectTimelineFocus{gap:.55rem}
.storyTimelineFocusList{display:grid;grid-template-columns:minmax(12rem,.8fr) minmax(16rem,1.2fr);gap:.75rem;align-items:start}
.storyTimelineFocusItem{display:contents}
.storyTimelineFocusInput{position:absolute;opacity:0;pointer-events:none}
.storyTimelineFocusMarker{grid-column:1;display:grid;grid-template-columns:.7rem minmax(0,1fr);gap:.5rem;align-items:start;border:1px solid var(--border);border-radius:8px;background:#fbfaf7;padding:.55rem .65rem;cursor:pointer;min-height:3.6rem}
.storyTimelineFocusMarker i{width:.62rem;height:.62rem;border-radius:999px;background:var(--accent-soft);margin-top:.35rem}
.storyTimelineFocusMarker span{display:grid;gap:.1rem;min-width:0}
.storyTimelineFocusMarker b,.storyTimelineFocusCard b{color:var(--accent);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}
.storyTimelineFocusMarker strong{font-family:var(--serif);font-size:clamp(.98rem,1.4vw,1.22rem);line-height:1.12;color:var(--ink)}
.storyTimelineFocusCard{grid-column:2;grid-row:1 / span 20;display:none;border:1px solid var(--accent);border-radius:8px;background:#fff;padding:clamp(.8rem,2vw,1.2rem);box-shadow:0 12px 26px rgba(0,0,0,.055);gap:.3rem;min-height:12rem;align-content:center}
.storyTimelineFocusCard strong{font-family:var(--serif);font-size:clamp(1.3rem,2.3vw,2rem);line-height:1.08;color:var(--ink)}
.storyTimelineFocusCard p{font-size:clamp(.98rem,1.4vw,1.2rem);line-height:1.38}
.storyTimelineFocusCard small{color:var(--muted);font-size:.8rem;font-weight:850}
.storyTimelineFocusInput:checked + .storyTimelineFocusMarker{border-color:var(--accent);background:#f6faf3}
.storyTimelineFocusMarker.is-active{border-color:var(--accent);background:#f6faf3}
.storyTimelineFocusInput:checked + .storyTimelineFocusMarker i{background:var(--accent)}
.storyTimelineFocusMarker.is-active i{background:var(--accent)}
.storyTimelineFocusInput:checked + .storyTimelineFocusMarker + .storyTimelineFocusCard{display:grid}
.storyTimelineFocusCard.is-active{display:grid}
.storyTimelineFocusCard.is-empty{display:grid;grid-column:1 / -1;min-height:4rem}
.storyBeatVenn{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;max-width:520px}
.storyBeatVenn b,.storyBeatVenn strong{min-height:5.2rem;border:1px solid var(--accent);border-radius:999px;display:grid;place-items:center;text-align:center;padding:.55rem;background:rgba(244,166,82,.1);font-size:.82rem}
.storyBeatVenn strong{margin:0 -.55rem;z-index:1;background:#fff7e8}
.storyBeatObjectVennTreatment{width:100%;border-top:1px solid #e4ded4;padding-top:.65rem}
.storyBeatObjectVennTreatment .atelierStudioTreatmentHint{font-size:clamp(.78rem,1.1vw,.95rem);line-height:1.25;color:var(--muted);text-transform:none;letter-spacing:0;margin:.1rem 0 .45rem}
.storyBeatObjectVennTreatment .vennRegion{transition:opacity .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}
.storyBeatObjectVennTreatment .vennRegion.is-highlighted{background:#f1f7ed;border-color:#7da170;box-shadow:0 0 0 3px rgba(70,99,67,.16)}
.storyBeatObjectVennTreatment .vennRegion.is-dimmed{opacity:.42}
.storyBeatVennCard{display:block!important;margin:.65rem 0 0;min-height:0!important;background:#fffef9!important;border:1px solid var(--border)!important;border-radius:8px!important;padding:.85rem!important;box-shadow:0 8px 18px rgba(0,0,0,.05)}
.storyBeatVennCard b{display:block;color:var(--accent);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem}
.storyBeatVennCard p{margin:0;color:var(--ink);font-size:1rem;line-height:1.4}
.storyBeatObjectPullQuote{border-left:5px solid var(--accent);background:#fbfaf7;padding:1rem 1.1rem}
.storyBeatObjectPullQuote blockquote{margin:.3rem 0 0;font-family:var(--serif);font-size:clamp(1.45rem,3vw,2.35rem);line-height:1.05;color:var(--ink)}
.storyBeatObjectPullQuote cite{display:block;margin-top:.55rem;color:var(--muted);font-style:normal;font-weight:850}
.storyBeatObjectSticky{background:#fff3b0;border-color:#d5b642;box-shadow:0 10px 20px rgba(95,76,24,.1);transform:rotate(-.4deg)}
.storyBeatObjectSticky p{font-size:clamp(1.05rem,2vw,1.45rem);line-height:1.28;color:#352f1d}
.storyBeatObjectButtons>div:not(.storyButtonSwitchLayout){display:flex;gap:.55rem;flex-wrap:wrap}
.storyBeatObjectButtons button{border:1px solid var(--accent);border-radius:999px;background:#fff;color:var(--accent);font:inherit;font-weight:900;padding:.55rem .8rem;opacity:1}
.storyBeatObjectButtons button.is-active{background:var(--accent);color:#fff}
.storyBeatObjectButtonSwitch{max-width:min(920px,100%);text-align:left}
.storyBeatObjectButtonSwitch>p{margin:.25rem 0 .8rem;color:#4f5b53}
.storyButtonSwitchLayout{display:grid;grid-template-columns:minmax(240px,.9fr) minmax(260px,1fr);gap:1rem;align-items:start}
.storyButtonSwitchCard{border:1px solid rgba(66,92,69,.18);border-radius:8px;background:#fffef9;padding:1rem}
.storyButtonSwitchCard>b{display:block;color:var(--accent);font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem}
.storyButtonSwitchOptions{display:flex;gap:.5rem;flex-wrap:wrap;margin:.75rem 0}
.storyButtonSwitchCard article{border-top:1px solid rgba(66,92,69,.14);padding-top:.8rem;margin-top:.5rem}
.storyButtonSwitchCard h5{margin:0 0 .35rem;font-family:Georgia,"Times New Roman",serif;font-size:1.35rem;color:#24352f}
.storyButtonSwitchCard p{margin:.25rem 0 0;color:#4f5b53}
.storyButtonSwitchCard small{display:block;margin-top:.45rem;color:#6f766f}
.storyButtonSwitchLayout figure{margin:0;border:1px solid rgba(0,0,0,.08);border-radius:8px;background:#fff;overflow:hidden}
.storyButtonSwitchLayout img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#f6f4ef}
.storyButtonSwitchLayout figcaption{padding:.7rem;color:#6f766f;font-size:.85rem}
@media(max-width:760px){.storyButtonSwitchLayout{grid-template-columns:1fr}}
.storyBeatObjectExpand details{border:1px solid var(--border);border-radius:8px;background:#fbfaf7;padding:.65rem .75rem}
.storyBeatObjectExpand summary{cursor:pointer;font-weight:900;color:var(--accent);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.25rem .75rem;align-items:center;list-style:none}
.storyBeatObjectExpand summary::-webkit-details-marker,.storyBeatRabbitDisclosure>summary::-webkit-details-marker{display:none}
.storyBeatObjectExpand summary span{display:block;color:var(--ink);font-weight:700;grid-column:1}
.storyBeatObjectExpand summary:after{content:"Open";grid-column:2;grid-row:1 / span 2;border:1px solid var(--accent);border-radius:999px;padding:.28rem .62rem;color:var(--accent);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}
.storyBeatObjectExpand details[open] summary:after{content:"Close"}
.storyBeatObjectExpand summary:focus-visible,.storyBeatRabbitDisclosure>summary:focus-visible{outline:3px solid rgba(66,99,67,.3);outline-offset:4px;border-radius:5px}
.storyBeatObjectExpand p{border-top:1px solid #e4ded4;margin-top:.55rem!important;padding-top:.55rem}
.storyBeatRabbitDisclosure{border:1px solid var(--accent);border-radius:10px;background:#f6fbf3;padding:.75rem}
.storyBeatRabbitDisclosure>summary{cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.25rem .75rem;align-items:center;list-style:none;color:var(--ink)}
.storyBeatRabbitDisclosure>summary b{font-family:var(--serif);font-size:1.25rem}
.storyBeatRabbitDisclosure>summary span{font-size:.82rem;color:var(--muted);font-weight:800}
.storyBeatRabbitDisclosure>summary:after{content:"Open";grid-column:2;grid-row:1 / span 2;border-radius:999px;background:var(--accent);padding:.32rem .68rem;color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.storyBeatRabbitDisclosure[open]>summary:after{content:"Go Back"}
.storyBeatRabbitLayer{max-height:min(44vh,360px);overflow:auto;border-top:1px solid rgba(66,99,67,.22);margin-top:.7rem;padding-top:.7rem}
.storyBeatRabbitLayer>p{margin:.1rem 0 .65rem!important}
.storyBeatRabbitLayer ol{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}
.storyBeatRabbitLayer li{border:1px dashed var(--accent);border-radius:8px;background:#fff;padding:.65rem .75rem}
.storyBeatRabbitLayer li b{display:block;font-family:var(--serif);font-size:1.05rem}
.storyBeatRabbitLayer li p{margin:.25rem 0 0!important}
.storyBeatRabbitLayer a{display:inline-block;margin-top:.35rem;color:var(--accent);font-weight:900}
.stickyStepContent{min-width:0;display:grid;gap:.35rem}
.stickyStepRabbitHoleDisclosure{margin-top:.45rem;text-align:left}
.stickyStepRabbitHoleDisclosure>summary b{width:auto!important;height:auto!important;border-radius:0!important;background:transparent!important;color:inherit!important;display:block!important;place-items:initial!important;font-size:1rem!important}
.storyBeatStickyStepsGrid .stickyStepRabbitHoleLayer li{display:block;grid-template-columns:none;gap:0;align-items:initial}
.storyBeatStickyStepsGrid .stickyStepRabbitHoleLayer li b{width:auto;height:auto;border-radius:0;background:transparent;color:var(--ink);display:block;place-items:initial;font-size:1rem}
.stickyStepRabbitHoleMissing{margin:.45rem 0 0;color:var(--muted);font-size:.78rem;font-weight:750}
.storyBeatObjectRabbitHole small{display:block;margin-top:.35rem;color:var(--accent);font-weight:850;overflow-wrap:anywhere}
.storyBeatObjectDivider{display:flex;align-items:center;gap:.65rem;border:0;padding:.35rem 0;min-height:1rem}
.storyBeatObjectDivider:before,.storyBeatObjectDivider:after{content:"";height:2px;background:var(--accent);flex:1}
.storyBeatObjectDivider span{white-space:nowrap;color:var(--accent);font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.storyBeatObjectPauseReal{text-align:center;border-style:dashed;background:#fbfaf7}
.storyBeatPauseMark{display:inline-grid;place-items:center;width:4.5rem;height:4.5rem;border-radius:50%;border:2px solid var(--accent);color:var(--accent);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;margin:.2rem auto .55rem}
.storyBeatObjectPauseReal p{font-style:italic;color:var(--muted)}
.storyBeatObjectPauseReal small{display:block;color:var(--accent);font-weight:900}
.storyBeatObjectTransitionReal div{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.7rem;align-items:center}
.storyBeatObjectTransitionReal p{border:1px solid var(--border);border-radius:8px;background:#fbfaf7;padding:.7rem;margin:0;font-style:normal;color:var(--ink)}
.storyBeatObjectTransitionReal b{color:var(--accent);font-size:1.5rem}
.storyBeatObjectRoomSense{border-color:var(--accent);background:#f6fbf3}
.storyBeatObjectRoomSense small{display:block;color:var(--muted);margin-top:.35rem}
.storyBeatRoomSenseFrame{display:block;width:100%;min-height:14rem;margin-top:.65rem;border:1px solid var(--accent);border-radius:8px;background:#fff}
.storyBeatSlideRoomSenseSurface{padding:0;overflow:hidden;align-content:stretch;gap:0;background:#fff;min-height:clamp(30rem,72vh,54rem)}
.storyBeatSlideRoomSenseSurface .storyBeatObjects{height:100%;min-height:100%;margin:0;display:grid;gap:0}
.storyBeatObjectRoomSenseFull{height:100%;min-height:100%;border:0;padding:0;background:#fff;display:grid;gap:0}
.storyBeatObjectRoomSenseFull .storyBeatRoomSenseFrame{height:100%;min-height:100%;margin:0;border:0;border-radius:0}
.storyBeatsFullStage .storyBeatSlideRoomSenseSurface{height:100%;min-height:100%}
@media(max-width:760px){.storyBeatObjectSplit .storyBeatSplitGrid,.storyBeatCompareGrid,.storyBeatObjectBeforeAfter div,.storyBeatObjectSwap div,.storyBeatStickyStepsGrid,.storyBeatObjectPie div,.storyTimelineFocusList,.storyBeatsTimelineModalForm{grid-template-columns:1fr}.storyBeatObjectSwap .atelierStudioSwapSequence{grid-template-columns:1fr;max-height:none}.storyBeatObjectSwap[data-swap-visual-placement="right"] .atelierStudioSwapVisual{order:1}.storyBeatObjectSwap[data-swap-visual-placement="right"] .atelierStudioSwapCards{order:2}.storyBeatObjectSwap .atelierStudioSwapVisual,.storyBeatObjectSwap .atelierStudioSwapVisual img,.storyBeatObjectSwap .atelierStudioSwapCards,.storyBeatObjectSwap .atelierStudioSwapCard{min-height:220px}.storyBeatObjectSwap[data-swap-visual-placement="full"] .atelierStudioSwapSequence{display:block;min-height:0;overflow:visible;background:#17251f}.storyBeatObjectSwap[data-swap-visual-placement="full"] .atelierStudioSwapVisual,.storyBeatObjectSwap[data-swap-visual-placement="full"] .atelierStudioSwapVisual img{height:52svh;min-height:260px}.storyBeatObjectSwap[data-swap-visual-placement="full"] .atelierStudioSwapCards{position:relative;right:auto;bottom:auto;width:100%;padding:.75rem;background:#17251f}.storyBeatObjectSwap[data-swap-visual-placement="full"] .atelierStudioSwapCard{min-height:0}.storyTimelineFocusCard{grid-column:1;grid-row:auto;min-height:8rem}}
@media(max-width:820px){.storyBeatSlide--scrolly-object .storyBeatScrollyParityObject{grid-template-columns:1fr}.storyBeatSlide--scrolly-object .storyBeatScrollyParityObject .scrollyObjectVisual{min-height:auto}.storyBeatSlide--scrolly-object .storyBeatScrollyParityObject .scrollyObjectCards section{min-height:auto}}
@container (max-width:820px){.storyBeatScrollyParityObject{grid-template-columns:1fr!important}.storyBeatScrollyParityObject .scrollyObjectVisual{min-height:auto!important}.storyBeatScrollyParityObject .scrollyObjectCards section{min-height:auto!important}}
@media(max-width:760px){.storyBeatSlide--scrolly-module-card{grid-template-columns:1fr}.storyBeatSlide--scrolly{min-height:560px}.storyBeatSlide--scrolly-object .storyBeatObject h4{font-size:clamp(1.8rem,8vw,3rem)}.storyBeatScrollyHeroCopy nav span,.storyBeatScrollyModuleMeta b{font-size:.78rem}}
.storyBeatSupport{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:.4rem}
.storyBeatSupport section{border-top:1px solid #e4ded4;padding-top:.65rem}
.storyBeatSupport h4{margin:0 0 .25rem;color:var(--muted);font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.storyBeatSupport p{margin:0;color:var(--muted);font-size:clamp(.92rem,1.3vw,1.08rem);line-height:1.45}
.storyBeatDuration{margin:.2rem 0 0;color:var(--muted);font-size:.78rem;font-weight:850}
.storyBeatsControls{display:flex;align-items:center;justify-content:center;gap:.65rem;flex-wrap:wrap}
.storyBeatsProgress{color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;min-width:7rem;text-align:center}
.storyBeatsFullPreview{position:fixed;inset:0;z-index:220;background:rgba(35,31,27,.58);padding:clamp(.75rem,2vw,1.5rem);display:grid;place-items:center}
.storyBeatsFullShell{width:min(1280px,100%);height:min(900px,100%);border:1px solid var(--border);border-radius:12px;background:#fffdf8;box-shadow:0 24px 60px rgba(0,0,0,.28);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}
.storyBeatsFullHead{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid var(--border)}
.storyBeatsFullHead h3{margin:0;font-family:var(--serif);font-size:1.2rem}
.storyBeatsFullStage{min-height:0;overflow:auto;display:grid;place-items:center;padding:1rem;background:#fbfaf7;container-type:size}
.storyBeatsFullStage .storyBeatSlide{width:min(1120px,calc(100cqw - 2rem),calc(177.778cqh - 3.556rem));height:auto;min-height:0;aspect-ratio:16/9;box-shadow:none;overflow:hidden;padding:clamp(.75rem,2cqw,1.6rem)}
.storyBeatsFullStage .storyBeatSlide--scrolly-object .storyBeatObjects{min-height:0}
.storyBeatsFullStage .storyBeatSlide--scrolly-object .storyBeatScrollyParityObject{grid-template-columns:minmax(0,1.12fr) minmax(12.5rem,.7fr)!important;gap:clamp(.65rem,1.6cqw,1.25rem);height:100%;min-height:0;align-items:stretch}
.storyBeatsFullStage .storyBeatSlide--scrolly-object .storyBeatScrollyParityObject .scrollyObjectVisual{position:relative;top:auto;min-width:0;min-height:0!important;height:100%;max-height:100%;padding:clamp(.6rem,1.25cqw,1rem);overflow:hidden;align-content:center}
.storyBeatsFullStage .storyBeatSlide--scrolly-object .storyBeatScrollyParityObject .scrollyObjectCards{min-width:0;height:100%;max-height:100%;align-content:center}
.storyBeatsFullStage .storyBeatSlide--scrolly-object .storyBeatScrollyParityObject .scrollyObjectCards section{min-height:0!important;max-height:100%;padding:clamp(.7rem,1.5cqw,1.2rem);overflow:hidden}
.storyBeatsFullStage .storyBeatScrollyParityObject .scrollyObjectCards b{font-size:clamp(1.05rem,2.2cqw,1.85rem)}
.storyBeatsFullStage .storyBeatScrollyParityObject .scrollyObjectCards p{font-size:clamp(.8rem,1.3cqw,1rem)}
.storyBeatsFullStage .storyBeatScrollyParityObject .scrollyObjectCards small{font-size:clamp(.64rem,1cqw,.76rem)}
.storyBeatsFullStage .storyBeatScrollyParityObject .atelierStudioType{font-size:clamp(.58rem,.9cqw,.72rem)}
.storyBeatsFullStage .storyBeatScrollyParityObject .atelierStudioTitle,.storyBeatsFullStage .storyBeatScrollyParityObject .scrollyCirclesTitle{font-size:clamp(1rem,2cqw,1.65rem);line-height:1.05;margin:0 0 .2rem}
.storyBeatsFullStage .storyBeatScrollyParityObject .atelierStudioBody{font-size:clamp(.72rem,1.2cqw,.92rem);line-height:1.25;margin:.15rem 0}
.storyBeatsFullStage .scrollyBarRenderer figure,.storyBeatsFullStage .scrollyLineRenderer figure,.storyBeatsFullStage .scrollyBellRenderer figure{margin:.2rem 0 0;min-height:0}
.storyBeatsFullStage .scrollyBarRenderer svg,.storyBeatsFullStage .scrollyLineRenderer svg,.storyBeatsFullStage .scrollyBellRenderer svg{height:min(330px,calc(100% - 2rem));min-height:0;max-height:100%}
.storyBeatsFullStage .scrollyPyramidSvg{height:min(340px,calc(100% - 3.5rem));min-height:0;max-height:100%;margin:.2rem auto 0}
.storyBeatsFullStage .scrollyCircleRings{height:min(320px,calc(100% - 2.75rem));min-height:0;margin:.25rem 0 0}
.storyBeatsFullStage .scrollyCircleRing{--circle-size:calc(min(19rem,84cqw) - var(--circle-depth,0)*min(3.1rem,12cqw));padding:clamp(.35rem,.8cqw,.7rem)}
.storyBeatsFullStage .scrollyCircleRing b{font-size:clamp(.65rem,1.05cqw,.88rem)}
.storyBeatsFullStage .scrollyTwoByTwoGrid{margin:.2rem 0}
.storyBeatsFullStage .scrollyTwoByTwoGrid section{min-height:clamp(3.6rem,8cqh,5.2rem);padding:clamp(.35rem,.8cqw,.6rem);font-size:clamp(.68rem,1.05cqw,.86rem)}
.storyBeatsFullStage .scrollyLoopDiagram{height:clamp(220px,42cqh,300px);min-height:0;margin:.2rem 0 0}
.storyBeatsFullStage .scrollyLoopDiagram::before{width:min(10rem,48cqw)}
.storyBeatsFullStage .scrollyLoopDiagram strong{width:clamp(3rem,10cqw,4.2rem);height:clamp(3rem,10cqw,4.2rem);font-size:clamp(.75rem,1.2cqw,1rem)}
.storyBeatsFullStage .scrollyLoopDiagram li{width:min(6.4rem,29cqw);min-height:clamp(3.2rem,10cqh,4.2rem);padding:.3rem;transform:translate(-50%,-50%) rotate(var(--loop-angle)) translateY(calc(-1 * min(5.2rem,20cqw))) rotate(calc(-1 * var(--loop-angle)));font-size:clamp(.6rem,.85cqw,.75rem)}
.storyBeatsFullStage .scrollyPieLayout{grid-template-columns:minmax(7.5rem,.8fr) minmax(0,1fr);gap:.55rem;align-items:center;margin:.2rem 0 0}
.storyBeatsFullStage .scrollyPieSvg{width:min(14rem,100%)}
.storyBeatsFullStage .scrollyPieLayout ol{grid-template-columns:1fr;gap:.25rem}
.storyBeatsFullStage .scrollyPieLayout li{padding:.3rem .4rem}
.storyBeatsFullStage .scrollyTimelineRenderer .scrollyObjectVisual{align-content:start!important}
.storyBeatsFullStage .scrollyTimelineRenderer .scrollyObjectVisual ol{gap:clamp(.08rem,.35cqh,.25rem);margin:.12rem 0 0}
.storyBeatsFullStage .scrollyTimelineRenderer li{padding:.08rem .15rem;font-size:clamp(.62rem,.9cqw,.76rem);line-height:1.12}
.storyBeatsFullStage .scrollyTimelineRenderer li b{font-size:clamp(.54rem,.75cqw,.65rem);line-height:1}
.storyBeatsFullStage .scrollyTimelineRenderer li strong{font-size:clamp(.7rem,1cqw,.86rem);line-height:1.05}
.storyBeatsFullStage .scrollyTimelineRenderer li p{margin:.08rem 0 0;font-size:clamp(.58rem,.82cqw,.7rem);line-height:1.12}
.storyBeatsStudentReview{width:100%;height:100%;min-width:0;min-height:0;background:#ebe7de;color:var(--ink);font-family:var(--sans);line-height:1.35;overflow:hidden}
.storyBeatsStudentReview .studentReviewApp{width:min(1600px,100%);height:100%;min-height:0;margin:0 auto;padding:clamp(.65rem,1.5vw,1.25rem);display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch;gap:clamp(.55rem,1vw,.85rem);overflow:hidden}
.storyBeatsStudentReview .studentReviewHeader{position:static;z-index:auto;padding:0;display:flex;align-items:end;justify-content:space-between;gap:1rem;border:0;background:transparent;backdrop-filter:none}
.studentReviewHeader span,.studentReviewNarration>span{display:block;color:var(--accent);font-size:.72rem;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
.studentReviewHeader h1{margin:.15rem 0 0;font-family:var(--serif);font-size:clamp(1.45rem,2.5vw,2.35rem);line-height:1.05}
.studentReviewHeader p{margin:0;color:var(--muted);font-size:.84rem;font-weight:850;white-space:nowrap}
.storyBeatsStudentReview .studentReviewLayout{min-width:0;min-height:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(17rem,21rem);grid-template-rows:minmax(0,1fr);align-items:stretch;gap:clamp(.65rem,1.25vw,1rem);overflow:hidden}
.studentReviewStageColumn{min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden}
.studentReviewStageViewport{position:relative;width:100%;max-width:100%;max-height:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid rgba(22,53,41,.3);border-radius:16px;background:#163529;box-shadow:0 18px 42px rgba(26,34,29,.16)}
.studentReviewStage.storyBeatsFullStage{position:absolute;inset:0 auto auto 0;width:1120px;height:630px;min-height:0;overflow:hidden;border:0;border-radius:0;box-shadow:none;padding:1rem;transform-origin:top left}
.studentReviewStage.storyBeatsFullStage .storyBeatSlide{width:min(1120px,calc(100cqw - 2rem),calc(177.778cqh - 3.556rem));height:auto;max-height:calc(100cqh - 2rem)}
.studentReviewNarration{min-width:0;min-height:0;align-self:stretch;border:1px solid rgba(66,92,69,.3);border-radius:16px;background:#fffdf8;box-shadow:0 14px 30px rgba(26,34,29,.09);padding:clamp(.85rem,1.5vw,1.25rem);display:flex;flex-direction:column;justify-content:center;overflow:auto}
.studentReviewNarration h2{margin:.35rem 0 0;font-family:var(--serif);font-size:clamp(1.65rem,2.7vw,2.25rem);line-height:1}
.studentReviewNarration h3{margin:1.3rem 0 .5rem;color:var(--accent);font-size:.82rem;line-height:1.35;text-transform:uppercase;letter-spacing:.08em}
.studentReviewNarration p{margin:0;color:var(--ink);font-size:clamp(1rem,1.4vw,1.16rem);line-height:1.55;overflow-wrap:anywhere}
.studentReviewControls{justify-self:center;min-width:min(32rem,100%);border:1px solid rgba(66,92,69,.28);border-radius:999px;background:#fffdf8;box-shadow:0 10px 24px rgba(26,34,29,.08);padding:.4rem;display:grid;grid-template-columns:minmax(6.5rem,1fr) auto minmax(6.5rem,1fr);align-items:center;gap:.65rem}
.studentReviewControls button{min-height:2.8rem;border:1px solid var(--accent);border-radius:999px;background:var(--accent);color:#fff;font:inherit;font-weight:900;cursor:pointer;padding:.55rem 1rem}
.studentReviewControls button:first-child{background:#fffdf8;color:var(--accent)}
.studentReviewControls button:disabled{cursor:default;opacity:.38}
.studentReviewControls strong{color:var(--muted);font-size:.8rem;text-align:center;white-space:nowrap}
@media(max-width:1100px){
  .storyBeatsStudentReview .studentReviewApp{width:min(940px,100%)}
  .storyBeatsStudentReview .studentReviewLayout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(7.5rem,.45fr)}
}
@media(max-width:620px){
  .storyBeatsStudentReview .studentReviewApp{padding:.65rem;gap:.65rem}
  .storyBeatsStudentReview .studentReviewHeader{align-items:start;flex-direction:column;gap:.3rem}
  .studentReviewHeader h1{font-size:1.3rem}
  .studentReviewHeader p{font-size:.74rem}
  .studentReviewStageViewport{border-radius:10px}
  .studentReviewNarration{border-radius:12px;padding:.9rem}
  .studentReviewNarration h2{font-size:1.45rem}
  .studentReviewNarration h3{margin:.8rem 0 .3rem;font-size:.7rem}
  .studentReviewNarration p{font-size:.96rem}
  .studentReviewControls{position:static;z-index:10;min-width:0;width:100%;grid-template-columns:1fr 1fr;border-radius:16px;padding:.35rem;gap:.35rem}
  .studentReviewControls strong{grid-column:1 / -1;grid-row:1;font-size:.72rem}
  .studentReviewControls button{grid-row:2;min-height:2.7rem;padding:.45rem .65rem}
}
.storyBeatsFullControls{padding:.7rem 1rem;border-top:1px solid var(--border);background:#fffdf8}
.storyBeatsPresentationAudience{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;overflow:hidden;background:#050505;color:var(--ink)}
.storyBeatsPresentationAudience:fullscreen{width:100vw;height:100vh}
.storyBeatsPresentationStage.storyBeatsFullStage{width:100%;height:100%;padding:0;overflow:hidden;background:#050505;place-items:center}
.storyBeatsPresentationStage.storyBeatsFullStage .storyBeatSlide{width:1120px;height:630px;max-width:none;max-height:none;min-height:0;aspect-ratio:16/9;border:0;border-radius:0;box-shadow:none;padding:1.4rem;container-type:size;transform:scale(var(--storybeats-presentation-scale,1));transform-origin:center center;will-change:transform}
.storyBeatsPresentationExperience,.storyBeatsPresentationReviewLayout,.storyBeatsPresentationStageColumn,.storyBeatsPresentationStageViewport{display:contents}
.storyBeatsPresentationReviewHeader,.storyBeatsPresentationNarration,.storyBeatsPresentationAudienceControls{display:none}
.storyBeatsPresentationAudience.is-student-review{display:block;background:#ebe7de;padding:clamp(.65rem,1.5vw,1.25rem)}
.storyBeatsPresentationAudience.is-student-review .storyBeatsPresentationExperience{width:min(1600px,100%);height:100%;min-height:0;margin:0 auto;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(.55rem,1vw,.85rem)}
.storyBeatsPresentationAudience.is-student-review .storyBeatsPresentationReviewHeader{display:flex;align-items:end;justify-content:space-between;gap:1rem}
.storyBeatsPresentationReviewHeader span,.storyBeatsPresentationNarration>span{display:block;color:var(--accent);font-size:.72rem;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
.storyBeatsPresentationReviewHeader h1{margin:.15rem 0 0;font-family:var(--serif);font-size:clamp(1.45rem,2.5vw,2.35rem);line-height:1.05}
.storyBeatsPresentationAudience.is-student-review .storyBeatsPresentationReviewLayout{min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(17rem,21rem);gap:clamp(.65rem,1.25vw,1rem);overflow:hidden}
.storyBeatsPresentationAudience.is-student-review[data-narration-treatment="hidden"] .storyBeatsPresentationReviewLayout{grid-template-columns:minmax(0,1fr)}
.storyBeatsPresentationAudience.is-student-review .storyBeatsPresentationStageColumn{min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden}
.storyBeatsPresentationAudience.is-student-review .storyBeatsPresentationStageViewport{position:relative;display:block;width:100%;height:100%;max-width:100%;max-height:100%;overflow:hidden;border:1px solid rgba(22,53,41,.3);border-radius:16px;background:#163529;box-shadow:0 18px 42px rgba(26,34,29,.16)}
.storyBeatsPresentationAudience.is-student-review .storyBeatsPresentationStage.storyBeatsFullStage{position:absolute;width:1120px;height:630px;padding:0;overflow:hidden;background:#050505;display:grid;place-items:center}
.storyBeatsPresentationAudience.is-student-review .storyBeatsPresentationStage.storyBeatsFullStage .storyBeatSlide{transform-origin:top left}
.storyBeatsPresentationAudience.is-student-review .storyBeatsPresentationNarration{min-width:0;min-height:0;align-self:stretch;border:1px solid rgba(66,92,69,.3);border-radius:16px;background:#fffdf8;box-shadow:0 14px 30px rgba(26,34,29,.09);padding:clamp(.85rem,1.5vw,1.25rem);display:flex;flex-direction:column;justify-content:center;overflow:auto}
.storyBeatsPresentationNarration[hidden],.storyBeatsPresentationAudienceControls[hidden]{display:none!important}
.storyBeatsPresentationNarration h2{margin:.35rem 0;font-family:var(--serif);font-size:clamp(1.65rem,2.7vw,2.25rem);line-height:1}.storyBeatsPresentationNarration p{margin:0;font-size:clamp(1rem,1.4vw,1.16rem);line-height:1.55;overflow-wrap:anywhere}
.storyBeatsPresentationAudience.is-student-review .storyBeatsPresentationAudienceControls{justify-self:center;min-width:min(32rem,100%);border:1px solid rgba(66,92,69,.28);border-radius:999px;background:#fffdf8;box-shadow:0 10px 24px rgba(26,34,29,.08);padding:.4rem;display:grid;grid-template-columns:minmax(6.5rem,1fr) auto minmax(6.5rem,1fr);align-items:center;gap:.65rem}
.storyBeatsPresentationAudienceControls button{min-height:2.8rem;border:1px solid var(--accent);border-radius:999px;background:var(--accent);color:#fff;font:inherit;font-weight:900;cursor:pointer;padding:.55rem 1rem}.storyBeatsPresentationAudienceControls button:first-child{background:#fffdf8;color:var(--accent)}.storyBeatsPresentationAudienceControls button:disabled{cursor:default;opacity:.38}.storyBeatsPresentationAudienceControls strong{color:var(--muted);font-size:.8rem;text-align:center;white-space:nowrap}
#storyBeatsPresentationPrevious{grid-column:1}#storyBeatsPresentationGlobalCounter{grid-column:2}#storyBeatsPresentationNext{grid-column:3}
.storyBeatsPresentationAudience:not(.is-student-review)[data-narration-treatment="speaker_notes_panel"] .storyBeatsPresentationNarration{position:absolute;right:max(1rem,env(safe-area-inset-right));bottom:6rem;z-index:3;width:min(22rem,calc(100vw - 2rem));max-height:min(50vh,28rem);display:block;border:1px solid rgba(255,255,255,.28);border-radius:14px;background:rgba(255,253,248,.96);padding:1rem;overflow:auto;box-shadow:0 16px 42px rgba(0,0,0,.35)}
.storyBeatsPresentationAudience:not(.is-student-review)[data-navigation-treatment="previous_next"] .storyBeatsPresentationAudienceControls,.storyBeatsPresentationAudience:not(.is-student-review)[data-counter-treatment="global_state"] .storyBeatsPresentationAudienceControls{position:absolute;left:50%;bottom:max(1rem,env(safe-area-inset-bottom));z-index:3;transform:translateX(-50%);min-width:min(32rem,calc(100vw - 2rem));border-radius:999px;background:rgba(255,253,248,.96);padding:.4rem;display:grid;grid-template-columns:minmax(6.5rem,1fr) auto minmax(6.5rem,1fr);align-items:center;gap:.65rem;box-shadow:0 12px 34px rgba(0,0,0,.35)}
.storyBeatsPresentationAudience.is-student-review[data-narration-treatment="hidden"][data-counter-treatment="hidden"][data-navigation-treatment="keyboard_phone"] .storyBeatsPresentationExperience{grid-template-rows:auto minmax(0,1fr)}
@media(max-width:900px){.storyBeatsPresentationAudience.is-student-review .storyBeatsPresentationReviewLayout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(7.5rem,.45fr)}.storyBeatsPresentationAudience.is-student-review[data-narration-treatment="hidden"] .storyBeatsPresentationReviewLayout{grid-template-rows:minmax(0,1fr)}}
.storyBeatsPresentationTopChrome{position:absolute;right:max(1rem,env(safe-area-inset-right));top:max(1rem,env(safe-area-inset-top));z-index:4;display:flex;align-items:flex-end;justify-content:flex-end;gap:1rem;pointer-events:none}
.storyBeatsPresentationTopChrome>*{pointer-events:auto}
.storyBeatsPresentationPairing{position:relative;color:var(--ink)}
.storyBeatsPresentationPairing[hidden]{display:none}
.storyBeatsPresentationPairingDisclosure>summary{min-height:2.4rem;display:flex;align-items:center;justify-content:center;list-style:none;cursor:pointer;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:rgba(255,253,248,.97);box-shadow:0 8px 22px rgba(0,0,0,.24);padding:.45rem .8rem;color:var(--accent);font-size:.78rem;font-weight:900;white-space:nowrap}
.storyBeatsPresentationPairingDisclosure>summary::-webkit-details-marker{display:none}
.storyBeatsPresentationPairingDisclosure>summary:focus-visible,.storyBeatsPresentationPairingCard button:focus-visible{outline:3px solid #f6df72;outline-offset:3px}
.storyBeatsPresentationPairingCard{position:absolute;right:0;top:calc(100% + .5rem);width:min(25rem,calc(100vw - 2rem));display:grid;grid-template-columns:9rem minmax(0,1fr);align-items:center;gap:1rem;border:1px solid rgba(255,255,255,.3);border-radius:16px;background:rgba(255,253,248,.98);box-shadow:0 18px 48px rgba(0,0,0,.35);padding:.75rem;color:var(--ink)}
.storyBeatsPresentationPairingDisclosure:not([open]) .storyBeatsPresentationPairingCard{display:none}
.storyBeatsPresentationPairingCard strong{display:block;font-family:var(--serif);font-size:1.15rem;line-height:1.08}
.storyBeatsPresentationPairingCard p{margin:.3rem 0 0;color:var(--muted);font-size:.82rem;line-height:1.35}
.storyBeatsPresentationPairingCard button{grid-column:1/-1;justify-self:end;border:1px solid var(--accent);border-radius:999px;background:#fff;color:var(--accent);padding:.38rem .7rem;font:inherit;font-size:.75rem;font-weight:900;cursor:pointer}
.storyBeatsPresentationAudience.is-student-review .storyBeatsPresentationTopChrome{position:static;display:flex;align-items:flex-end;justify-content:space-between;min-width:0}
.storyBeatsPresentationAudience.is-student-review .storyBeatsPresentationReviewHeader{min-width:0}
.storyBeatsPresentationQr{width:9rem;height:9rem;border-radius:8px;overflow:hidden;background:#fff}
.storyBeatsPresentationQr svg{display:block;width:100%;height:100%}
.storyBeatsPresentationSrStatus{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.storyBeatsPhoneMediaPlaceholder{min-height:12rem;border:1px solid var(--accent);border-radius:8px;background:#edf3eb;display:grid;place-items:center;color:var(--accent);font-weight:900}
body.storyBeatsPresenterConsolePage{height:100dvh;overflow:hidden;background:#f2efe8;color:var(--ink);overscroll-behavior:none}
.storyBeatsPresenterConsole{height:100dvh;min-height:0;display:grid;grid-template-rows:auto auto clamp(9rem,23dvh,14rem) auto minmax(0,1fr) auto;gap:.55rem;padding:max(.7rem,env(safe-area-inset-top)) .7rem max(.7rem,env(safe-area-inset-bottom));overflow:hidden}
.storyBeatsPresenterHeader{position:static;z-index:auto;display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;border:0;border-bottom:1px solid var(--border);background:transparent;backdrop-filter:none;padding:0 0 .55rem}
.storyBeatsPresenterHeader span{display:block;color:var(--muted);font-size:.64rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.storyBeatsPresenterHeader h1{margin:.12rem 0 0;font-family:var(--serif);font-size:clamp(1.15rem,5vw,1.5rem);line-height:1.05}
.storyBeatsPresenterConnection{flex:0 0 auto;margin:.15rem 0 0;display:flex;align-items:center;gap:.35rem;color:var(--muted);font-size:.68rem;font-weight:850;white-space:nowrap}
.storyBeatsPresenterConnection i{width:.62rem;height:.62rem;border-radius:50%;background:#bd8b2c;box-shadow:0 0 0 3px rgba(189,139,44,.12)}
.storyBeatsPresenterConnection.is-connected i{background:#4b7a50;box-shadow:0 0 0 3px rgba(75,122,80,.12)}
.storyBeatsPresenterConnection.is-disconnected i{background:#b84a3c;box-shadow:0 0 0 3px rgba(184,74,60,.12)}
.storyBeatsPresenterCurrent{display:flex;align-items:baseline;justify-content:space-between;gap:.65rem;min-width:0}
.storyBeatsPresenterCurrent strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem}
.storyBeatsPresenterCurrent span{flex:0 0 auto;color:var(--muted);font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.storyBeatsPresenterPreview{position:relative;min-height:0;border:1px solid #b9b1a6;border-radius:12px;overflow:hidden;background:#163529;box-shadow:0 8px 20px rgba(0,0,0,.1)}
.storyBeatsPresenterPreviewStage.storyBeatsFullStage{position:absolute;inset:0;display:block;overflow:hidden;padding:0;background:#163529;container-type:size}
.storyBeatsPresenterPreviewStage .storyBeatSlide{cursor:default}
.storyBeatsPresenterPreviewStage details>summary{cursor:pointer}
.storyBeatsPresenterInteractions{min-height:0;border:1px solid var(--border);border-radius:10px;background:#fffdf8;padding:.55rem;overflow:auto}
.storyBeatsPresenterInteractions[hidden]{display:none}
.storyBeatsPresenterInteractions h2,body.storyBeatsPresenterConsolePage .storyBeatsPresenterNotes h2{margin:0 0 .4rem;color:var(--muted);font-size:.66rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
.storyBeatsPresenterInteractions>div{display:grid;gap:.35rem}
.storyBeatsPresenterInteractions button{width:100%;min-height:2.65rem;border:1px solid var(--accent);border-radius:9px;background:#fff;color:var(--accent);padding:.5rem .65rem;text-align:left;font-weight:850;line-height:1.25}
.storyBeatsPresenterInteractions button[aria-pressed="true"]{background:var(--accent-soft)}
body.storyBeatsPresenterConsolePage .storyBeatsPresenterNotes{min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border:1px solid var(--border);border-radius:10px;background:#fffdf8;padding:.7rem;color:var(--ink)}
body.storyBeatsPresenterConsolePage .storyBeatsPresenterNotes>div{font-family:var(--serif);font-size:clamp(1rem,4.5vw,1.2rem);line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.storyBeatsPresenterNav{position:relative;z-index:3;display:grid;grid-template-columns:1fr 1.3fr;gap:.55rem;padding-top:.05rem;background:#f2efe8}
.storyBeatsPresenterNav button{min-height:4.25rem;border:2px solid var(--accent);border-radius:14px;background:#fff;color:var(--accent);font:900 clamp(1.05rem,5vw,1.35rem)/1 var(--sans);touch-action:manipulation}
.storyBeatsPresenterNav button:last-child{background:var(--accent);color:#fff}
.storyBeatsPresenterNav button:disabled{opacity:.35}
@media(max-width:520px){.storyBeatsPresentationPairingCard{grid-template-columns:7rem minmax(0,1fr)}.storyBeatsPresentationQr{width:7rem;height:7rem}.storyBeatsPresenterConsole{gap:.45rem;padding-left:.55rem;padding-right:.55rem}.storyBeatsPresenterNav button{min-height:4rem}}
.storyBeatsPresenterNotes{border:1px dashed var(--border);border-radius:8px;background:#fbfaf7;padding:.5rem .65rem;color:var(--muted)}
.storyBeatsPresenterNotes h4{margin:0 0 .25rem;color:var(--muted);font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.storyBeatsPresenterNotes p{margin:.15rem 0;font-size:.78rem;line-height:1.35}
.storyBeatsPresenterNotes a{color:var(--accent);font-weight:900}
.storyBeatsReviewWorkspace{min-height:0;border:1px solid var(--border);border-radius:8px;background:#fffdf8;box-shadow:0 8px 18px rgba(0,0,0,.04);overflow:auto;padding:1rem;display:grid;gap:1rem}
.storyReviewIntro h3{margin:0;font-family:var(--serif);font-size:1.3rem}
.storyReviewIntro p{margin:.25rem 0;color:var(--muted);max-width:72rem}
.storyReviewList{display:grid;gap:.65rem}
.storyReviewBeat{border:1px solid var(--border);border-radius:8px;background:#fff;padding:.75rem;display:grid;gap:.45rem}
.storyReviewBeat div{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}
.storyReviewBeat span{color:var(--accent);font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.storyReviewBeat strong{font-family:var(--serif);font-size:1rem}
.storyReviewBeat p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.4}
.storyReviewBeat ul{margin:.1rem 0 0;padding-left:1.1rem;color:var(--ink);font-size:.82rem;line-height:1.4}
@media(max-width:760px){.storyBeatsContextGrid{grid-template-columns:1fr}.storyBeatsHeader{align-items:stretch;flex-direction:column}.storyBeatsHeader .actions{justify-content:flex-start}.builderTitleActions{grid-template-columns:1fr}.builderBottomBar{left:.5rem;right:.5rem;flex-wrap:wrap;border-radius:16px}.scrollyBottomBarEditorControls,.scrollyBottomBarUtilityControls{flex-wrap:wrap}.scrollyBottomBarEditorControls{width:100%;margin-right:0}.scrollyBottomBarUtilityControls{margin-left:auto}}
.storyBeatsEmpty{width:min(680px,100%);background:#fffdf8;border:1px dashed var(--border);border-radius:12px;padding:2rem;text-align:center;color:var(--muted)}
.storyBeatsEmpty p{margin:0 0 .75rem;font-family:var(--serif);font-size:1.4rem;color:var(--ink)}
@media(max-width:1100px){.storyBeatsProductionGrid{grid-template-columns:1fr!important;overflow:visible}.storyBeatsColumnResize{display:none}.storyBeatsModuleLibrary,.storyBeatsSequenceEditor,.storyBeatsPreviewPanel{min-height:auto}}
.canvasWorkspace{height:calc(100dvh - 190px);min-height:560px;background:#fffdf8;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}
.canvasToolbar{padding:.6rem .75rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:.5rem;align-items:center;flex-wrap:wrap;background:#fff}
.canvasToolbar strong{font-family:var(--serif)}
.canonicalCanvasInputHint{display:block;margin:.12rem 0 0;color:var(--muted);font-size:.68rem;font-weight:750}
.canvasStage{position:relative;min-height:0;overflow:auto;background-color:#fffdf8;background-image:linear-gradient(rgba(216,210,200,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(216,210,200,.28) 1px,transparent 1px);background-size:32px 32px}
.canonicalCanvasSurfaceCanvas{display:block;width:1800px;height:1100px;touch-action:none;background:transparent;outline:none}
.canvasStickyLayer{position:absolute;left:0;top:0;width:1800px;height:1100px;pointer-events:none}
.canvasSticky{position:absolute;width:210px;min-height:120px;background:#fff8c9;border:1px solid #dfc957;border-radius:14px;box-shadow:0 10px 22px rgba(0,0,0,.12);padding:.55rem;pointer-events:auto;touch-action:none}
.canvasStickyHeader{display:flex;justify-content:space-between;gap:.4rem;align-items:center;margin-bottom:.35rem;cursor:grab}
.canvasStickyHeader span{font-size:.72rem;font-weight:850;color:#7a6720;text-transform:uppercase;letter-spacing:.06em}
.canvasSticky textarea{width:100%;min-height:70px;border:0;background:transparent;resize:vertical;font:inherit;line-height:1.35}
.canvasSticky textarea:focus{outline:0}
.reviewWorkspace{height:100%;display:grid;grid-template-columns:minmax(300px,.85fr) minmax(520px,1.45fr);gap:.75rem;min-height:0}
.reviewWorkspace.focusReview{grid-template-columns:minmax(280px,.8fr) minmax(460px,1.35fr)}
.reviewWorkspace.reviewResizable,.reviewWorkspace.reviewResizable.focusReview{grid-template-columns:var(--review-left-col,minmax(300px,.85fr)) .5rem var(--review-right-col,minmax(420px,1.45fr));gap:.45rem}
.reviewWorkspace .workspacePanel{min-height:0}
.sourcePanel .workspacePanelBody{min-height:0;overflow:hidden}
.reviewOutputPanel .workspacePanelBody{background:#fbfaf7;min-height:0;overflow:auto}
.reviewTabs{display:flex;gap:.35rem;align-items:center;padding:.55rem .65rem;border-bottom:1px solid var(--border);background:#fff}
.reviewTab{border:1px solid var(--border);background:#fbfaf7;color:var(--ink);border-radius:999px;padding:.32rem .62rem;font-size:.72rem;font-weight:850;cursor:pointer}
.reviewTab.is-active{background:var(--accent);border-color:var(--accent);color:#fff}
.reviewTabPanel{border-radius:0}
.reviewTabPanel[hidden]{display:none}
.reviewRunBar{display:flex;justify-content:flex-end;margin:0 0 .65rem}
.sourceDraft{height:100%;min-height:0;border:1px solid var(--border);border-radius:14px;background:#fffdf8;padding:.85rem;white-space:pre-wrap;overflow:auto;font-family:var(--serif);font-size:1.02rem;line-height:1.62;color:var(--ink)}
.reviewResults{display:grid;gap:.65rem}
.reviewSectionHead{display:flex;justify-content:space-between;gap:.75rem;align-items:baseline}
.reviewSectionHead h3{font-family:var(--serif);font-size:1.2rem;margin:0}
.reviewSectionHead p{margin:0;color:var(--muted);font-size:.72rem}
.reviewMode{display:inline-flex;width:max-content;border-radius:999px;padding:.15rem .48rem;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--border);margin-bottom:.18rem}
.reviewMode.mock{background:#fff8e8;color:#7a561a;border-color:#e1c06b}
.reviewMode.ai{background:#e4ecdf;color:#425c45;border-color:#aebf9d}
.reviewFallback{margin:0;border:1px solid #e1c06b;background:#fff8e8;border-radius:12px;padding:.45rem .6rem;color:#72521a;font-size:.78rem;font-weight:750}
.reviewMetrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem}
.reviewMetrics div,.reviewCard{background:#fff;border:1px solid var(--border);border-radius:14px;padding:.65rem}
.reviewMetrics span,.reviewCard h4{display:block;color:var(--muted);font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em;margin:0 0 .2rem}
.reviewMetrics strong{font-family:var(--serif);font-size:1.35rem}
.metricCard{position:relative;min-width:0}
.metricCard em{position:absolute;left:.55rem;right:.55rem;top:calc(100% + .35rem);z-index:8;display:block;padding:.48rem .55rem;border:1px solid var(--border);border-radius:10px;background:#fffdf8;box-shadow:0 12px 28px rgba(0,0,0,.13);color:var(--ink);font-style:normal;font-size:.72rem;line-height:1.35;text-transform:none;letter-spacing:0;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .16s ease,transform .16s ease}
.metricCard:hover em,.metricCard:focus em,.metricCard:focus-within em{opacity:1;transform:none}
.reviewCard p{margin:0;color:var(--ink);font-size:.82rem;line-height:1.45}
.editorialResults .reviewCard{display:grid;gap:.55rem}
.editorialItem{border-top:1px solid var(--border);padding-top:.55rem}
.editorialItem:first-of-type{border-top:0;padding-top:0}
.editorialPriorityTable{width:100%;border-collapse:collapse;font-size:.76rem;line-height:1.35}
.editorialPriorityTable th,.editorialPriorityTable td{border-top:1px solid var(--border);padding:.42rem;text-align:left;vertical-align:top}
.editorialPriorityTable th{color:var(--muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.07em}
.reviewEvidence{margin-top:.55rem}
.reviewEvidence summary{cursor:pointer;width:max-content;font-size:.65rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.reviewEvidence[open]{display:grid;gap:.32rem}
.reviewEvidence blockquote{margin:0;border-left:3px solid var(--accent);padding:.28rem .5rem;background:#fbfaf7;border-radius:0 8px 8px 0;color:#3a3732;font-size:.78rem;line-height:1.38}
.strandTable{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.55rem;margin:.65rem 0 .2rem}
.strandCard{background:#fff;border:1px solid var(--border);border-radius:16px;padding:.75rem;box-shadow:0 8px 18px rgba(0,0,0,.035)}
.strandCard.blue{border-color:#b9cfe2;background:#f4f8fb}.strandCard.green{border-color:#c9d8c4;background:#f7faf5}.strandCard.purple{border-color:#d8c7e0;background:#faf7fb}.strandCard.red{border-color:#e3c2bb;background:#fff8f6}.strandCard.gold{border-color:#d5ad20;background:#fff9d9;box-shadow:0 10px 24px rgba(213,173,32,.14)}
.strandTable strong{font-family:var(--serif);font-size:1rem;line-height:1.15}
.strandTable span{display:inline-flex;margin-left:.35rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.66rem;font-weight:850;padding:.08rem .35rem}
.strandTable p{margin:.35rem 0;color:var(--ink);font-size:.8rem}
.strandTable small{display:block;color:var(--muted);font-size:.72rem;margin-top:.2rem}
.strandTable b,.revisionOpportunity b{font-weight:900;color:var(--ink)}
.revisionOpportunities{border-color:#d5ad20;background:#fffdf2}
.revisionOpportunity{border-top:1px solid rgba(216,210,200,.75);padding-top:.65rem;margin-top:.65rem}
.revisionOpportunity>span{display:inline-flex;border-radius:999px;background:#fff3b8;color:#735f12;font-size:.66rem;font-weight:900;padding:.12rem .42rem;margin-bottom:.25rem}
.conceptualMotifs{border-color:#d8c7e0;background:#fcf9fd}
.motifItem{border-top:1px solid rgba(216,210,200,.75);padding-top:.65rem;margin-top:.65rem}
.motifItem strong{font-family:var(--serif);font-size:1.05rem}
.transformationalArc{border-color:#c9d8c4;background:#f8fbf5}
.transformationalArc b{font-weight:900;color:var(--ink)}
.transformationalArc ul{margin:.25rem 0 .5rem;padding-left:1.1rem;color:var(--ink);font-size:.82rem;line-height:1.45}
.momentumCard{display:grid;gap:.5rem}
.momentumCard strong{color:var(--accent);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}
.momentumCard ul{margin:.2rem 0 0;padding-left:1rem}
.braidViz{background:#fff;border:1px solid var(--border);border-radius:16px;padding:.7rem;display:grid;gap:.65rem}
.braidLegend{display:flex;gap:.35rem;flex-wrap:wrap}
.braidLegendItem{border:1px solid var(--border);border-radius:999px;padding:.16rem .42rem;font-size:.68rem;font-weight:850;background:#fff}
.braidLegendItem.blue{background:#dbe7f3;color:#24445e}.braidLegendItem.green{background:#e4ecdf;color:#425c45}.braidLegendItem.purple{background:#eadff1;color:#563c68}.braidLegendItem.red{background:#f4ded8;color:#7a3428}.braidLegendItem.gold{background:#fff3b8;color:#735f12}
.threadMap{display:grid;gap:.45rem;overflow-x:auto;padding:.2rem .1rem .35rem}
.threadAxis{display:grid;grid-template-columns:repeat(5,1fr);gap:.35rem;min-width:680px;color:var(--muted);font-size:.64rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.threadAxis span{text-align:center}
.threadSequence{position:relative;min-width:680px;height:54px;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:linear-gradient(90deg,rgba(216,210,200,.34) 1px,transparent 1px),#fbfaf7;background-size:25% 100%}
.threadSegment{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:.28rem;border-right:2px solid rgba(255,255,255,.78);font-size:.72rem;font-weight:950;color:rgba(0,0,0,.64);box-shadow:0 1px 0 rgba(255,255,255,.48) inset;overflow:hidden}
.threadSegment:before{content:"";position:absolute;right:-10px;top:0;z-index:2;width:18px;height:100%;background:inherit;clip-path:polygon(0 0,100% 50%,0 100%);filter:brightness(1.02)}
.threadSegment span{display:grid;place-items:center;width:1.35rem;height:1.35rem;border-radius:999px;background:rgba(255,255,255,.45);border:1px solid rgba(0,0,0,.12)}
.threadSegment small{min-width:0;max-width:74%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.64rem;text-transform:uppercase;letter-spacing:.07em;color:rgba(0,0,0,.58)}
.threadSegment.compact small{display:none}
.threadSegment.compact span{width:1rem;height:1rem;font-size:.6rem}
.threadSegment.blue{background:#74a7d2}.threadSegment.green{background:#8fba84}.threadSegment.purple{background:#a670df}.threadSegment.red{background:#d9877d}.threadSegment.gold{background:#f2cf48;color:#735f12}
.threadMarker{position:absolute;top:5px;z-index:5;width:1.25rem;height:1.25rem;transform:translateX(-50%);display:grid;grid-template-columns:repeat(2,1fr);gap:1px;padding:2px;border:1px solid rgba(0,0,0,.22);border-radius:999px;background:#fffdf8;box-shadow:0 4px 12px rgba(0,0,0,.14);cursor:help}
.threadMarker i{display:block;border-radius:999px;background:#d8d2c8}.threadMarker i.blue{background:#74a7d2}.threadMarker i.green{background:#8fba84}.threadMarker i.purple{background:#a670df}.threadMarker i.red{background:#d9877d}.threadMarker i.gold{background:#f2cf48}
.threadHint{margin:0;color:var(--muted);font-size:.7rem;line-height:1.35}
.threadRow{display:grid;grid-template-columns:76px minmax(600px,1fr);gap:.35rem;align-items:center}
.threadRow>span{font-size:.68rem;font-weight:900;color:var(--muted)}
.threadTrack{position:relative;height:34px;border:1px solid var(--border);border-radius:10px;background:linear-gradient(90deg,rgba(216,210,200,.28) 1px,transparent 1px);background-size:20% 100%;overflow:hidden}
.threadBlock{position:absolute;top:5px;height:22px;border-radius:4px;border:1px solid rgba(0,0,0,.14);display:flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:900;color:rgba(0,0,0,.62);box-shadow:0 1px 0 rgba(255,255,255,.55) inset}
.threadBlock.blue{background:#74a7d2}.threadBlock.green{background:#8fba84}.threadBlock.purple{background:#a670df}.threadBlock.red{background:#d9877d}.threadBlock.gold{background:#f2cf48;color:#735f12}
@media(max-width:820px){header{padding:.6rem .75rem}h1{font-size:2.35rem}main{padding:.55rem;grid-template-rows:auto auto auto}.workflowBoard{grid-template-columns:repeat(6,210px)}.productionBoard{grid-template-columns:1fr}.productionWorkflowBoard{grid-template-columns:repeat(3,210px)}.calendar-14{grid-template-columns:repeat(14,86px)}.workspacePage{grid-template-rows:auto minmax(0,1fr)}.workspaceTop{padding:.55rem .7rem;align-items:flex-start;flex-direction:column}.workspaceTop h2{font-size:1.35rem}.workspaceBody{padding:.55rem}.workspaceTextarea{min-height:300px;font-size:1rem}.draftTextarea{font-size:1.06rem}.reviseWorkspace,.reviseWorkspace.reviseResizable{grid-template-columns:1fr!important}.reviseColumnResize{display:none}.canvasWorkspace{height:calc(100dvh - 210px);min-height:500px}}
@media(max-width:820px){.studioStickyForm,.studioInkForm,.studioInkPreviewGrid{grid-template-columns:1fr}.studioStickyAdvancedGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.studioPhotoAnnotationLayerHead{display:grid}.studioPhotoAnnotationLayerHead .actions{justify-content:flex-start}.studioPhotoAnnotationFields{grid-template-columns:repeat(2,minmax(0,1fr))}.studioLoopCardEditor,.studioButtonStateEditor,.studioSwapStateEditor{grid-template-columns:1fr}.studioLoopCardEditor .wide,.studioButtonStateEditor .wide,.studioSwapStateEditor .wide,.studioCollectionRowActions{grid-column:1}.studioLoopCardNumber{min-height:2.2rem}.studioLoopComposerHead{display:grid}}

@media(max-width:1180px){body{overflow:auto}.app{height:auto;min-height:100vh}main{grid-template-rows:auto auto auto auto}.workspace{height:auto;max-height:none;overflow-x:auto;width:max-content;min-width:100%}.workflowBoard{grid-template-columns:repeat(6,220px)}.productionBoard{grid-template-columns:1fr}.productionWorkflowBoard{grid-template-columns:repeat(3,220px)}.kanban-panel{min-height:0}.calendar-14{overflow-x:auto;grid-template-columns:repeat(14,90px)}.calendar-panel{min-height:200px}.inlineForm{grid-template-columns:repeat(2,minmax(0,1fr))}.inlineForm .wide{grid-column:span 2}}
@media(max-width:1050px){.workspaceGrid.research,.workspaceGrid.planning,.workspaceGrid.planning.planningResizable,.workspaceGrid.drafting,.workspaceGrid.side-collapsed.drafting,.reviewWorkspace,.reviewWorkspace.focusReview,.beatBuilderWorkspace,.beatBuilderWorkspace.planningResizable,.storyBeatsProductionGrid{grid-template-columns:1fr!important;height:auto}.planningColumnResize,.draftingColumnResize,.researchColumnResize,.reviewColumnResize{display:none}.workspaceTextarea{min-height:260px}.overviewGrid{grid-template-columns:1fr}.reviewMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sourceDraft{min-height:260px}.beatSequence{min-height:220px}.beatEditorForm,.beatObjectFields{grid-template-columns:1fr}}
@media(max-width:900px){.thisMonthBody{grid-template-columns:1fr}.monthlyTopics{padding:0}.monthlyExperiment{border-left:0;border-top:1px solid var(--border);padding:1rem 0 .2rem;margin-top:.55rem}.experimentDotGrid{width:max-content;max-width:100%}}
@media(max-width:560px){.monthlyTopicRow{grid-template-columns:1fr;gap:.1rem;padding:.35rem 0}.topicDotGrid{grid-template-columns:repeat(10,minmax(26px,1fr));width:100%}.orientationDotGrid .orientationDot{width:100%;min-width:26px}.thisMonthBody{padding:.55rem}.monthlyExperiment{overflow-x:auto}}
@media(max-width:680px){header{align-items:flex-start;flex-direction:column}.header-meta{text-align:left}.inlineForm{grid-template-columns:1fr}.inlineForm .wide{grid-column:span 1}.workspaceTop{align-items:flex-start;flex-direction:column}}

.socialWorkspace{display:grid;grid-template-columns:minmax(220px,.82fr) minmax(270px,1fr) minmax(340px,1.35fr);gap:.8rem;min-height:calc(100vh - 150px);padding:.8rem;background:#f5f1e8}
.socialSourcePanel,.socialAdaptPanel,.socialPreviewPanel{min-width:0;border:1px solid var(--border);border-radius:14px;background:#fffdf8;padding:.85rem;overflow:auto}
.socialPanelHead{padding-bottom:.7rem;border-bottom:1px solid var(--border)}
.socialPanelHead>span{font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.socialPanelHead h3{margin:.15rem 0;font-family:var(--serif);font-size:1.25rem}
.socialPanelHead p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.35}
.socialSourceList,.socialSavedSection{display:grid;gap:.5rem;margin-top:.75rem}
.socialSourceCard,.socialSavedCard{width:100%;border:1px solid var(--border);border-radius:10px;background:#fff;padding:.65rem;text-align:left;color:var(--ink);cursor:pointer}
.socialSourceCard:hover,.socialSourceCard:focus-visible,.socialSavedCard:hover,.socialSavedCard:focus-visible,.socialSourceCard.is-active,.socialSavedCard.is-active{border-color:var(--accent);box-shadow:0 5px 14px rgba(66,92,69,.1)}
.socialSourceCard.is-active,.socialSavedCard.is-active{background:#eef3ed}
.socialSourceCard span,.socialSavedCard span{display:block;color:var(--accent);font-size:.66rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase}
.socialSourceCard strong,.socialSavedCard strong{display:block;margin:.16rem 0;font-family:var(--serif);font-size:.9rem}
.socialSourceCard small{display:block;color:var(--muted);line-height:1.3}
.socialSavedSection{padding-top:.7rem;border-top:1px solid var(--border)}
.socialSavedHead{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.socialSavedHead h4{margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}
.socialControlFields{display:grid;gap:.7rem;margin-top:.8rem}
.socialControlFields label{display:grid;gap:.25rem;font-size:.72rem;font-weight:850;color:var(--ink)}
.socialControlFields input,.socialControlFields textarea,.socialControlFields select{width:100%;border:1px solid var(--border);border-radius:8px;background:#fff;padding:.55rem;font:inherit;color:var(--ink)}
.socialControlFields textarea{resize:vertical;line-height:1.4}
.socialControlFields fieldset{display:grid;gap:.55rem;margin:0;padding:.65rem;border:1px solid var(--border);border-radius:10px}
.socialControlFields legend{padding:0 .25rem;font-size:.72rem;font-weight:850}
.socialFixedGrammar{display:grid;gap:.12rem;padding:.6rem;border:1px solid var(--border);border-radius:9px;background:#f7f4ed}.socialFixedGrammar span{color:var(--accent);font-size:.66rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.socialFixedGrammar small{color:var(--muted);line-height:1.35}
.socialControlFields .socialStateChoices>p{margin:0;color:var(--muted);font-size:.7rem;line-height:1.35}.socialControlFields .socialStateChoices label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.45rem;padding:.35rem 0;border-top:1px solid #ece7dd}.socialControlFields .socialStateChoices input{width:auto;margin:0}
.socialControlFields .socialVideoTiming>p{margin:0;color:var(--muted);font-size:.7rem;line-height:1.35}.socialControlFields .socialVideoTiming .socialCheckbox{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.45rem}.socialControlFields .socialVideoTiming .socialCheckbox input{width:auto;margin:0}
.socialControlFields .socialNarrationControls>p{margin:0;color:var(--muted);font-size:.7rem;line-height:1.4}.socialControlFields .socialNarrationControls .socialCheckbox{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.45rem}.socialControlFields .socialNarrationControls .socialCheckbox input{width:auto;margin:0}.socialNarrationRecord{display:flex;flex-wrap:wrap;gap:.4rem}.socialRecordingStatus{margin:0;padding:.45rem .55rem;border-radius:7px;background:#f8e8e3!important;color:#883b2f!important;font-weight:800}.socialRecordingStatus.is-ready{background:#e8f1e6!important;color:#355d3c!important}
.socialControlActions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.8rem}
.socialStatus{margin:.65rem 0 0;padding:.55rem .65rem;border-radius:8px;background:#f3f0e9;color:var(--muted);font-size:.76rem}
.socialStatus.ok{background:#edf4ee;color:#315b3d}.socialStatus.warn{background:#fff4dc;color:#77540b}
.socialPreviewPanel{display:flex;flex-direction:column}
.socialPreviewFrame{position:relative;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:var(--social-preview-ratio,1 / 1);width:min(100%,650px);margin:1rem auto 0;padding:7%;overflow:hidden;border:1px solid #d8d0c4;border-radius:8px;background:#f8f4ec;box-shadow:0 18px 45px rgba(44,37,28,.12)}
.socialPreviewSeries{min-height:1.2rem;color:#425c45;font-size:.7rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
.socialPreviewObject{display:flex;flex:1;align-items:center;justify-content:center;min-height:0;padding:.5rem}
.socialPreviewObject .atelierStudioObjectRender{display:flex;align-items:center;justify-content:center;max-width:100%}
.socialPreviewObject .atelierStudioPaper{max-width:100%;max-height:100%;overflow:hidden;box-shadow:0 12px 28px rgba(40,33,24,.16)}
.socialBeatFrame{display:grid;flex:1;min-height:0;place-items:center;padding:.5rem 0}.socialBeatFrame .storyBeatSlide{width:100%;min-height:0;max-height:100%;aspect-ratio:16/9;padding:clamp(.7rem,2.5vw,1.35rem);gap:.55rem;overflow:hidden;box-shadow:0 8px 22px rgba(40,33,24,.1);container-type:inline-size}.socialBeatFrame .storyBeatSlide h3{font-size:clamp(1rem,4cqw,1.7rem)}.socialBeatFrame .storyBeatSlide p{font-size:clamp(.72rem,2.5cqw,1rem)}.socialBeatFrame .storyBeatObjects{min-height:0;overflow:hidden}
.socialPreviewCta{align-self:flex-end;color:#425c45;font-size:.75rem;font-weight:850}
.socialVideoCaption{align-self:center;max-width:92%;margin:.45rem 0;padding:.48rem .65rem;border-radius:6px;background:rgba(28,27,25,.88);color:#fff;font-size:clamp(.72rem,1.8vw,.98rem);font-weight:750;line-height:1.32;text-align:center;box-shadow:0 3px 10px rgba(0,0,0,.16)}.socialPreviewFrame.has-social-caption .socialPreviewObject{padding-bottom:.1rem}
.socialCarousel{display:grid;gap:.65rem;min-width:0}.socialCarouselTrack{display:flex;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}.socialCarouselSlide{flex:0 0 100%;min-width:0;scroll-snap-align:start;padding:0 .1rem}.socialCarouselSlide .socialPreviewFrame{width:100%}.socialCarouselNav{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.socialCarouselNav span{font-size:.72rem;font-weight:850;color:var(--muted)}.socialCarouselThumbs{display:flex;justify-content:center;gap:.35rem}.socialCarouselThumbs button{width:1.9rem;height:1.9rem;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--ink);font-weight:850;cursor:pointer}.socialCarouselThumbs button.is-active{border-color:var(--accent);background:#e8efe7;color:var(--accent)}
.socialImageExports{display:flex;justify-content:flex-end;gap:.45rem;padding-top:.6rem;border-top:1px solid var(--border)}
.socialVideo{display:grid;gap:.65rem;min-width:0}.socialVideoStage{min-width:0}.socialVideoStage.is-entering .socialPreviewFrame{animation:socialStateReveal .28s ease-out}.socialVideoControls,.socialVideoExports{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.socialVideoControls span{margin-left:auto;color:var(--muted);font-size:.72rem;font-weight:850}.socialVideoSoundOff{margin:0;padding:.55rem .65rem;border-radius:8px;background:#f3f0e9;color:var(--muted);font-size:.72rem;line-height:1.4}.socialNarrationPlayback{display:grid;gap:.35rem;padding:.55rem .65rem;border:1px solid var(--border);border-radius:8px;background:#fff}.socialNarrationPlayback strong{font-size:.72rem}.socialNarrationPlayback audio{width:100%;height:2.2rem}.socialVideoExports{padding-top:.55rem;border-top:1px solid var(--border)}
@keyframes socialStateReveal{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.socialVideoStage.is-entering .socialPreviewFrame{animation:none}.socialCarouselTrack{scroll-behavior:auto}}
.socialPreviewEmpty{display:grid;place-items:center;aspect-ratio:1/1;margin-top:1rem;border:1px dashed var(--border);border-radius:8px;color:var(--muted);text-align:center;padding:2rem}
.socialProvenance{display:grid;gap:.15rem;margin-top:.7rem;color:var(--muted);font-size:.72rem}.socialProvenance strong{color:var(--ink)}
.socialEmpty,.socialControlsEmpty{color:var(--muted);font-size:.78rem;line-height:1.4}
@media(max-width:1050px){.socialWorkspace{grid-template-columns:minmax(220px,.8fr) minmax(300px,1.2fr)}.socialPreviewPanel{grid-column:1/-1}.socialPreviewFrame{width:min(100%,560px)}}
@media(max-width:700px){.socialWorkspace{grid-template-columns:1fr;padding:.5rem}.socialPreviewPanel{grid-column:auto}.socialSourcePanel,.socialAdaptPanel,.socialPreviewPanel{overflow:visible}.socialPreviewFrame{width:100%}}

/* iPad / small tablet board behavior:
   Desktop stays compact; iPad gets a vertical, scrollable editorial board. */
@media (max-width: 820px) {
  body {
    overflow: auto;
  }
  .app {
    min-height: 100vh;
    height: auto;
    display: block;
  }
  main {
    display: block;
    padding: .55rem;
  }
  .kanban-panel {
    display: block;
    min-height: auto;
    margin-bottom: .75rem;
  }
  .panel-head {
    align-items: flex-start;
    flex-direction: column;
  }
  .projectToolbar {
    width: 100%;
  }
  .workspace {
    display: grid;
    grid-template-columns: repeat(7, 220px);
    gap: .65rem;
    width: max-content;
    min-width: 100%;
    height: auto;
    max-height: none;
    overflow: visible;
  }
  .lane {
    max-height: none;
    overflow: auto;
    min-height: 180px;
  }
  .lane h3 {
    position: static;
  }
  .calendar-panel {
    min-height: 0;
    margin-bottom: 1rem;
  }
  .calendar-14 {
    height: auto;
    min-height: 0;
    overflow-x: auto;
    overflow-y: visible;
    grid-template-columns: repeat(14, 92px);
  }
  .cal-day {
    min-height: 130px;
  }
}


.studioLinks{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.45rem}
.studioLinks .btn{font-size:.75rem}
@media (max-width: 820px){
  .studioLinks{justify-content:flex-start}
}


/* Strong iPad Mini calendar horizontal scroll override */
@media (max-width: 820px) {
  .calendar-panel .panel-body {
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
  }
  .calendar-14 {
    display: grid;
    grid-template-columns: repeat(14, 104px) !important;
    width: max-content;
    min-width: calc(14 * 104px);
    overflow: visible;
  }
  .cal-day {
    width: 104px;
  }
}

@media (max-width: 1180px) {
  .calendar-panel {
    min-height: 0;
  }
  main:has(.calendar-panel[data-calendar-view="month"]),
  main:has(.calendar-panel[data-calendar-view="year"]) {
    grid-template-rows: auto auto auto;
  }
  .calendar-panel[data-calendar-view="month"],
  .calendar-panel[data-calendar-view="year"] {
    min-height: 0;
  }
  .calendarPanelActions {
    width: 100%;
    justify-content: flex-start;
  }
  .calendar-month {
    min-width: 620px;
  }
  .calendar-year {
    grid-template-columns: repeat(2,minmax(170px,1fr));
  }
}
@media (max-width: 520px) {
  .calendar-year {
    grid-template-columns: 1fr;
  }
}


/* Full-height workspace patch:
   Makes Research, Planning (Desk), and Drafting panels fill the available
   vertical space inside the fixed workspace screen instead of stopping early. */
.workspacePage.is-open {
  height: 100dvh;
  max-height: 100dvh;
}
.workspaceBody {
  min-height: 0;
  overflow: auto;
  display: grid;
}
#workspaceContent {
  min-height: 0;
  height: auto;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
#workspaceContent:has(> .scrollyShellWorkspace) {
  height: 100%;
  max-height: 100%;
  overflow: hidden;
}
#workspaceContent:has(> .storyBeatsWorkspace) {
  height: 100%;
  max-height: 100%;
  overflow: hidden;
}
#workspaceContent:has(> .presentationDoorwayWorkspace) {
  height: 100%;
  max-height: 100%;
  overflow: hidden;
}
#workspaceContent:has(> .storyBuilderShell) {
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch;
}
#workspaceContent:has(> .libraryWorkspace) {
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch;
}
#workspaceContent:has(> .endeavorWorkspace) {
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch;
}
#workspaceContent > .endeavorWorkspace {
  flex: 0 0 auto;
  width: 100%;
  padding-right: .2rem;
  padding-bottom: 1.25rem;
}
#workspaceContent > .libraryWorkspace {
  flex: 0 0 auto;
  width: 100%;
  padding-right: .2rem;
  padding-bottom: 1.25rem;
}
#workspaceContent > .storyBuilderShell {
  flex: 0 0 auto;
  width: 100%;
  padding-right: .2rem;
  padding-bottom: 1.25rem;
}
#workspaceContent:has(> .beatBuilderWorkspace),
#workspaceContent:has(> .canonicalBeatBuilderWorkspace) {
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch;
}
#workspaceContent > .planningMode {
  flex: 0 0 auto;
}
#workspaceContent > .workspaceGrid {
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
}
#workspaceContent > .reviseWorkspace {
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
  align-items: stretch;
}
#workspaceContent > .reviseWorkspace > .workspacePanel {
  height: 100%;
  min-height: 0;
}
#workspaceContent > .reviseWorkspace .reviseDraftPanel .draftTextarea {
  height: 100%;
  min-height: 0;
}
#workspaceContent > .workspaceGrid.planning,
#workspaceContent > .beatBuilderWorkspace {
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
  max-height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  align-content: start;
  padding-right: .2rem;
  padding-bottom: 1.25rem;
}
#workspaceContent > .workspaceGrid.planning {
  height: 100%;
  align-items: stretch;
  grid-auto-rows: minmax(0, 1fr);
}
#workspaceContent > .workspaceGrid.planning .workspacePanel,
#workspaceContent > .beatBuilderWorkspace .workspacePanel {
  min-height: 0;
}
#workspaceContent > .workspaceGrid.planning .workspacePanel {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#workspaceContent .workspacePanelBody:has(.workspaceWritingTextarea) {
  flex: 1 1 auto;
  display: flex;
  overflow: hidden;
}
#workspaceContent > .workspaceGrid.planning .workspaceTextarea {
  flex: 1 1 auto;
  min-height: 0;
}
.workspaceWritingTextarea {
  position: relative;
  z-index: 1;
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  pointer-events: auto;
  touch-action: auto;
  cursor: text;
  user-select: text !important;
  -webkit-user-select: text !important;
  color: #171717;
  -webkit-text-fill-color: #171717;
  caret-color: #111;
}
.workspaceWritingTextarea::selection {
  color: #111;
  background: #9fc5ff;
}
.workspaceRichEditor {
  display: block;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: .25rem .15rem;
  outline: none;
  white-space: normal;
}
.workspaceRichEditor:focus {
  border: 0;
  box-shadow: none;
  outline: none;
}
.workspaceRichEditor[data-empty="true"]::before {
  content: attr(data-placeholder);
  position: absolute;
  color: #8b857b;
  pointer-events: none;
  font-style: italic;
}
.workspaceRichEditor p,
.workspaceRichEditor blockquote,
.workspaceRichEditor ul,
.workspaceRichEditor ol,
.workspaceRichEditor h1,
.workspaceRichEditor h2,
.workspaceRichEditor h3,
.workspaceRichEditor h4,
.workspaceRichEditor h5,
.workspaceRichEditor h6 {
  margin-top: 0;
  margin-bottom: .72em;
}
.workspaceRichEditor p { min-height: 1.5em; }
.workspaceRichEditor h1,
.workspaceRichEditor h2,
.workspaceRichEditor h3,
.workspaceRichEditor h4,
.workspaceRichEditor h5,
.workspaceRichEditor h6 {
  font-family: var(--serif);
  line-height: 1.2;
}
.workspaceRichEditor h1 { font-size: 1.65em; }
.workspaceRichEditor h2 { font-size: 1.38em; }
.workspaceRichEditor h3 { font-size: 1.18em; }
.workspaceRichEditor h4,
.workspaceRichEditor h5,
.workspaceRichEditor h6 { font-size: 1em; }
.workspaceRichEditor ul,
.workspaceRichEditor ol { padding-left: 1.55em; }
.workspaceRichEditor li { margin: .18em 0; }
.workspaceRichEditor blockquote {
  border-left: 3px solid rgba(66,92,69,.42);
  color: var(--muted);
  padding-left: .8em;
}
.workspaceRichEditor blockquote p { margin-bottom: 0; }
.workspaceRichEditor code {
  border: 1px solid var(--border);
  border-radius: 5px;
  background: #f5f0e7;
  padding: .04em .28em;
  font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size: .88em;
}
@media(max-width:900px){.workspacePage.is-writing-workspace .workspaceTop{grid-template-columns:minmax(0,1fr) auto}.workspaceStageNav{grid-column:1 / -1;grid-row:2;justify-self:center}.workspacePage.is-writing-workspace .workspaceTop>.actions{grid-column:2;grid-row:1}}
#workspaceContent > .canvasWorkspace {
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  max-height: 100%;
}
#workspaceContent > .embeddedToolWorkspace {
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
}
#workspaceContent > .briefingCenter {
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  align-content: start;
  padding-right: .2rem;
}
#workspaceContent > .assetWorkspace {
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  max-height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  align-content: start;
  padding-right: .2rem;
  padding-bottom: 1.25rem;
}
#workspaceContent > .presentationDoorwayWorkspace {
  display: block;
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable;
  align-content: start;
  padding-right: .2rem;
  padding-bottom: 1.25rem;
}
#workspaceContent > .presentationDoorwayWorkspace > .workspacePanel + .workspacePanel {
  margin-top: .75rem;
}
#workspaceContent > .presentationDoorwayWorkspace > .workspacePanel {
  grid-template-rows: auto auto;
}
#workspaceContent > .presentationDoorwayWorkspace > .workspacePanel > .workspacePanelBody {
  overflow: visible;
}
#workspaceContent > .publicationPipeline {
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  max-height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  align-content: start;
  padding-right: .2rem;
  padding-bottom: 1.25rem;
}
#workspaceContent > .helpPage {
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  max-height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  align-content: start;
  padding-right: .2rem;
  padding-bottom: 1.25rem;
}
#workspaceContent:has(> .documentationGuide) {
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch;
  padding-right: .2rem;
  padding-bottom: 1.25rem;
}
#workspaceContent > .helpPage.documentationGuide {
  flex: 0 0 auto;
  min-height: auto;
  height: auto;
  max-height: none;
  overflow: visible;
  padding-right: .15rem;
  padding-bottom: 1.5rem;
}
#workspaceContent > .myStudioWorkspace {
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
}
#workspaceContent:has(> .myStudioWorkspace) {
  overflow: hidden;
}
#workspaceContent > .storyBeatsWorkspace {
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  max-height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  align-content: start;
  padding-right: .2rem;
  padding-bottom: 1.25rem;
}
.workspaceGrid {
  min-height: 0;
}
.workspacePanel {
  min-height: 0;
}
.workspacePanelBody {
  min-height: 0;
}
.workspaceTextarea {
  min-height: 0;
}
.stickyNote {
  height: 100%;
  min-height: 0;
}
.stickyNote textarea {
  height: 100%;
  min-height: 0;
}

/* When panels stack on tablets/phones, let the page scroll normally again. */
@media (max-width: 1050px) {
  .workspaceBody {
    overflow: auto;
    display: block;
  }
  #workspaceContent {
    height: auto;
    display: block;
  }
  #workspaceContent:has(> .scrollyShellWorkspace) {
    height: auto;
    max-height: none;
    overflow: visible;
  }
  #workspaceContent:has(> .storyBeatsWorkspace) {
    height: auto;
    max-height: none;
    overflow: visible;
  }
  #workspaceContent > .workspaceGrid,
  #workspaceContent > .reviseWorkspace,
  .workspaceGrid.focusGrid,
  .workspaceGrid.research,
  .workspaceGrid.research.with-assets,
  .workspaceGrid.research.with-assets.assets-collapsed,
  .workspaceGrid.planning,
  .workspaceGrid.drafting,
  .workspaceGrid.side-collapsed.drafting,
  .beatBuilderWorkspace {
    height: auto;
    min-height: 0;
  }
  #workspaceContent > .reviseWorkspace {
    max-height: none;
    overflow: visible;
  }
  .workspacePanel {
    min-height: 320px;
  }
  .workspaceTextarea {
    min-height: 260px;
  }
}

.canonicalBeatBuilderWorkspace{display:grid;gap:.7rem;min-width:0}
.canonicalBeatBuilderHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border:1px solid var(--border);border-radius:14px;background:var(--paper);padding:.8rem}
.canonicalBeatBuilderHeader span{display:block;color:var(--accent);font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.canonicalBeatBuilderHeader h3{margin:.08rem 0;font-family:var(--serif);font-size:1.35rem}
.canonicalBeatBuilderHeader p{margin:0;color:var(--muted);font-size:.68rem;overflow-wrap:anywhere}
.canonicalBeatOpenPicker{display:grid;gap:.18rem;min-width:min(250px,36vw)}
.canonicalBeatOpenPicker select{width:100%;border:1px solid var(--border);border-radius:9px;background:#fff;padding:.42rem .5rem;color:var(--ink);font-size:.74rem;font-weight:700;text-transform:none;letter-spacing:normal}
.canonicalBeatBuilderLayout{display:grid;gap:.7rem .35rem;align-items:start;min-width:0}
.canonicalBeatBuilderLayout.has-planning-rail{grid-template-columns:minmax(180px,var(--planning-column,20%)) 8px minmax(360px,1fr) 8px minmax(280px,var(--preview-column,32%))}
.canonicalBeatBuilderLayout.has-planning-rail.planning-rail-collapsed{grid-template-columns:44px 0 minmax(360px,1fr) 8px minmax(280px,var(--preview-column,32%))}
.canonicalBeatBuilderLayout.without-planning-rail{grid-template-columns:minmax(420px,1.2fr) minmax(300px,.8fr)}
.canonicalBeatColumnResizer{position:relative;align-self:stretch;min-height:10rem;border-radius:999px;cursor:col-resize;touch-action:none;outline:none}
.canonicalBeatColumnResizer span{position:sticky;top:calc(50dvh - 3rem);display:block;width:3px;height:3rem;margin:0 auto;border-radius:999px;background:#c2bcae;transition:background .15s ease,box-shadow .15s ease}
.canonicalBeatColumnResizer:hover span,.canonicalBeatColumnResizer:focus-visible span,.canonicalBeatColumnResizer.is-dragging span{background:var(--accent);box-shadow:0 0 0 3px rgba(66,92,69,.14)}
.canonicalBeatBuilderLayout.planning-rail-collapsed>.canonicalBeatColumnResizer.is-planning{visibility:hidden;pointer-events:none}
.canonicalBeatPlanningRail{position:sticky;top:0;align-self:start;min-height:0;max-height:calc(100dvh - 8.5rem);background:var(--atelier-green-wash);border-color:#c8d6c3}
.canonicalBeatPlanningRailHead{padding:.42rem;border-bottom:1px solid #c8d6c3}
.canonicalBeatPlanningRailHead .btn{width:100%;display:flex;align-items:center;gap:.38rem;justify-content:flex-start;background:#fff}
.canonicalBeatPlanningRailHead .btn span{font-size:1rem;line-height:1}
.canonicalBeatPlanningRailHead .btn b{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}
.canonicalBeatPlanningRailBody{min-height:0;overflow:auto;padding:.58rem;display:grid;gap:.58rem}
.canonicalBeatPlanningRailBody>header{display:grid;gap:.08rem}
.canonicalBeatPlanningRailBody>header>span{color:var(--accent);font-size:.61rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.canonicalBeatPlanningRailBody h3{margin:0;font-family:var(--serif);font-size:.95rem;line-height:1.15;overflow-wrap:anywhere}
.canonicalBeatPlanningRailBody header p{margin:0;color:var(--muted);font-size:.64rem;font-weight:800}
.canonicalBeatPlanningProjectGroup{display:grid;gap:.42rem;padding-top:.55rem;border-top:1px solid #c8d6c3}
.canonicalBeatPlanningProjectGroup>header{display:grid;gap:.08rem}
.canonicalBeatPlanningProjectGroup>header h3{font-size:.82rem}
.canonicalBeatPlanningCards{display:grid;gap:.4rem}
.canonicalBeatPlanningCard{width:100%;border:1px solid var(--border);border-radius:10px;background:#fffdf8;color:var(--ink);padding:.48rem;display:grid;grid-template-columns:1.55rem minmax(0,1fr);gap:.42rem;text-align:left;cursor:pointer}
.canonicalBeatPlanningCard:hover,.canonicalBeatPlanningCard:focus-visible{border-color:var(--accent);background:#fff}
.canonicalBeatPlanningCard.is-current{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 2px rgba(66,92,69,.12)}
.canonicalBeatPlanningNumber{width:1.55rem;height:1.55rem;border-radius:999px;background:#fff;border:1px solid var(--border);display:grid;place-items:center;color:var(--accent);font-size:.68rem;font-weight:900}
.canonicalBeatPlanningCardText{display:grid;gap:.12rem;min-width:0}
.canonicalBeatPlanningCardText strong{font-family:var(--serif);font-size:.78rem;line-height:1.16;overflow-wrap:anywhere}
.canonicalBeatPlanningCardText small{color:var(--muted);font-size:.61rem;line-height:1.3;overflow-wrap:anywhere}
.canonicalBeatBuilderLayout .canonicalBeatPlanningRail.is-rail-collapsed{display:block;width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;max-height:44px;overflow:visible;z-index:5}
.canonicalBeatPlanningRail.is-rail-collapsed .canonicalBeatPlanningRailHead{display:block;width:44px;height:44px;border-bottom:0;padding:5px}
.canonicalBeatPlanningRail.is-rail-collapsed .canonicalBeatPlanningRailHead .btn{width:32px;height:32px;min-width:32px;min-height:32px;padding:0;display:grid;place-items:center;visibility:visible}
.canonicalBeatPlanningRail.is-rail-collapsed .canonicalBeatPlanningRailHead .btn span{display:block;line-height:1}
.canonicalBeatPlanningRail.is-rail-collapsed .canonicalBeatPlanningRailHead b,.canonicalBeatPlanningRail.is-rail-collapsed .canonicalBeatPlanningRailBody{display:none}
.canonicalBeatBuilderStatus{margin:0;border:1px solid var(--border);border-radius:9px;background:#fff;padding:.55rem .65rem;color:var(--muted);font-size:.76rem}
.canonicalBeatBuilderStatus[data-tone="ok"]{border-color:#a8c0a5;background:var(--accent-soft);color:var(--accent)}
.canonicalBeatBuilderStatus[data-tone="bad"]{border-color:#d9aaa3;background:#fff4f2;color:#8b2b24}
.canonicalBeatBuilderStatus[data-tone="working"]{border-color:#c7b475;background:var(--gold);color:#65531d}
.canonicalBeatToolStateIdentity{display:block;margin-top:.18rem;color:var(--accent);font-size:.6rem;font-weight:850;overflow-wrap:anywhere}
.canonicalBeatAuthoringColumn{display:grid;gap:.7rem;min-width:0}
.canonicalBeatBuilderCollapsible.is-section-collapsed>.workspacePanelBody{display:none}
.canonicalBeatBuilderCollapsible.is-section-collapsed>.workspacePanelHead{border-bottom:0}
.canonicalBeatSectionToggle{flex:0 0 auto}
.canonicalBeatForm{display:grid;gap:.55rem}
.canonicalBeatForm label,.canonicalBeatSequenceFields label{display:grid;gap:.18rem;color:var(--muted);font-size:.67rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.canonicalBeatForm input,.canonicalBeatForm textarea,.canonicalBeatForm select,.canonicalBeatSequenceFields input,.canonicalBeatSequenceFields textarea,.canonicalBeatSequenceFields select{width:100%;border:1px solid var(--border);border-radius:8px;background:#fff;padding:.45rem .5rem;color:var(--ink);font-size:.78rem;font-weight:500;text-transform:none;letter-spacing:normal}
.canonicalBeatForm textarea{min-height:78px;resize:vertical}
.canonicalBeatFormRow{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.canonicalBeatMetadata{border-top:1px solid var(--border);padding-top:.5rem}
.canonicalBeatMetadata>summary{display:flex;align-items:center;justify-content:space-between;gap:.5rem;cursor:pointer;color:var(--accent);font-size:.67rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;list-style:none}
.canonicalBeatMetadata>summary::-webkit-details-marker{display:none}
.canonicalBeatMetadata>summary::after{content:'+';font-size:1rem;line-height:1}
.canonicalBeatMetadata[open]>summary::after{content:'−'}
.canonicalBeatMetadataFields{display:grid;gap:.55rem;padding-top:.55rem}
.canonicalBeatToolList,.canonicalBeatSequenceList{display:grid;gap:.45rem}
.canonicalBeatToolCard,.canonicalBeatSequenceCard{border:1px solid var(--border);border-radius:10px;background:#fff;padding:.6rem;display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem;min-width:0}
.canonicalBeatToolCard>div:first-child{min-width:0}
.canonicalBeatToolCard span{color:var(--muted);font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.canonicalBeatToolCard h4{margin:.08rem 0;font-size:.86rem}
.canonicalBeatToolCard p,.canonicalBeatToolCard small{display:block;margin:.05rem 0;color:var(--muted);font-size:.67rem;overflow-wrap:anywhere}
.canonicalBeatToolPlacement{display:grid;gap:.18rem;margin-top:.45rem;color:var(--muted);font-size:.64rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.canonicalBeatToolPlacement select{width:100%;border:1px solid var(--border);border-radius:8px;background:#fff;padding:.4rem .45rem;color:var(--ink);font-size:.76rem;text-transform:none;letter-spacing:normal}
.canonicalBeatSequenceFields{flex:1;display:grid;grid-template-columns:minmax(140px,1.4fr) minmax(110px,.7fr) minmax(130px,1fr);gap:.45rem;min-width:0}
.canonicalBeatPreviewPanel{position:sticky;top:0;align-self:start;min-height:0;max-height:calc(100dvh - 8.5rem)}
.canonicalBeatPreviewHead{align-items:center}
.canonicalBeatPreviewHead p{margin:.12rem 0 0;color:var(--muted);font-size:.65rem}
.canonicalBeatPreviewToggle{display:inline-flex;gap:.22rem;border:1px solid var(--border);border-radius:999px;background:#fff;padding:.2rem}
.canonicalBeatPreviewToggle .btn{border-radius:999px;font-size:.64rem;padding:.3rem .48rem}
.canonicalBeatPreviewBody{min-height:0;overflow:hidden;padding:.55rem}
.canonicalBeatPreviewExperience{display:grid;gap:.45rem;min-height:0}
.canonicalBeatPreviewStage{min-height:330px;border:1px solid var(--border);border-radius:11px;background:#fff;overflow:hidden;cursor:pointer}
.canonicalBeatPreviewStage .storyBeatsSlide{min-height:330px}
.canonicalBeatPreviewControls{display:flex;align-items:center;justify-content:center;gap:.38rem}
.canonicalBeatPreviewControls span{min-width:5rem;text-align:center;color:var(--muted);font-size:.65rem;font-weight:850}
.canonicalBeatPreviewHint{margin:0;color:var(--muted);font-size:.63rem;line-height:1.35;text-align:center}
.canonicalBeatPreviewScrollViewport{height:calc(100dvh - 15rem);min-height:360px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--border);border-radius:11px;background:#fff;scrollbar-gutter:stable}
.canonicalBeatPreviewScrollViewport .storyBuilderWebProjection{min-height:100%;border:0;border-radius:0}
.canonicalBeatPreviewScrollSteps{display:grid;gap:.45rem;padding:.6rem;background:#f7f4ee}
.canonicalBeatPreviewScrollSteps article{min-height:7rem;border:1px solid var(--border);border-radius:10px;background:#fff;padding:.65rem;display:grid;align-content:center;gap:.16rem}
.canonicalBeatPreviewScrollSteps span{color:var(--accent);font-size:.61rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.canonicalBeatPreviewScrollSteps strong{font-family:var(--serif);font-size:.85rem}
@media(max-width:900px){.canonicalBeatBuilderLayout.has-planning-rail{grid-template-columns:44px 0 minmax(360px,1fr) 8px minmax(280px,var(--preview-column,32%))}.canonicalBeatColumnResizer.is-planning{display:none}.canonicalBeatPlanningRail:not(.is-rail-collapsed){width:44px}.canonicalBeatPlanningRail:not(.is-rail-collapsed) .canonicalBeatPlanningRailHead{border-bottom:0;padding:.3rem}.canonicalBeatPlanningRail:not(.is-rail-collapsed) .canonicalBeatPlanningRailHead .btn{min-width:0;padding:.42rem;justify-content:center}.canonicalBeatPlanningRail:not(.is-rail-collapsed) .canonicalBeatPlanningRailHead b,.canonicalBeatPlanningRail:not(.is-rail-collapsed) .canonicalBeatPlanningRailBody{display:none}}
@media(max-width:760px){.canonicalBeatBuilderLayout.has-planning-rail,.canonicalBeatBuilderLayout.has-planning-rail.planning-rail-collapsed,.canonicalBeatBuilderLayout.without-planning-rail{grid-template-columns:1fr}.canonicalBeatColumnResizer{display:none}.canonicalBeatPlanningRail,.canonicalBeatPlanningRail.is-rail-collapsed,.canonicalBeatPlanningRail:not(.is-rail-collapsed){position:static;width:auto;max-height:none}.canonicalBeatPlanningRail.is-rail-collapsed .canonicalBeatPlanningRailBody{display:none}.canonicalBeatPlanningRail:not(.is-rail-collapsed) .canonicalBeatPlanningRailBody{display:grid}.canonicalBeatPlanningRail:not(.is-rail-collapsed) .canonicalBeatPlanningRailHead b{display:inline}.canonicalBeatPreviewPanel{position:static;max-height:none}.canonicalBeatPreviewScrollViewport{height:70dvh}}
@media(max-width:760px){.libraryBeatDetail dl{grid-template-columns:repeat(2,minmax(0,1fr))}.libraryBeatPlanHandoff{align-items:stretch;flex-direction:column}}
@media(max-width:700px){.canonicalBeatBuilderHeader,.canonicalBeatToolCard,.canonicalBeatSequenceCard{display:grid}.canonicalBeatOpenPicker{min-width:100%}.canonicalBeatFormRow,.canonicalBeatSequenceFields{grid-template-columns:1fr}}

.storyBuilderShell{display:grid;gap:.7rem;min-width:0}
.storyBuilderHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border:1px solid var(--border);border-radius:14px;background:var(--paper);padding:.8rem}
.storyBuilderHeader>div:first-child span{display:block;color:var(--accent);font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.storyBuilderHeader h3{margin:.08rem 0;font-family:var(--serif);font-size:1.35rem}
.storyBuilderHeader p{margin:0;color:var(--muted);font-size:.72rem}
.storyBuilderModeControls{display:flex;align-items:center;justify-content:flex-end;gap:.35rem;flex-wrap:wrap}
.storyBuilderPresentationSettings>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.7rem .8rem;list-style:none}
.storyBuilderPresentationSettings>summary::-webkit-details-marker{display:none}
.storyBuilderPresentationSettings>summary h3,.storyBuilderPresentationSettings>summary p{margin:0}.storyBuilderPresentationSettings>summary p{color:var(--muted);font-size:.7rem}
.storyBuilderPresentationSettings[open]>summary{border-bottom:1px solid var(--border)}
.storyBuilderPresentationSettingsForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding:.7rem}
.storyBuilderPresentationSettingsForm label{display:grid;gap:.18rem;color:var(--muted);font-size:.66rem;font-weight:850}
.storyBuilderPresentationSettingsForm input,.storyBuilderPresentationSettingsForm textarea,.storyBuilderPresentationSettingsForm select{width:100%;border:1px solid var(--border);border-radius:8px;background:#fff;padding:.45rem .5rem;color:var(--ink);font:inherit;font-weight:500}
.storyBuilderPresentationSettingsForm textarea{min-height:68px;resize:vertical}.storyBuilderPresentationSettingsForm .wide{grid-column:1/-1}
.storyBuilderAudienceTreatmentGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;border-top:1px solid var(--border);padding-top:.55rem}
.storyBuilderColumns{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(480px,1.28fr);gap:.7rem;align-items:start;min-width:0}
.storyBuilderSpine,.storyBuilderPreviewPanel{min-width:0}
.storyBuilderSpine .workspacePanelHead{align-items:center}
.storyBuilderSpine select{max-width:260px;border:1px solid var(--border);border-radius:8px;background:#fff;padding:.42rem .5rem;color:var(--ink);font-size:.72rem}
.storyBuilderInsertToolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;border-bottom:1px solid var(--border);padding:.65rem;background:var(--paper)}
.storyBuilderInsertToolbar select{max-width:none;width:100%}
.storyBuilderPromotionBar{display:flex;align-items:center;justify-content:space-between;gap:.7rem;border:1px solid #b8c8b3;border-radius:12px;background:var(--accent-soft);padding:.65rem .75rem}
.storyBuilderPromotionBar>div:first-child{display:grid;gap:.08rem;min-width:0}
.storyBuilderPromotionBar strong{font-family:var(--serif);font-size:.95rem}
.storyBuilderPromotionBar span{color:var(--accent);font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.storyBuilderPromotionBar p{margin:0;color:var(--muted);font-size:.67rem;line-height:1.4}
.storyBuilderPromotionActions{display:flex;align-items:center;justify-content:flex-end;gap:.35rem;flex-wrap:wrap}
.storyBuilderPromotionActions label,.storyBuilderPromotionSelect{display:flex;align-items:center;gap:.3rem;color:var(--muted);font-size:.66rem;font-weight:800}
.storyBuilderPromotionSelect{width:max-content;max-width:100%;margin-top:.28rem;border-radius:999px;background:var(--paper);padding:.22rem .42rem}
.storyBuilderPromotionSelect input,.storyBuilderPromotionActions input{accent-color:var(--accent)}
.storyBuilderStorySaveBar{margin:.55rem .65rem 0;padding:.48rem .55rem}
.storyBuilderStorySaveBar strong{font-size:.82rem}
.storyBuilderStoryBeatSelect{margin:.2rem 0 0}
.storyBuilderCompositionList{display:grid;gap:.45rem}
.storyBuilderCompositionCard{display:grid;gap:.24rem;border:1px solid var(--border);border-radius:11px;background:#fff;padding:.65rem;cursor:pointer;outline:none}
.storyBuilderCompositionCard:hover,.storyBuilderCompositionCard:focus-visible{border-color:#8aa287;box-shadow:0 0 0 2px rgba(70,99,67,.12)}
.storyBuilderCompositionCard.is-selected{border-color:var(--accent);background:var(--accent-soft)}
.storyBuilderCompositionCard>span{color:var(--accent);font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.storyBuilderCompositionCard h4{margin:0;font-family:var(--serif);font-size:1rem}
.storyBuilderCompositionCard p{margin:0;color:var(--muted);font-size:.72rem;line-height:1.4}
.storyBuilderCompositionCard>.btn{justify-self:start;margin-top:.2rem}
.storyBuilderCardActions{display:flex;align-items:center;justify-content:space-between;gap:.4rem;flex-wrap:wrap;margin-top:.28rem}
.storyBuilderItemControls{display:flex;gap:.28rem;flex-wrap:wrap}
.storyBuilderLocalEditor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;border-top:1px solid var(--border);margin-top:.35rem;padding-top:.5rem}
.storyBuilderLocalEditor label{display:grid;gap:.18rem;color:var(--muted);font-size:.65rem;font-weight:800}
.storyBuilderLocalEditor .wide{grid-column:1/-1}
.storyBuilderLocalEditor input,.storyBuilderLocalEditor select,.storyBuilderLocalEditor textarea{width:100%;border:1px solid var(--border);border-radius:7px;background:#fff;padding:.4rem;color:var(--ink);font:inherit;font-weight:500}
.storyBuilderLocalEditor textarea{min-height:72px;resize:vertical}
.storyBuilderLocalEditor .btn{justify-self:start}
.storyBuilderLocalAdaptationHead p{margin:.15rem 0 0}
.storyBuilderBeatAdaptationEditor{background:rgba(255,255,255,.58);border:1px solid var(--border);border-radius:8px;padding:.55rem}
.storyBuilderNestedBeatAdaptations{display:grid;gap:.4rem;border-top:1px solid var(--border);margin-top:.45rem;padding-top:.5rem}
.storyBuilderNestedBeatAdaptation{border:1px solid var(--border);border-radius:8px;background:rgba(255,255,255,.62);overflow:hidden}
.storyBuilderNestedBeatAdaptation>summary{cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.12rem .45rem;padding:.45rem .5rem;list-style:none}.storyBuilderNestedBeatAdaptation>summary::-webkit-details-marker{display:none}
.storyBuilderNestedBeatAdaptation>summary span,.storyBuilderNestedBeatAdaptation>summary small{color:var(--muted);font-size:.61rem}.storyBuilderNestedBeatAdaptation>summary small{grid-column:2}
.storyBuilderNestedBeatAdaptation form{margin:0;border-top:1px solid var(--border);padding:.5rem}
.storyBuilderStoryMeaning{min-width:0}
.storyBuilderStoryMetadata>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.7rem .8rem;list-style:none;color:var(--accent);font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.storyBuilderStoryMetadata>summary::-webkit-details-marker{display:none}
.storyBuilderStoryMetadata>summary::after{content:'+';font-size:1rem;line-height:1}
.storyBuilderStoryMetadata[open]>summary{border-bottom:1px solid var(--border)}
.storyBuilderStoryMetadata[open]>summary::after{content:'−'}
.storyBuilderStoryForm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}
.storyBuilderStoryForm label,.storyBuilderStoryUseEditor label{display:grid;gap:.2rem;color:var(--muted);font-size:.65rem;font-weight:800}
.storyBuilderStoryForm input,.storyBuilderStoryForm textarea,.storyBuilderStoryUseEditor input,.storyBuilderStoryUseEditor textarea{width:100%;border:1px solid var(--border);border-radius:7px;background:#fff;padding:.45rem;color:var(--ink);font:inherit;font-weight:500}
.storyBuilderStoryForm textarea{min-height:78px;resize:vertical}
.storyBuilderStoryUseEditor{display:grid;grid-template-columns:minmax(150px,.55fr) minmax(240px,1.45fr);gap:.4rem;border-top:1px solid var(--border);margin-top:.35rem;padding-top:.5rem}
.storyBuilderStoryUseEditor textarea{min-height:58px;resize:vertical}
.storyBuilderCardFacts{display:flex;gap:.3rem;flex-wrap:wrap}
.storyBuilderCardFacts small{border:1px solid var(--border);border-radius:999px;background:var(--paper);padding:.12rem .36rem;color:var(--muted);font-size:.61rem}
.storyBuilderUpdateNotice{display:flex;align-items:center;justify-content:space-between;gap:.45rem;flex-wrap:wrap;border-left:3px solid #b58f20;background:var(--gold);padding:.4rem .48rem;color:#65531d;font-size:.68rem;line-height:1.35}
.storyBuilderUpdateNotice .btn{background:#fffdf8;color:#65531d}
.storyBuilderUpdateReview{display:grid;gap:.45rem;border:1px solid #b58f20;border-radius:9px;background:#fffdf1;padding:.6rem;color:#554817}
.storyBuilderUpdateReview>strong{font-family:var(--serif);font-size:.9rem}
.storyBuilderUpdateReview>p,.storyBuilderUpdateReview>small{margin:0;color:#65531d;font-size:.67rem;line-height:1.45}
.storyBuilderUpdateReview .actions{display:flex;gap:.35rem;flex-wrap:wrap}
.storyBuilderUpdateComparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}
.storyBuilderUpdateComparison span{border:1px solid #ddd1a1;border-radius:7px;background:#fff;padding:.35rem;font-size:.65rem;overflow-wrap:anywhere}
.storyBuilderPreviewStage{min-height:420px;border:1px solid var(--border);border-radius:12px;background:#f1eee7;padding:.65rem;overflow:auto}
.storyBuilderPreviewToggle{display:inline-flex;gap:.2rem;border:1px solid var(--border);border-radius:999px;background:#fff;padding:.18rem}
.storyBuilderPreviewToggle .btn{border-radius:999px;font-size:.64rem;padding:.3rem .48rem}
.storyBuilderPresentationStage{min-height:390px;display:grid;place-items:center}
.storyBuilderPresentationStage .storyBeatSlide{width:min(100%,900px);min-height:360px}
.storyBuilderWebProjection{width:min(100%,760px);margin:auto;background:#fff;color:var(--ink);border-radius:10px;overflow:hidden}
.storyBuilderWebProjectionLayout-immersive{width:min(100%,1080px)}
.storyBuilderWebProjectionLayout-full_bleed{width:100%;max-width:none;border-radius:0}
.storyBuilderWebProjection>header{padding:clamp(1rem,4vw,2.5rem);background:var(--paper)}
.storyBuilderWebProjection>header span{color:var(--accent);font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.storyBuilderWebProjection>header h2{margin:.3rem 0;font-family:var(--serif);font-size:clamp(1.7rem,4vw,3rem)}
.storyBuilderWebProjection>header p{max-width:42rem;color:var(--muted);line-height:1.55}
.storyBuilderWebScreenText{padding:clamp(1rem,4vw,2.5rem);font-size:1.08rem;line-height:1.65}
.storyBuilderWebTool{padding:clamp(1rem,4vw,2.5rem)}
.storyBuilderWebTool.is-missing{border:1px dashed var(--border);margin:1rem;color:var(--muted)}
.storyBuilderWebNarrationCard{margin:0 clamp(1rem,4vw,2.5rem) clamp(1rem,4vw,2.5rem);border-left:4px solid var(--accent);background:var(--accent-soft);padding:.85rem 1rem}
.storyBuilderWebNarrationCard span{color:var(--accent);font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.storyBuilderWebNarrationCard p{margin:.25rem 0 0;line-height:1.55}
.storyBeatImageCredit{display:block;margin-top:.4rem;color:var(--muted);font-size:.65rem;line-height:1.35}
.scrollyButtonSwitchRenderer nav{display:flex;flex-wrap:wrap;gap:.4rem;margin:.7rem 0}
.scrollyButtonSwitchRenderer nav button{border:1px solid var(--accent);border-radius:999px;background:#fff;color:var(--accent);padding:.4rem .65rem;font-weight:850;opacity:1}
.scrollyButtonSwitchPanels{display:grid}
.scrollyButtonSwitchPanel{grid-area:1/1;border:1px solid var(--border);border-radius:9px;background:#fffef9;padding:1rem;transition:opacity .16s ease}
.scrollyButtonSwitchPanel figure{margin:.65rem 0 0}.scrollyButtonSwitchPanel img{display:block;width:100%;max-height:420px;object-fit:cover}.scrollyButtonSwitchPanel figcaption{padding:.35rem 0;color:var(--muted);font-size:.72rem}
.scrollyButtonSwitchPanel.is-runtime-dimmed{visibility:hidden;opacity:0}.scrollyButtonSwitchPanel.is-runtime-active{visibility:visible;opacity:1}
.storyBuilderWebProjection[data-web-projection-progression="static"] .scrollyButtonSwitchPanel:not(:first-child){display:none}
.storyBuilderStoryPreview{display:grid;gap:1rem}
.storyBuilderStoryPreview>section{display:grid;gap:.35rem}
.storyBuilderStoryPreview>section>span{color:var(--accent);font-size:.64rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.storyBuilderStandaloneToolPreview{min-height:360px;display:grid;place-items:center;background:#fff;border-radius:10px;padding:1rem}
.storyBuilderPreservedPreview{min-height:360px;display:grid;place-content:center;text-align:center;border:2px dashed #b58f20;border-radius:10px;background:#fff9df;color:#65531d;padding:1.5rem}
.storyBuilderPreservedPreview p{max-width:34rem;line-height:1.5}
.storyBuilderLocalPreview{min-height:360px;display:grid;align-content:center;border-radius:10px;background:#fff;padding:clamp(1.2rem,5vw,4rem)}
.storyBuilderLocalPreview>span{color:var(--accent);font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em}
.storyBuilderLocalPreview h2{margin:.35rem 0;font-family:var(--serif);font-size:clamp(2rem,5vw,4rem)}
.storyBuilderLocalPreview p{max-width:48rem;font-size:1.05rem;line-height:1.65}
.storyBuilderLocalPreview.is-transition{text-align:center;background:var(--accent);color:#fff}
.storyBuilderLocalPreview.is-transition>span{color:#dcebd9}
.storyBuilderLocalPreview.is-centered{text-align:center;justify-items:center}
.storyBuilderLocalPreview.is-centered p{margin-left:auto;margin-right:auto}
.storyBuilderLocalPreview.is-divider{text-align:center;justify-items:center;min-height:260px}
.storyBuilderLocalPreview.is-divider hr{width:min(18rem,60%);border:0;border-top:3px solid var(--accent);margin:.5rem auto 1.2rem}
.storyBuilderLocalPreview.is-share,.storyBuilderLocalPreview.is-related,.storyBuilderLocalPreview.is-roomsense{min-height:300px;border:1px solid var(--border)}
.storyBuilderLocalPreview.is-share .btn{justify-self:start}
.storyBuilderLocalPreview.is-roomsense{background:var(--accent-soft)}
.storyBuilderPreviewEmpty{min-height:390px;display:grid;place-content:center;text-align:center;color:var(--muted)}
.storyBuilderCapabilityPanel{margin-top:.65rem;border:1px solid var(--border);border-radius:11px;background:#fff;padding:.65rem}
.storyBuilderCapabilityPanel>h4,.storyBuilderCapabilityPanel>p{margin:.1rem 0}
.storyBuilderCapabilityPanel>p,.storyBuilderCapabilityEmpty{color:var(--muted);font-size:.68rem}
.storyBuilderCapability{display:grid;grid-template-columns:minmax(120px,.65fr) 1fr 1fr;gap:.45rem;border-top:1px solid var(--border);padding:.5rem 0;align-items:start}
.storyBuilderCapability>div{display:grid;gap:.12rem}
.storyBuilderCapability span{width:max-content;max-width:100%;border-radius:999px;padding:.14rem .38rem;background:var(--accent-soft);color:var(--accent);font-size:.61rem;font-weight:900;overflow-wrap:anywhere}
.storyBuilderCapability span[data-capability-status="unsupported_but_preserved"]{background:var(--gold);color:#65531d}
.storyBuilderCapability small{color:var(--muted);font-size:.63rem;line-height:1.35}
.storyBuilderModuleMappingPanel{margin:.75rem 0;border:1px solid var(--border);border-radius:12px;background:#fff;padding:.7rem}
.storyBuilderModuleMappingPanel>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;font-weight:900;color:var(--ink)}
.storyBuilderModuleMappingPanel>summary span{font-family:var(--serif);font-size:1rem}
.storyBuilderModuleMappingPanel>summary strong{border-radius:999px;padding:.2rem .5rem;background:var(--accent-soft);color:var(--accent);font-size:.64rem}
.storyBuilderModuleMappingPanel>p{margin:.45rem 0 .65rem;color:var(--muted);font-size:.7rem;line-height:1.45}
.storyBuilderModuleMappingTableWrap{max-width:100%;overflow:auto;border:1px solid var(--border);border-radius:9px;background:#fff}
.storyBuilderModuleMappingTable{width:100%;min-width:880px;border-collapse:collapse;font-size:.68rem;text-align:left}
.storyBuilderModuleMappingTable th{padding:.48rem .55rem;background:var(--paper-2);color:var(--muted);font-size:.61rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
.storyBuilderModuleMappingTable td{min-width:150px;padding:.55rem;vertical-align:top;border-top:1px solid var(--border)}
.storyBuilderModuleMappingTable td:first-child{min-width:190px}.storyBuilderModuleMappingTable td:last-child{min-width:210px}
.storyBuilderModuleMappingTable td>strong,.storyBuilderModuleMappingTable td>small{display:block;overflow-wrap:anywhere}
.storyBuilderModuleMappingTable td>small{margin-top:.18rem;color:var(--muted);font-size:.61rem;line-height:1.4}
.storyBuilderModuleMappingTable [data-module-mapping-status]{display:inline-block;border-radius:999px;padding:.14rem .4rem;background:var(--accent-soft);color:var(--accent);font-size:.61rem;font-weight:900}
.storyBuilderModuleMappingTable [data-module-mapping-status="web_fallback"],.storyBuilderModuleMappingTable [data-module-mapping-status="generic_fallback"]{background:#ece8df;color:#5f5a53}
.storyBuilderModuleMappingTable [data-module-mapping-status="web_only"],.storyBuilderModuleMappingTable [data-module-mapping-status="unsupported_subtype"]{background:var(--gold);color:#65531d}
.storyBuilderModuleMappingTable [data-module-mapping-status="missing_source"]{background:#fbe4e1;color:#8b2d24}
.storyBuilderProjectedMapping{grid-column:1 / -1;margin-top:.65rem;padding-top:.55rem;border-top:1px solid var(--border)}
.storyBuilderProjectedMapping h4{margin:0 0 .4rem;font-size:.72rem}.storyBuilderProjectedMapping .storyBuilderModuleMappingTable{min-width:760px}
@media(max-width:1050px){.storyBuilderColumns{grid-template-columns:1fr}.storyBuilderHeader,.storyBuilderPromotionBar{display:grid}.storyBuilderModeControls,.storyBuilderPromotionActions{justify-content:flex-start}.storyBuilderWebAdaptationGrid{grid-template-columns:1fr 1fr}.storyBuilderWebNarrationChoices{grid-column:1 / -1}.storyBuilderAudienceTreatmentGrid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.storyBuilderWebInsertBar{display:grid}.storyBuilderWebInsertBar>div:last-child{min-width:0;width:100%;grid-template-columns:1fr}}
@media(max-width:700px){.storyBuilderWebAdaptationHead,.storyBuilderWebNoteRow{display:grid}.storyBuilderWebAdaptationGrid{grid-template-columns:1fr}.storyBuilderWebNarrationChoices{grid-column:auto}.storyBuilderWebAdaptationHead .btn,.storyBuilderWebNoteRow .btn{justify-self:start}}
@media(max-width:850px){.storyBuilderWebProjectionAdapterGrid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.storyBuilderWebProjectionAdapterGrid{grid-template-columns:1fr}.storyBuilderWebProjectionAdapter>header{display:grid}}
@media(max-width:700px){.storyBuilderCapability,.storyBuilderUpdateComparison{grid-template-columns:1fr}.storyBuilderSpine .workspacePanelHead{display:grid}.storyBuilderSpine select{max-width:none;width:100%}.storyBuilderInsertToolbar,.storyBuilderLocalEditor,.storyBuilderStoryForm,.storyBuilderStoryUseEditor,.storyBuilderPresentationSettingsForm,.storyBuilderAudienceTreatmentGrid{grid-template-columns:1fr}.storyBuilderLocalEditor .wide,.storyBuilderPresentationSettingsForm .wide{grid-column:auto}}

/* Review panes need their own scroll containers inside the workspace. */
#workspaceContent > .reviewWorkspace {
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
  overflow: hidden;
}
.reviewWorkspace .workspacePanel {
  height: 100%;
  min-height: 0;
}
.reviewWorkspace .workspacePanelBody {
  min-height: 0;
}
.sourcePanel .workspacePanelBody {
  overflow: hidden;
}
.reviewOutputPanel .workspacePanelBody {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.workspacePage.is-focus .reviewOutputPanel .workspacePanelBody {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.workspacePage.is-focus .sourcePanel .workspacePanelBody {
  overflow: hidden;
}
.sourceDraft {
  min-height: 0;
}
.kanban-panel .panel-body {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.kanban-panel .workspace {
  width: 100%;
  min-width: 0;
  grid-template-columns: 1fr;
  grid-template-rows: auto minmax(0, 1fr);
}
.studioLinks .btn {
  gap: .25rem;
}
.atelierLegacyReadOnlyNotice {
  position: sticky;
  top: 0;
  z-index: 10000;
  padding: .65rem 1rem;
  border-bottom: 1px solid #8b6c2f;
  background: #fff2c7;
  color: #34270d;
  font-weight: 700;
  text-align: center;
}
.atelierLegacyReadOnlyNotice a {
  color: inherit;
  text-decoration-thickness: 2px;
  text-underline-offset: .16em;
}
@media (max-width: 1180px) {
  .kanban-panel .workspace {
    width: 100%;
    min-width: 0;
    grid-template-columns: 1fr;
  }
}
@media (max-width: 1050px) {
  #workspaceContent > .reviewWorkspace,
  .reviewWorkspace.focusReview {
    display: grid;
    grid-template-columns: 1fr;
    gap: .75rem;
    height: auto;
    overflow: visible;
  }
  .reviewWorkspace .workspacePanel {
    height: auto;
    min-height: 0;
  }
  .sourcePanel .workspacePanelBody,
  .reviewOutputPanel .workspacePanelBody {
    max-height: 62dvh;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .sourceDraft {
    min-height: 260px;
  }
}