/* Compact Navigator identity; no outer shell. */
.project-cartouche{padding:20px 20px 0!important;background:transparent;border:0!important;box-shadow:none}
.project-title-row{display:flex;align-items:center;gap:8px;min-width:0}
.project-cartouche .brand-title{font-size:13px;font-weight:500;line-height:1.4;letter-spacing:.07em;margin:0;flex:1;min-width:0;overflow-wrap:anywhere;color:var(--text-secondary)}
.project-version-row{position:relative;display:flex;align-items:center;gap:7px;flex:none}
#scriptVersionActions{anchor-name:--script-version;border:0;background:none;box-shadow:none;padding:3px 0;cursor:pointer}
.project-cartouche #currentScriptLabel{display:block!important;color:var(--text-secondary);font-size:10px;letter-spacing:.08em;line-height:16px;white-space:nowrap}
.project-cartouche #currentScriptLabel.synced{color:var(--success)}
#versionReview{border:0;background:none;box-shadow:none;padding:3px 0;font-size:9px;letter-spacing:.06em;color:var(--accent);cursor:pointer}
#versionReview[hidden]{display:none}
.project-version-row .save-status{position:absolute;right:0;top:100%;margin:0;padding:0;border:0;background:var(--surface-sidebar);font-size:8px;letter-spacing:.06em;line-height:12px;color:var(--text-secondary)}
.project-version-row .save-status.failed{color:var(--error);cursor:pointer}
.project-menu{inset:auto;margin:0;position:fixed;top:anchor(bottom);left:anchor(left);position-try-fallbacks:flip-inline;min-width:205px;padding:6px;border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-2);color:var(--text-primary);box-shadow:var(--light-contact-2),var(--light-ambient-2);z-index:var(--layer-menu,1200)}
#projectMenu{position-anchor:--script-version}
.project-menu button{display:block;width:100%;text-align:left;padding:9px 12px;border:0;background:transparent;color:var(--text-primary);font:12px/1.4 var(--font-ui,Arial,sans-serif);cursor:pointer;border-radius:var(--radius-control)}
.project-menu button[hidden]{display:none}
.project-menu button:hover,.project-menu button:focus-visible{background:var(--surface-3);color:var(--accent)}
.cartouche-utility-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}
#scriptVersionActions{display:flex;align-items:center;gap:7px}
.script-menu-chevron{color:var(--text-secondary);font-size:14px;line-height:1}
.project-cartouche .script-import-entry[hidden]{display:none!important}
.project-cartouche .cartouche-search{display:flex;position:relative;align-items:center;gap:10px;margin-top:10px;padding:7px 0;width:100%}
.cartouche-search::before,.cartouche-search::after{content:'';position:absolute;left:0;right:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgb(from var(--light-neutral) r g b / .18) 35%,rgb(from var(--light-neutral) r g b / .18) 65%,transparent)}
.cartouche-search::before{top:0}.cartouche-search::after{bottom:0}
.project-cartouche .cartouche-search button{width:22px;height:25px;flex:none;border:0;background:none;box-shadow:none;padding:2px;color:var(--text-muted)}
.cartouche-search svg{width:18px;height:18px}
#app .project-cartouche .cartouche-search .search-input{position:static;flex:1;min-width:0;width:100%;height:27px;opacity:1;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;font-size:12px;color:var(--text-primary);transition:none}
.project-cartouche .book-switcher{display:flex;flex-direction:column;gap:1px;margin-top:8px!important;border:0!important}
.project-cartouche .book-btn{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:12px;flex:none;min-height:32px;padding:5px 0!important;text-align:left;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;font-size:10px;line-height:1.3;letter-spacing:.09em;color:var(--text-secondary)!important}
.project-cartouche .book-btn.active,.project-cartouche .book-btn:hover{background:none!important;border:0!important;box-shadow:none!important;color:var(--accent)!important}
.project-cartouche .book-btn svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.project-cartouche .book-count{color:var(--text-secondary);font-size:10px;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:0}

/* Sibling Closed Shells share columns. The final shell never stretches alone. */
.look-book-content .looks-row,.pane-body .character-columns{display:grid!important;grid-auto-flow:row!important;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr))!important;align-items:start!important;gap:16px!important}
.pane-body .character-columns>.character-card{width:auto!important;min-width:0!important;max-width:none!important}
.pane-body .character-columns>.add-seq-character-card{grid-column:auto;min-height:160px!important}
/* Ratio-preserving masonry in the shared Look gallery only. Caption heights are
   measured locally and packed in 1px tracks; media/reframe viewports are unchanged. */
.common-media-gallery[data-media-layout="masonry"]{display:grid!important;grid-auto-rows:1px;grid-auto-flow:row dense;column-gap:7px!important;row-gap:0!important;align-items:start!important}
.common-media-gallery[data-media-layout="masonry"]>.common-media-card{align-self:start;margin:0!important}
.common-media-gallery[data-media-layout="masonry"]>.add-media-card{grid-column:1/-1;align-self:start;justify-self:start}
/* These controls opt out of the shared input/toggle surface, by design. */
#app #searchInput.search-input{background:none!important;box-shadow:none!important;border:0!important}
/* Existing Import keeps its workflow, but becomes a menu item rather than a primary CTA. */
#projectMenu #importScriptBtn,#projectMenu #scriptHistoryBtn{background:transparent!important;color:var(--text-primary)!important;border:0!important;box-shadow:none!important}
#projectMenu :is(#importScriptBtn,#scriptHistoryBtn):is(:hover,:focus-visible){background:var(--surface-3)!important;color:var(--accent)!important}

/* Initial Import stays compact; loaded review retains its established workspace. */
.script-import-modal:not(.import-loaded) .script-import-dialog{width:min(680px,calc(100vw - 40px));height:auto;max-height:calc(100vh - 40px);overflow:auto;padding:26px}
.script-import-modal:not(.import-loaded) .import-purpose{display:none}
.script-import-modal:not(.import-loaded) .import-preview{flex:none;overflow:visible;min-height:0}
.script-import-modal:not(.import-loaded) .import-intro{padding:18px 0 0;background:none;border:0}
.script-import-modal:not(.import-loaded) .import-intro h3{font-size:12px;line-height:1.6;margin:0 0 8px}
.script-import-modal:not(.import-loaded) .import-intro p{font-size:12px;line-height:1.6;margin:0;color:var(--text-secondary)}
/* Dedicated shell handle; gallery media keeps its separate reorder/drop path. */
.character-card[data-costume-character]{position:relative}
.character-card[data-costume-character] .character-head-actions{display:flex;align-items:center;gap:5px;width:auto}
.costume-drag-handle{cursor:grab;width:22px;height:24px;padding:0;border:0;background:none;color:var(--text-muted);font-size:17px;box-shadow:none}
.costume-drag-handle:hover{color:var(--accent)}
.costume-insertion-indicator{display:none;position:absolute;top:0;bottom:0;width:2px;background:var(--accent);pointer-events:none;z-index:4}
.costume-drop-before>.costume-insertion-indicator{display:block;left:-8px}
.costume-drop-after>.costume-insertion-indicator{display:block;right:-8px}

.project-cartouche .book-switcher{position:relative;padding-bottom:10px;margin-bottom:8px}
.project-cartouche .book-switcher::after{content:'';position:absolute;inset:auto 0 0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgb(from var(--light-neutral) r g b / .18) 35%,rgb(from var(--light-neutral) r g b / .18) 65%,transparent)}
.prep-save-modal{padding:0;border:0;background:transparent;color:var(--text-primary);font-family:var(--font-ui,Arial,sans-serif);max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);overflow:visible}
.prep-save-modal::backdrop{background:var(--light-backdrop)}
.prep-save-form{display:flex;flex-direction:column;gap:16px;width:420px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);overflow:auto;padding:24px;box-sizing:border-box}
.prep-save-form h2{font-size:12px;letter-spacing:var(--tracking-header);margin:0}
.prep-save-form label{font-size:12px;color:var(--text-secondary)}
.prep-save-form input{box-sizing:border-box;width:100%;padding:9px;border:1px solid var(--border-default);border-radius:var(--radius-control);background:var(--bg-base);color:var(--text-primary);font:12px var(--font-ui,Arial,sans-serif)}
.prep-save-form input:focus{outline:1px solid var(--accent);outline-offset:-1px}
.prep-save-form .canonical-control{min-height:28px;padding:6px 10px;font-size:9px;letter-spacing:var(--tracking-control);border:1px solid transparent}
.prep-save-form footer{display:flex;justify-content:flex-end;gap:10px}
.prep-save-form .prep-history-link{align-self:flex-start;color:var(--text-muted)}


.prevision-wordmark{display:block;width:100%;height:auto;margin:0 0 var(--space-related)}
#app .project-cartouche .brand-title{font-family:inherit;font-size:13px;font-weight:500;letter-spacing:var(--tracking-data);line-height:1.4}
#app .project-cartouche #savePrepBtn{--control-surface:transparent;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:5px 8px!important;min-width:0;min-height:28px;height:28px;border:1px solid transparent!important;border-radius:var(--radius-control)!important;background-color:var(--control-surface)!important;background-image:none!important;box-shadow:none!important;font-size:9px;letter-spacing:var(--tracking-control);font-weight:400;color:var(--text-secondary)!important}
#app .project-cartouche #savePrepBtn:hover:not(:disabled){color:var(--accent-hover)!important}