/* V4.2 visual layer. Original V4.0 editing controls remain compatible. */
:root{--ink:#253d35;--forest:#315d4e;--paper:#f7f5ef;--line:#dddcd2;--accent:#b16b46;--soft:#ebeee6}
body{background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}
.shell{max-width:1440px;margin:auto;padding:24px 30px 60px}.top{padding:8px 0 22px;border-bottom:1px solid var(--line)}
.logo{background:var(--forest);color:#fff;border-radius:14px}h1,h2,h3{color:var(--ink)}h1{font-size:27px}h2{font-size:23px;line-height:1.25}h3{font-size:17px}
button,.button42{background:var(--forest);color:white;border-radius:9px;border:1px solid transparent;min-height:40px;padding:9px 15px;cursor:pointer;font-weight:600}
button:hover{filter:brightness(1.08)}button:disabled{opacity:.45;cursor:wait}.ghost{background:white;color:var(--ink);border:1px solid var(--line)}.secondary{background:#b87852}.danger{background:#964940}
input,select,textarea{border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-size:15px;color:var(--ink);background:white;max-width:100%}input:focus,textarea:focus,select:focus{outline:2px solid #91a994;outline-offset:1px}input[type=checkbox]{accent-color:var(--forest)}
label{font-weight:600;font-size:13px}input[type=checkbox]{width:18px;height:18px}.card{border:1px solid #e1e0d5;border-radius:16px;box-shadow:0 2px 4px #253d3506;padding:22px;background:white;margin-bottom:18px}
.tabs{gap:8px;margin:20px 0;display:flex;flex-wrap:wrap}.tab{background:transparent;color:var(--ink);border:1px solid var(--line);padding:10px 14px}.tab.active{background:var(--ink);color:white}.banner{font-size:12px;border-radius:8px;background:var(--soft);padding:9px 14px;margin:12px 0}.top-actions42{display:flex;gap:10px;margin:18px 0;justify-content:flex-end;flex-wrap:wrap}
.global-search42{position:relative;margin:12px 0}.global-search42 label{display:block;margin-bottom:6px}.global-search42 input{width:100%;box-sizing:border-box;padding:14px 18px;background:#fff}.search-results42{position:absolute;top:100%;left:0;right:0;z-index:15;background:white;border:1px solid var(--line);box-shadow:0 12px 30px #142e3320;border-radius:12px;max-height:440px;overflow:auto}.search-results42 button{display:block;background:white;color:var(--ink);width:100%;text-align:left;border-bottom:1px solid #eee;border-radius:0}.search-results42 small{font-weight:400;margin-left:10px}
.auth-screen{position:fixed;inset:0;z-index:90;background:radial-gradient(ellipse at top left,#e3e9dc,transparent 70%),#f7f5ef;display:grid;place-items:center;overflow:auto;padding:20px}.auth-card{width:min(420px,90vw);background:#fff;border:1px solid var(--line);padding:40px;border-radius:24px;box-shadow:0 24px 60px #203b3110}.auth-card h1{font:46px/1.1 Georgia,serif;margin:22px 0}.auth-card label,.auth-card input,.auth-card button{display:block;box-sizing:border-box;width:100%;margin-top:12px}.auth-card .logo{width:48px;height:48px;display:grid;place-items:center}.eyebrow{letter-spacing:2px;font-size:11px;font-weight:700}.auth-card small{display:block;color:#727b73;line-height:1.5}.auth-locked .shell{display:none}.error-text{color:#994539;white-space:pre-wrap}.hidden{display:none!important}
.toolbar42{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:10px 0 20px}.toolbar42 input{min-width:200px;flex:1}.toolbar42 select{width:auto}.meta42{font-size:13px;color:#727b73}.grid42{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--thumb-width,210px),1fr));gap:18px}.tile42{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden;position:relative;transition:box-shadow .15s}.tile42.selected42{outline:3px solid #4b7966;outline-offset:-2px}.tile42 .image42{position:relative;aspect-ratio:1.14;background:#eeeae1;cursor:pointer;display:flex;align-items:center;justify-content:center}.tile42 .image42 img{width:100%;height:100%;object-fit:contain}.tile42 .select42{position:absolute;left:10px;top:10px;z-index:2;background:#fffffff0;border-radius:6px;padding:3px;display:grid;place-items:center}.tile42 .type42{position:absolute;right:10px;bottom:10px;background:#ffffffee;border-radius:6px;padding:2px 8px;font-size:11px}.tile42 .tilebody42{padding:13px}.tile42 h3{font-size:15px;margin:0 0 8px;word-break:break-word}.tile42 button{padding:6px 10px;min-height:33px;font-size:12px}.tile42 .row{gap:6px}.enrichment42{height:4px;background:#e9e9df;border-radius:3px;margin:8px 0}.enrichment42 i{display:block;height:100%;background:#7e9e70;border-radius:3px}.tagline42{font-size:11px;color:#587560;min-height:30px;line-height:1.35}.media-mini{max-width:130px;flex-shrink:0}.media-strip{display:flex;gap:10px;overflow:auto}.media-mini img{object-fit:contain}
.sectionhead42{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin:20px 0}.sectionhead42 h2{font:32px/1.15 Georgia,serif;margin:0 0 8px}.sectionhead42 p{margin:0;max-width:720px}.counter42{font:36px Georgia,serif}.bulk-status42{position:sticky;bottom:14px;z-index:11;padding:13px 20px;background:var(--ink);color:white;border-radius:12px;box-shadow:0 6px 22px #203b3125;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px}.bulk-status42 button{background:white;color:var(--ink)}
.crop-modal{backdrop-filter:blur(5px);background:#13251ec9;z-index:30}.crop-panel{border-radius:18px}.dialog-panel42{width:min(960px,95vw);max-height:90vh;overflow:auto}.media-editor-panel{width:min(1300px,96vw)}.semantic-stage img{max-height:67vh}.media-editor-layout{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr)}
.comments42{background:#f5f6f0;border:1px solid var(--line);border-radius:12px;padding:18px;margin-top:20px}.comments42 h3{margin-top:0}.comment42{border-bottom:1px solid var(--line);padding:12px 0}.comment42 p{white-space:pre-wrap;font-size:14px;margin:6px 0}.comment42 header{font-size:12px;display:flex;gap:9px;align-items:center;flex-wrap:wrap}.pending-pill42{background:#f9e7c6;color:#7b571f;font-size:11px;padding:2px 6px;border-radius:10px}.confirmed-pill42{background:#e6eee3;color:#47703f;font-size:11px;padding:2px 6px;border-radius:10px}.comments42 textarea{min-height:100px;width:100%;box-sizing:border-box}.comments42 select{margin:10px 0}.comments42 .row{justify-content:flex-end}
.entity-layout42{display:grid;grid-template-columns:minmax(290px,.75fr) minmax(0,1.6fr);gap:22px}.entity-cover42{width:100%;max-height:340px;object-fit:contain;border-radius:12px;background:#f0eee6;margin-bottom:16px}.entity-form42 label{display:block;margin:12px 0 4px}.entity-form42 textarea{min-height:110px}.entity-form42 input,.entity-form42 textarea{width:100%;box-sizing:border-box}.entity-picker42{max-height:280px;overflow:auto}.entity-picker42 button{display:block;width:100%;margin:5px 0;text-align:left}.relation-row42{padding:12px 0;border-top:1px solid var(--line)}.relation-row42 .chips42{display:flex;flex-wrap:wrap;gap:6px}.chips42 button{font-size:12px;background:#edf0e8;color:var(--ink);min-height:30px}.secondary-thumbs42{display:flex;gap:4px;margin:10px 0}.secondary-thumbs42 img{height:48px;width:calc(33.3% - 3px);object-fit:contain;background:#eee}.face-controls42{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.face-grid42{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.face-item42{border:1px solid var(--line);padding:8px;border-radius:10px}.face-item42 img{width:75px;height:75px;object-fit:cover;display:block}.face-item42 input{float:right}.map42{width:100%;height:280px;border:1px solid var(--line);border-radius:12px}.map-consent42{padding:18px;background:#f3f4ed;border-radius:10px}
.creation-workspace42{display:grid;grid-template-columns:380px 1fr;gap:26px}.creation-controls42 label{display:block;margin:15px 0 5px}.creation-controls42 input,.creation-controls42 select,.creation-controls42 textarea{width:100%;box-sizing:border-box}.creation-preview42{background:#e8eae1;border:1px solid var(--line);border-radius:18px;min-height:600px;display:flex;align-items:center;justify-content:center;padding:24px;flex-direction:column}.creation-preview42 img{max-width:100%;max-height:760px;box-shadow:0 18px 55px #283d3433}.creation-preview42 .empty42{text-align:center;max-width:390px;font:28px/1.3 Georgia,serif}.source-grid42{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:350px;overflow:auto}.source42{border:1px solid var(--line);border-radius:8px;padding:5px;cursor:pointer;font-size:11px}.source42 img{width:100%;height:76px;object-fit:contain;background:#eee}.source42.checked42{outline:2px solid var(--forest)}.creation-wall42{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:22px}.creation-wall42 img{width:100%;max-height:310px;object-fit:contain}.creation-wall42 .card{padding:12px}.creation-wall42 h3{font-family:Georgia,serif}.progress42{height:9px;background:#e7e9df;border-radius:8px;overflow:hidden}.progress42 i{display:block;height:100%;background:#7e9e70;transition:width .15s}.invite-link42{font-family:monospace;word-break:break-all;width:100%;box-sizing:border-box}.note42{background:#f5ecd9;border:1px solid #e5d6b5;color:#695736;border-radius:10px;padding:12px;font-size:13px}.toast{z-index:120}.empty42{padding:25px;color:#798677}.guest-shell42{max-width:1200px}.guest-dialog42{display:grid;grid-template-columns:1.3fr 1fr;gap:25px}.guest-media42 img,.guest-media42 video{width:100%;max-height:70vh;object-fit:contain}.guest-welcome42{padding:35px 0}.guest-welcome42 h1{font:48px/1.1 Georgia,serif;margin:0 0 16px}.guest-welcome42 p{max-width:600px;color:#647366}.small42{font-size:12px}.auth-card .eyebrow{font-size:10px}.auth-card button{margin-top:18px}
@media(max-width:900px){.shell{padding:15px}.top{flex-wrap:wrap}.top-actions42{justify-content:flex-start}.entity-layout42,.creation-workspace42,.guest-dialog42{grid-template-columns:1fr}.creation-controls42{order:0}.creation-preview42{min-height:350px}.grid42{--thumb-width:170px}.media-editor-layout{grid-template-columns:1fr}.qualification-panel{max-height:none}.auth-card{padding:28px}.context{flex-wrap:wrap}.brand small{font-size:11px}.tabs{gap:5px}.tab{font-size:12px;padding:8px 10px}.guest-welcome42 h1{font-size:38px}.sectionhead42 h2{font-size:28px}.crop-panel{padding:18px}.toolbar42{gap:8px}.bulk-status42{bottom:0;border-radius:10px;font-size:13px}.top-actions42 button{font-size:12px}}
@media(max-width:480px){.grid42{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile42 .tilebody42{padding:9px}.tile42 h3{font-size:13px}.tile42 .row button{width:100%}.sectionhead42{flex-wrap:wrap}.toolbar42 select{max-width:100%}.auth-card h1{font-size:39px}}

.button{display:inline-block;padding:9px 14px;background:var(--forest);color:white;border-radius:8px;text-decoration:none;font-size:13px;font-weight:600}.auth-card input{width:100%;box-sizing:border-box;min-height:44px}.auth-card label{display:block;margin-top:20px}.auth-card button{display:block;width:100%} .guest-shell42 .brand small{display:block;font-size:12px}.grid42 [hidden]{display:none!important}.entity-picker42 [hidden]{display:none!important}.story-link[hidden]{display:none!important}

/* Prevent modal overflow on narrow phone viewports. */
.crop-modal{grid-template-columns:minmax(0,1fr)}.crop-panel{min-width:0;max-width:100%;box-sizing:border-box}.guest-dialog42>*{min-width:0}
@media(max-width:600px){.crop-modal{padding:8px}.crop-panel{width:100%!important;max-width:100%;max-height:96dvh}.guest-dialog42{gap:14px}.guest-media42 img,.guest-media42 video{max-height:46vh}.comments42{padding:13px}.comment42 p{overflow-wrap:anywhere}.auth-card{box-sizing:border-box;max-width:100%}}