/* Fase 03: lienzo oscuro, controles discretos, fondo marfil y acento menta. */
body[data-delivery="editor"] .shoot-budget,body[data-delivery="editor"] .budget-note{display:none}
body[data-delivery="editor"] .shoot-main{padding-top:24px}body[data-delivery="editor"] .shoot-heading h1{font-size:28px}body[data-delivery="editor"] .section-lead h2{font-size:clamp(28px,3vw,38px)}body[data-delivery="editor"] .section-lead{margin-bottom:24px}
body[data-delivery="editor"] .shoot-steps{margin:20px 0;flex-wrap:nowrap;overflow:auto}body[data-delivery="editor"] .shoot-steps button{flex-shrink:0;font-size:11px;margin-right:14px;padding:12px 10px 12px 0}
.delivery-toolbar{display:flex;align-items:center;gap:22px;flex-wrap:wrap;border-block:1px solid var(--line);padding:18px 0;margin-bottom:28px}
.delivery-toolbar>label:first-child{display:flex;flex-direction:column;gap:8px;font-size:11px;max-width:min(100%,440px)}
.delivery-toolbar select{max-width:100%;min-width:0;font-size:12px;padding:11px}.delivery-toolbar>span{font-size:11px;color:var(--muted);margin-left:auto}
.delivery-check{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.6}.delivery-check input{accent-color:#6d9378;width:16px;height:16px;min-height:16px}
.delivery-editor{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;align-items:start}.delivery-stage{position:sticky;top:95px;background:#121713;color:#eeeae1;min-width:0;padding:18px}
.delivery-stage-head,.delivery-stage-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;line-height:1.7}.delivery-stage-head{margin-bottom:18px}.delivery-stage-head .link-btn{color:#b7d9c1;font-size:11px}
.delivery-preview{position:relative;width:fit-content;max-width:100%;margin:auto;min-height:200px;display:grid;place-items:center;background:#1b241e}.delivery-preview img{display:block;max-width:100%;width:auto;height:auto;max-height:65dvh;object-fit:contain;min-width:0}.delivery-stage-foot{margin-top:18px;color:#bdc8bf;flex-wrap:wrap}.delivery-stage-foot>span{max-width:65%;font-size:10px}
.delivery-guides{position:absolute;inset:7%;border:1px dashed #fff9;pointer-events:none}.delivery-guides[data-story="true"]{inset:14% 7% 20%}.delivery-guides::after{content:'';position:absolute;inset:0;border-block:1px solid #ffffff20;top:33.3%;bottom:33.3%}
.delivery-preview{cursor:grab;touch-action:none}.delivery-preview:active{cursor:grabbing}.delivery-preview img{user-select:none}.delivery-preview:focus-visible{outline:2px solid #b7d9c1;outline-offset:4px}.delivery-drag-hint{font-size:10px;color:#a8b9ad;margin-top:12px;line-height:1.7}
.delivery-controls{display:flex;flex-direction:column;gap:17px;min-width:0}.delivery-controls label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:var(--ink)}.delivery-controls input,.delivery-controls select,.delivery-controls textarea{width:100%;min-width:0;font:12px/1.5 var(--font);padding:10px}.delivery-controls textarea{resize:vertical}.delivery-controls input[type="range"]{accent-color:#567960;padding:0;min-height:30px}.delivery-controls input[type="color"]{padding:3px;width:48px;height:32px;min-height:32px;background:transparent}.delivery-controls output{color:var(--muted);font-size:10px}.delivery-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.delivery-controls details{border-top:1px solid var(--line);padding-top:15px}.delivery-controls summary{cursor:pointer;font-size:12px;line-height:1.6}.delivery-controls details>label{margin-top:14px}.delivery-controls p{font-size:11px;line-height:1.8;color:var(--muted)}.delivery-controls button{margin-top:4px}.delivery-controls #delivery-feedback{color:#42684e}.delivery-empty{padding:32px 20px;border:1px dashed var(--line);font-size:13px;line-height:1.7;color:var(--muted);grid-column:1/-1}
.delivery-versions-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:54px 0 24px;border-top:1px solid var(--line);padding-top:30px}.delivery-versions-head h3{font-size:27px;font-weight:500;letter-spacing:-.035em}.delivery-versions-head p{font-size:12px;color:var(--muted);margin-top:10px;line-height:1.7}.delivery-versions-head a{text-decoration:none;font-size:12px}.delivery-versions-head a[aria-disabled="true"]{opacity:.5}
.delivery-versions{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:18px}.delivery-version{min-width:0;border:1px solid var(--line)}.delivery-version-photo{width:100%;height:240px;display:block;padding:12px;border:0;background:#121713;cursor:pointer}.delivery-version-photo img{width:100%;height:100%;object-fit:contain}.delivery-version-pending{height:240px;display:grid;place-items:center;background:#dfe3d9;color:#4d6555;font-size:13px}.delivery-version-body{padding:18px;display:flex;flex-direction:column;gap:13px}.delivery-version-body strong{font-size:13px;font-weight:500;line-height:1.6;overflow-wrap:anywhere}.delivery-version-body p,.delivery-version-body small{font-size:10px;color:var(--muted);line-height:1.7;white-space:pre-line;overflow-wrap:anywhere}.delivery-version-body .link-btn{align-self:flex-start;font-size:11px}.delivery-version-body details summary{font-size:10px;cursor:pointer}.delivery-version-body details p{margin-top:10px}.delivery-connection{margin-top:36px;padding-top:22px;border-top:1px solid var(--line)}.delivery-connection p{font-size:12px;line-height:1.8;color:var(--muted);max-width:740px;margin-top:12px}
@media(max-width:1100px){.delivery-editor{grid-template-columns:minmax(0,1fr) 260px;gap:22px}.delivery-stage{padding:14px}}
@media(max-width:760px){.delivery-editor{grid-template-columns:1fr}.delivery-stage{position:static;top:auto}.delivery-preview img{max-height:55dvh}.delivery-versions-head{flex-direction:column;align-items:flex-start}.delivery-toolbar>label:first-child{width:100%}.delivery-toolbar>span{margin-left:0}.delivery-controls{max-width:100%}.delivery-stage-foot>span{max-width:100%}.delivery-versions{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}}
/* Revisión de uso · 15/10/2026: foto, texto y entrega en un espacio guiado. */
.delivery-source-note{font-size:12px;color:var(--muted);margin:10px 0 24px;line-height:1.6}
.delivery-sources{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:thin}
.delivery-sources:empty{display:none}.delivery-sources button{flex:0 0 80px;border:1px solid var(--line);background:transparent;padding:5px;cursor:pointer;color:var(--ink)}.delivery-sources button[aria-pressed="true"]{border-color:#42684e;box-shadow:0 0 0 1px #42684e;background:#dfe8dc}.delivery-sources img{width:68px;height:70px;object-fit:contain;background:#e7e7df;display:block}.delivery-sources span{display:block;font-size:11px;padding:7px 0 2px}
.delivery-editor{grid-template-columns:minmax(0,1fr) 360px;gap:28px}.delivery-stage{top:90px;min-height:440px;padding:22px;border-radius:3px}.delivery-preview[aria-busy="true"] img{opacity:.72;transition:opacity .15s}.delivery-preview img{min-height:120px}
.delivery-controls{gap:0;background:#faf8f1;border:1px solid var(--line);border-radius:3px}.delivery-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:1px solid var(--line)}.delivery-tabs button{margin:0;padding:17px 5px;min-height:48px;font:500 13px var(--font);border:0;background:transparent;cursor:pointer;color:var(--muted)}.delivery-tabs button[aria-selected="true"]{color:var(--ink);box-shadow:inset 0 -3px #52765c;background:#f0f2e9}
.delivery-panel{display:flex;flex-direction:column;gap:18px;padding:24px 22px}.delivery-panel[hidden]{display:none}.delivery-panel h3{font-size:19px;font-weight:500;letter-spacing:-.03em;line-height:1.3;margin:0}.delivery-panel label{font-size:12px}.delivery-panel input,.delivery-panel select,.delivery-panel textarea{font-size:13px;background:#fffef9;min-height:44px}.delivery-panel p.delivery-help{font-size:12px;line-height:1.65;margin:0}.delivery-position-head{display:flex;justify-content:space-between;align-items:center;font-size:12px}.delivery-position-head button{font-size:12px;min-height:32px}
.delivery-preset-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.delivery-preset-shortcuts button{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;min-height:98px;padding:9px 4px;border:1px solid var(--line);background:transparent;cursor:pointer;color:var(--ink);margin:0}.delivery-preset-shortcuts button[aria-pressed="true"]{border-color:#52765c;background:#e4ecdf;box-shadow:inset 0 0 0 1px #52765c}.delivery-preset-shortcuts strong{font-size:11px;font-weight:500}.delivery-preset-shortcuts small{font-size:10px;color:var(--muted)}.delivery-ratio{border:1px solid currentColor;width:22px;height:28px;margin:auto}.delivery-ratio[data-ratio="square"]{height:24px;width:24px}.delivery-ratio[data-ratio="story"]{height:32px;width:18px}.delivery-ratio[data-ratio="web"]{height:15px;width:32px}
.delivery-font-upload{position:relative}.delivery-font-upload .btn{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:12px;cursor:pointer}.delivery-font-upload input[type=file]{position:absolute;top:0;left:0;width:100%;height:44px;opacity:0;cursor:pointer;padding:0}.delivery-font-upload:focus-within{outline:2px solid #52765c;outline-offset:3px}.delivery-font-upload p{margin:8px 0 0;font-size:11px}.delivery-font-upload:has(input:disabled){opacity:.5}.delivery-controls #delivery-font-feedback{font-size:12px;color:#42684e;line-height:1.6;margin:0}.delivery-controls #delivery-font-feedback:empty{display:none}
.delivery-save-bar{padding:18px 22px 22px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.delivery-save-bar p{margin:0;font-size:12px;line-height:1.65}.delivery-save-bar .btn-primary{width:100%;min-height:48px;font-size:13px}.delivery-next{font-size:12px;min-height:44px}.delivery-controls button:focus-visible,.delivery-sources button:focus-visible{outline:2px solid #52765c;outline-offset:3px}.delivery-toolbar>label:first-child{font-size:12px}.delivery-toolbar select{font-size:13px}
@media(min-width:1400px){body[data-delivery="editor"] .shoot-shell{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:1200px){.delivery-editor{grid-template-columns:minmax(0,1fr) 320px;gap:20px}.delivery-panel{padding:20px 16px}.delivery-save-bar{padding:18px 16px}.delivery-stage{padding:16px}}
@media(max-width:1000px){.delivery-editor{grid-template-columns:1fr}.delivery-stage{position:static;min-height:260px}.delivery-controls{max-width:none}.delivery-preview img{max-height:55dvh}.delivery-panel{padding:22px}.delivery-save-bar{padding:18px 22px}.delivery-preset-shortcuts{gap:12px}}
@media(prefers-reduced-motion:reduce){.delivery-preview img{transition:none}}
@media(max-width:760px){body[data-delivery="editor"] .topbar{position:relative}body[data-delivery="editor"] .delivery-stage{position:sticky;top:0;z-index:3;min-height:0;padding:12px}.delivery-preview img{max-height:26dvh}.delivery-stage-head{margin-bottom:9px}.delivery-stage-foot{margin-top:9px;gap:6px}.delivery-stage-foot>span{max-width:100%;font-size:10px}.delivery-drag-hint{display:none}.delivery-panel{padding:20px 16px}.delivery-save-bar{padding:16px}}
.delivery-version-body p.delivery-background-review{font-size:12px;color:#725e35;background:#eee7d8;padding:12px;line-height:1.65}
#delivery-draft-state{color:#b9dec9;flex-basis:100%;font-size:12px}.editor-workspace-head>.btn:last-child{margin-left:auto}.editor-expanded{overflow:hidden}.editor-expanded .delivery-editor{position:fixed;inset:12px;z-index:90;padding:18px;background:var(--bg);overflow:auto;align-content:start;box-shadow:0 0 0 24px #141817ed}.editor-expanded .delivery-preview{height:calc(100dvh - 230px)}.editor-expanded .delivery-stage{top:0}.editor-expanded .delivery-controls-scroll{max-height:calc(100dvh - 220px)}
@media(max-width:760px){.editor-expanded .delivery-editor{inset:0;padding:10px}.editor-expanded .delivery-preview{height:46dvh}.editor-expanded .delivery-stage{position:relative}.editor-expanded .delivery-controls-scroll{max-height:none}.editor-workspace-head>.btn:last-child{margin-left:0}}