/* MPC v10.6 · Creative workspace. Writer first. Visuals as an actual collage. */
.creative-shell{--cw-orange:#ff762e;display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,290px);gap:20px;align-items:start;position:relative;min-width:0}
.creative-main{min-width:0}.creative-side{display:grid;gap:14px;align-self:start;min-width:0;position:sticky;top:18px;max-height:calc(100vh - 32px);overflow:auto;scrollbar-width:thin}
.cw-editor-head{padding-bottom:18px;margin-bottom:18px}.cw-editor-head .muted-link{margin:0 0 10px}.cw-editor-head h1{font-size:clamp(44px,5vw,74px);line-height:1.05;margin:.2em 0 .15em}
.cw-workbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:14px}.cw-tabs{display:flex;gap:3px;padding:4px;border:1px solid #3b373a;background:#1b1a1d;border-radius:10px}.cw-tabs button{background:transparent;border:0;color:#aaa3a6;border-radius:7px;font-size:12px;font-weight:750;padding:11px 13px;cursor:pointer}.cw-tabs button.active{background:#373034;color:#fff}.cw-tabs button:focus-visible{outline:2px solid var(--cw-orange);outline-offset:1px}.cw-tools{display:flex;gap:8px}
.cw-button{font:inherit;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:10px 12px;color:#e7dedd;background:#252326;border:1px solid #4b4549;border-radius:8px;font-size:11px;font-weight:750;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.cw-button:hover{border-color:#a58272;color:#fff}.cw-button:focus-visible{outline:2px solid #ff762e;outline-offset:2px}.cw-button:disabled{opacity:.5;cursor:wait}.cw-button.cw-primary{background:var(--cw-orange);border-color:var(--cw-orange);color:#1b130e}.cw-button.cw-primary:hover{background:#ff9a62}.cw-button.cw-danger{color:#eda9a9}.cw-pane[hidden],.cw-pinned[hidden],.cw-quick-drawer[hidden]{display:none!important}
.cw-side-box{border:1px solid #39363a;background:#1a191c;padding:16px;border-radius:12px;display:grid;gap:13px}.cw-side-box h3{font-size:17px;margin:0}.cw-side-box p{font-size:11px;color:#999398;margin:0;line-height:1.5}.cw-side-box small{font-size:9px;color:#86818a}.cw-side-box label{font-size:9px;color:#aaa3a6;letter-spacing:.06em;font-weight:760;display:grid;gap:6px}.cw-side-box label input:not([type=checkbox]):not([type=file]),.cw-side-box label select{font-size:12px;padding:9px 10px;color:#efecec;background:#101013;border:1px solid #444146;border-radius:7px;max-width:100%}.cw-side-box .switchline{display:flex;align-items:center;gap:8px}.cw-side-box .switchline input{width:17px;height:17px}.cw-side-heading{display:flex;justify-content:space-between;align-items:center;gap:9px}.cw-cover-mini{border-radius:9px;overflow:hidden;border:1px solid #494348;background:#242126;aspect-ratio:16/9;display:grid;place-items:center}.cw-cover-mini img{height:100%;width:100%;object-fit:cover}.cw-cover-placeholder{font-family:'Barlow Condensed',Impact,sans-serif;letter-spacing:.12em;color:#79737a;font-size:15px}.cw-cover-action{cursor:pointer}.cw-cover-action input{display:block;width:100%;max-width:100%;background:#101013;padding:6px;border-radius:7px;color:#a9a3a7;font-size:10px}.cw-cover-actions{display:flex;gap:8px;flex-wrap:wrap}.cw-save-metadata{width:100%}.cw-promotion{gap:9px}.cw-promotion a{color:#ffac84}.cw-promotion>.cw-button{color:#131011}
.cw-panel-head{display:flex;gap:16px;justify-content:space-between;align-items:center;margin:10px 0 18px}.cw-panel-head small{font-size:10px;letter-spacing:.14em;font-weight:800;color:#df916c}.cw-panel-head h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(32px,4vw,44px);margin:5px 0 6px;text-transform:uppercase;line-height:1}.cw-panel-head h2 span{color:var(--cw-orange)}.cw-panel-head p{font-size:12px;line-height:1.5;color:#aba1a7;margin:0;max-width:670px}.cw-panel-head .cw-button{flex-shrink:0}
.cw-moodboard{min-height:340px;border:1px dashed #4a4044;border-radius:12px;padding:12px;background:#151416}.cw-masonry{columns:3 180px;column-gap:12px}.cw-tile{display:block;position:relative;width:100%;border:1px solid #424044;margin:0 0 12px;break-inside:avoid;padding:0;overflow:hidden;background:#252225;border-radius:9px;cursor:zoom-in;text-align:left;box-shadow:0 12px 24px #0002;transition:transform .18s ease,border-color .18s}.cw-tile:hover{border-color:#ff762e;transform:translateY(-2px)}.cw-tile img{width:100%;height:auto;max-height:460px;object-fit:cover;display:block}.cw-tile-footer{position:absolute;bottom:0;left:0;right:0;padding:27px 12px 11px;background:linear-gradient(0deg,rgba(5,5,8,.93),rgba(5,5,8,0));color:#f8f4f2;display:flex;justify-content:space-between;gap:6px}.cw-tile-footer b{font-size:10px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cw-tile-footer span{font-size:16px;color:#ffad81}.cw-drag-active .cw-moodboard,.cw-drag-active .sm-write-drop{outline:2px dashed #ff762e;outline-offset:-8px;background:#291f1d}
.cw-empty{min-height:310px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;text-align:center;padding:35px;color:#bbb1b1}.cw-empty b{font-family:'Barlow Condensed',Impact,sans-serif;color:#f0eae8;font-size:27px;text-transform:uppercase}.cw-empty p{max-width:390px;font-size:13px;line-height:1.55;margin:0 0 10px}.cw-empty-icon{color:#ff762e;font-size:34px}.cw-error{color:#f5a9a2!important}.cw-empty-small{font-size:12px;color:#aaa0a2;margin:15px 0}
.cw-linked{margin-top:18px;border:1px solid #353137;background:#1c1a1d;border-radius:10px;padding:18px}.cw-linked details summary{font-size:12px;cursor:pointer;font-weight:700;color:#e4dada}.cw-linked p{color:#a49ba0;font-size:11px;line-height:1.5}.cw-linked .inline-form{max-width:490px}.cw-link-row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:13px 0;border-top:1px solid #393238}.cw-link-row a{font-size:12px;color:#e9baa3}.cw-link-row small{display:block;font-size:10px;color:#aaa}.cw-linked .cw-button{margin-top:8px}
.cw-image-dialog{border:1px solid #534951;padding:0;border-radius:13px;background:#19171b;color:#fff;width:min(1080px,calc(100vw - 34px));max-height:92vh;overflow:auto;box-shadow:0 36px 120px #000d}.cw-image-dialog::backdrop{background:rgba(0,0,0,.86)}.cw-modal-head{display:flex;justify-content:space-between;gap:12px;padding:16px 22px;border-bottom:1px solid #42393f}.cw-modal-head small{font-size:9px;letter-spacing:.13em;color:#ff944e}.cw-modal-head h3{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-size:34px;margin:4px 0 0}.cw-modal-head button,.cw-quick-head button,.cw-pinned-head button{border:0;background:transparent;color:#fff;font-size:23px;cursor:pointer}.cw-modal-body{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(270px,1fr);gap:0}.cw-modal-body>img{width:100%;max-height:71vh;height:100%;object-fit:contain;background:#09090a}.cw-modal-fields{padding:22px;border-left:1px solid #443a42;max-height:75vh;overflow:auto}.cw-modal-fields form{display:grid;gap:15px}.cw-modal-fields label{font-size:10px;letter-spacing:.07em;font-weight:750;display:grid;gap:7px;color:#aaa1a5}.cw-modal-fields label small{font-size:10px;font-weight:400;letter-spacing:0;color:#888}.cw-modal-fields input,.cw-modal-fields textarea,.cw-modal-fields select{background:#0f0e11;border:1px solid #4a434a;padding:12px;border-radius:8px;color:#f6f0ef;font-size:13px;width:100%}.cw-modal-fields textarea{resize:vertical}.cw-modal-actions{display:flex;flex-wrap:wrap;gap:7px}
.cw-new-note{border:1px solid #424047;border-radius:12px;background:#211e22;padding:20px;display:grid;gap:12px}.cw-new-note textarea{background:#111013;border:1px solid #4b4148;border-radius:8px;color:#fff;padding:16px;resize:vertical;min-height:110px;font-size:15px;line-height:1.6}.cw-new-note .cw-button{justify-self:start}.cw-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:16px}.cw-note{border:1px solid #494045;border-radius:10px;padding:17px;background:#292429;min-width:0;cursor:grab}.cw-note-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.cw-note-top span{font-size:9px;color:#e9a17c}.cw-note-top small{font-size:10px;color:#aaa}.cw-note p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.65;color:#efeaec}.cw-history-item{display:flex;gap:14px;justify-content:space-between;align-items:start;background:#211d20;padding:14px;margin:9px 0;border:1px solid #433a40;border-radius:10px}.cw-history-item b{font-size:13px;color:#eee}.cw-history-item small{color:#a89fa3;display:block;margin-top:4px;font-size:10px}.cw-history-item p{color:#b2a4a8;font-size:11px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.cw-legacy-list{margin:14px 0;display:grid;gap:12px}.cw-legacy-field{font-size:11px;color:#ddd;font-weight:700}.cw-legacy-field small{font-size:10px;font-weight:400;color:#9b9299}.cw-legacy-field textarea{width:100%;background:#111013;border:1px solid #454047;border-radius:8px;padding:12px;color:#f5eeee;resize:vertical}
.cw-quick-drawer{position:fixed;right:24px;bottom:22px;z-index:80;width:min(370px,calc(100vw - 32px));padding:14px;background:#232024;border:1px solid #795546;border-radius:13px;box-shadow:0 24px 60px #0009}.cw-quick-head{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#ff9d6c;margin-bottom:8px}.cw-quick-drawer textarea{background:#111013;color:#fff;border:1px solid #454044;border-radius:7px;padding:14px;width:100%;resize:vertical;font-size:13px}.cw-quick-drawer form{display:grid;gap:10px}.cw-quick-drawer .cw-button{justify-self:end}
.cw-pinned{position:sticky;bottom:10px;z-index:3;background:#211f22;border:1px solid #8b624e;border-radius:11px;padding:12px;max-width:280px;margin:16px 0 0 auto;box-shadow:0 14px 35px #0008}.cw-pinned-head{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#ffad80}.cw-pinned img{width:100%;max-height:240px;object-fit:contain}.cw-pinned p{font-size:11px;margin:5px 0}.cw-pinned a{font-size:11px;color:#ffb38e}
.creative-shell.cw-focus{grid-template-columns:minmax(0,1fr)}.creative-shell.cw-focus .creative-side{display:none}.creative-shell.cw-focus .sm-shell{max-width:100%}.creative-shell.cw-focus .cw-workbar{position:sticky;top:0;background:#101012;z-index:2;padding:10px 0}
/* Writer view (v10.6) */
.creative-shell .sm-shell{margin:0;border-radius:12px}.creative-shell .sm-header-compact{padding:20px}.creative-shell .sm-header-compact h2{font-size:31px}.creative-shell .sm-panel{min-width:0}.creative-shell .sm-map-stack{min-width:0}.creative-shell .sm-inline-inspector{padding:20px 24px;border-top:1px solid #3c373b;background:#221f22}.creative-shell .sm-inline-inspector .sm-inspector-actions{margin-top:14px}.creative-shell .sm-inline-inspector label{display:grid;gap:8px;font-size:10px;color:#aaa;margin-top:10px}.creative-shell .sm-inline-inspector input,.creative-shell .sm-inline-inspector textarea{width:100%;border:1px solid #474047;background:#111013;color:#fff;border-radius:8px;padding:13px;font-size:13px}.creative-shell .sm-inline-inspector textarea{min-height:150px}
.sm-writer{padding:0}.sm-beat-nav{display:flex;overflow:auto;gap:4px;padding:12px 16px;background:#151416;scrollbar-width:thin}.sm-beat-nav button{flex:0 0 auto;border:0;background:transparent;border-bottom:2px solid transparent;color:#817c81;padding:10px 13px;cursor:pointer;font-size:11px;font-weight:800}.sm-beat-nav button small{margin-right:7px;color:#766d70}.sm-beat-nav button.on{border-bottom-color:#ff762e;color:#ffdfce}.sm-writing-body{padding:clamp(18px,3vw,34px);max-width:1000px;margin:auto}.sm-writing-heading{display:flex;align-items:start;gap:15px;justify-content:space-between}.sm-writing-heading h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(34px,4vw,49px);line-height:1;margin:4px 0}.sm-writing-heading p{font-size:12px;color:#a9a1a2;margin:0}.sm-writer-actions{display:flex;gap:6px}.sm-writer-actions .sm-secondary{padding:9px;font-size:10px}.sm-writer-actions .sm-secondary:disabled,.sm-write-footer button:disabled{opacity:.38;cursor:default}
.sm-variation-head{display:flex;justify-content:space-between;margin:23px 0 9px;align-items:center;font-size:11px}.sm-variation-head small{color:#988f94}.sm-variations{display:flex;gap:9px;overflow-x:auto;scrollbar-width:thin;padding:0 0 12px}.sm-variation{display:grid;gap:7px;text-align:left;flex:0 0 140px;min-height:75px;border-radius:8px;background:#242124;border:1px solid #423c41;color:#e1dce0;padding:11px;cursor:pointer}.sm-variation.on{border-color:#ff762e;background:#362621}.sm-variation small{font-size:8px;color:#aa8e80;letter-spacing:.11em}.sm-variation b{font-size:11px;overflow-wrap:anywhere;line-height:1.35}.sm-variation.sm-add{border-style:dashed;display:grid;place-items:center;color:#ffac80;font-weight:800}
.sm-write-fields{display:grid;gap:20px;margin-top:8px}.sm-write-fields label{display:grid;gap:9px;color:#a79b9c;letter-spacing:.08em;font-size:10px;font-weight:800}.sm-write-fields input{font-weight:750;font-size:clamp(20px,2.4vw,27px);border:0;border-bottom:1px solid #514347;background:transparent;color:#fff;padding:10px 0 14px;letter-spacing:-.02em;width:100%}.sm-write-fields textarea{width:100%;border:1px solid #39343b;background:#171619;color:#f4eeee;line-height:1.85;font-size:clamp(15px,1.5vw,18px);padding:21px;border-radius:10px;resize:vertical;min-height:300px;font-family:inherit;font-weight:420}.sm-write-fields textarea:focus,.sm-write-fields input:focus{outline:2px solid #ff762e40;border-color:#ff762e}.sm-write-fields textarea[readonly],.sm-write-fields input[readonly]{opacity:.55;cursor:not-allowed}.sm-edit-guard{background:#3a2a24;border:1px solid #a3714f;padding:15px;border-radius:10px;margin:14px 0}.sm-edit-guard b{font-size:12px;color:#fff}.sm-edit-guard p{font-size:11px;color:#d5bbb0;margin:6px 0 13px}.sm-edit-guard>div{display:flex;flex-wrap:wrap;gap:8px}.sm-edit-guard .sm-primary,.sm-edit-guard .sm-secondary{padding:9px 11px}
.sm-write-drop{margin:16px 0;border:1px dashed #4d4446;border-radius:9px;padding:14px;color:#aba0a1;font-size:11px;display:flex;align-items:center;flex-wrap:wrap;gap:7px}.sm-write-drop>span{font-size:20px;color:#ff762e}.sm-write-drop button{border:0;background:transparent;color:#ffae87;cursor:pointer;text-decoration:underline}.sm-write-images{display:flex;gap:10px;overflow:auto;scrollbar-width:thin}.sm-attachment{flex:0 0 125px;background:#252024;padding:0;border:1px solid #3d383a;border-radius:9px;color:#eee;overflow:hidden;text-align:left}.sm-attachment img{width:100%;height:100px;object-fit:cover}.sm-attachment small{display:block;font-size:10px;padding:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sm-write-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:25px}.sm-write-footer span{font-size:10px;color:#8e8386}
@media(max-width:1350px){.creative-shell{grid-template-columns:minmax(0,1fr) minmax(210px,250px)}.cw-masonry{columns:2 170px}}
@media(max-width:1050px){.creative-shell{grid-template-columns:minmax(0,1fr)}.creative-side{position:static;max-height:none;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr))}.cw-side-box:first-child{grid-row:span 2}.cw-masonry{columns:3 150px}}
@media(max-width:700px){.cw-workbar{align-items:start;flex-direction:column}.cw-tabs{width:100%;overflow-x:auto}.cw-tabs button{flex:1;padding:10px 8px;font-size:11px}.cw-tools{width:100%;justify-content:space-between}.creative-side{grid-template-columns:1fr}.cw-panel-head{align-items:start;flex-direction:column}.cw-panel-head>.cw-button{align-self:start}.cw-masonry{columns:2 130px}.cw-moodboard{padding:7px}.cw-tile{margin-bottom:7px}.cw-modal-body{grid-template-columns:1fr}.cw-modal-body>img{max-height:40vh}.cw-modal-fields{max-height:none;border-left:0;border-top:1px solid #423a40}.cw-notes{grid-template-columns:1fr}.sm-writer-actions{display:none}.sm-write-footer span{display:none}.sm-writing-body{padding:18px}.sm-write-fields textarea{min-height:230px}.cw-pinned{max-width:220px}.creative-shell .sm-header-compact h2{font-size:29px}.creative-shell .sm-header-compact{padding:17px}.creative-shell .sm-header-compact .sm-top-actions{width:100%}.creative-shell .sm-top-actions .sm-secondary{flex:1}.creative-shell .sm-map-toolbar{min-height:0}}
@media(prefers-reduced-motion:reduce){.cw-tile,.cw-button{transition:none}}
.sm-edit-tip{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-top:11px;padding:9px 12px;border-left:2px solid #a87c60;background:#292221;border-radius:5px;color:#bdb0a9;font-size:10px;line-height:1.4}.sm-edit-tip button{background:none;border:0;padding:5px 2px;color:#ffb082;text-decoration:underline;cursor:pointer;font-size:10px;white-space:nowrap}
/* MPC v10.6.4 true full-screen Focus Mode: all nav and page padding are covered. */
html.mpc-immersive-writing,body.mpc-immersive-writing{overflow:hidden!important}
.creative-shell.cw-focus{position:fixed!important;inset:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;min-height:100dvh!important;z-index:2147480000!important;display:block!important;background:#101012!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:stable}
.creative-shell.cw-focus .creative-main{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
.creative-shell.cw-focus .cw-workbar{position:sticky!important;top:0!important;left:0!important;right:0!important;z-index:50!important;margin:0!important;padding:12px 18px!important;border-bottom:1px solid #373337!important;background:#151416!important}
.creative-shell.cw-focus .cw-pane,.creative-shell.cw-focus #story-map-root,.creative-shell.cw-focus .sm-shell{width:100%!important;max-width:none!important;margin:0!important;border-radius:0!important}
.creative-shell.cw-focus .creative-side,.creative-shell.cw-focus .cw-editor-head{display:none!important}
.creative-shell.cw-focus .sm-map-stack{width:100%!important;max-width:none!important}
.creative-shell.cw-focus .cw-quick-drawer{z-index:70!important}
@media(max-width:700px){.creative-shell.cw-focus .cw-workbar{padding:10px 9px!important}.creative-shell.cw-focus .cw-tabs button{padding:9px 7px!important}}