@font-face{font-family:Playfair Display;src:url(/fonts/PlayfairDisplay-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Playfair Display;src:url(/fonts/PlayfairDisplay-Italic.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/Manrope-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/Manrope-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}:root{color:#f3efe8;background:#070708;font-family:Manrope,sans-serif;font-weight:500;letter-spacing:0}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.app{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 400px;grid-template-rows:auto minmax(0,1fr);background:radial-gradient(900px 420px at 10% -10%,rgba(226,168,75,.16),transparent 55%),#070708}header{grid-column:1 / -1;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;padding:18px 22px 14px;border-bottom:1px solid rgba(226,168,75,.28)}.brand{display:flex;flex-direction:column;gap:2px}.brand strong{font-family:Playfair Display,serif;font-weight:400;font-size:28px;letter-spacing:.14em;color:#e2a84b}.brand span{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#c9c1b4}header p{margin:0;color:#a39c92;font-size:14px}main{min-height:0;min-width:0}.panel{min-height:0;overflow:auto;border-left:1px solid rgba(226,168,75,.28);padding:8px 18px 28px;background:#0a0a0ce0}.panel section{padding:16px 0;border-bottom:1px solid rgba(243,239,232,.08)}.panel h2{margin:0 0 12px;font-family:Playfair Display,serif;font-size:22px;font-weight:400;color:#f5c878}label{display:grid;gap:6px;margin:0 0 12px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#a39c92}input,select,textarea{width:100%;border:1px solid rgba(226,168,75,.35);background:#101012;border-radius:0;padding:10px 12px;text-transform:none;letter-spacing:0;font-size:15px}textarea{resize:vertical}.hint,.facts p,.status{color:#a39c92;font-size:13px;line-height:1.45;text-transform:none;letter-spacing:0}.warn{color:#f0b4a0;font-size:13px;line-height:1.4}.status{color:#e2a84b}.swatches{display:grid;grid-template-columns:1fr 1fr;gap:8px}.swatch,.segment button,.actions button,.file{border:1px solid rgba(226,168,75,.35);background:#141416;padding:8px 10px;text-align:left}.swatch{display:flex;gap:8px;align-items:center;font-size:12px;letter-spacing:.02em}.swatch i{width:22px;height:22px;border:1px solid rgba(255,255,255,.4);display:block;flex:none}.swatch.on,.segment button.on,.card.on{border-color:#e2a84b;box-shadow:inset 0 0 0 1px #e2a84b}.segment{display:flex}.segment button{flex:1}.check{display:flex;grid-template-columns:none;align-items:center;gap:8px;text-transform:none;letter-spacing:0;font-size:14px}.check input{width:auto}.actions{display:grid;gap:8px}.actions button.gold,.segment button.on{background:#e2a84b;color:#1a1208}.file{display:grid;place-items:center start;position:relative}.file input{position:absolute;inset:0;opacity:0;cursor:pointer}.facts p,.sizes{margin:0 0 8px}button:disabled{opacity:.45;cursor:default}details summary{cursor:pointer;color:#e2a84b;font-size:12px;letter-spacing:.08em;text-transform:uppercase}details p{margin:8px 0 0}.stage-shell{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);background:#d9d3c7}.stage-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:8px 12px;background:#141416;border-bottom:1px solid rgba(226,168,75,.28)}.stage-bar .segment{width:230px;flex:none}.stage-bar label.spin{display:flex;align-items:center;gap:8px;margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:#c9c1b4}.stage-bar input[type=range]{width:148px;padding:0;border:0;background:transparent;accent-color:#e2a84b}.stage-bar .dims{margin:0 0 0 auto;color:#e2a84b;font-size:12px;letter-spacing:.04em}.stage-view{min-height:0;position:relative}.stage-view .stage-frame,.bottle-view{height:100%}.bottle-view canvas{display:block}.stage-fallback{height:100%;display:grid;place-items:center;padding:24px;color:#1c1a17;text-align:center}.stage-frame{position:relative;height:100%;min-height:180px;background:#d9d3c7}.stage-frame .konvajs-content,.stage-frame canvas{display:block}.legend{position:absolute;left:12px;right:12px;bottom:8px;display:flex;flex-wrap:wrap;gap:10px 14px;color:#1c1a17;font-size:11px;letter-spacing:.04em;pointer-events:none}.key{width:18px;height:0;display:inline-block;margin-right:6px;vertical-align:middle}.key.trim{border-top:2px solid #111}.key.bleed{border-top:1.5px dashed #d01212}.key.safe{border-top:1.5px dashed #1f8a4c}.lineup{height:100%;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:14px}.card{display:grid;grid-template-rows:minmax(220px,1fr) auto;padding:0;background:#101012;border:1px solid rgba(226,168,75,.28);color:inherit;text-align:left;min-height:300px}.card .stage-frame{min-height:220px}.card-copy{display:grid;gap:3px;padding:10px 12px 12px;background:#101012}.card-copy em{font-style:normal;letter-spacing:.14em;text-transform:uppercase;font-size:11px;color:#e2a84b}.card-copy strong{font-family:Playfair Display,serif;font-size:22px;font-weight:400}.card-copy small{color:#a39c92;font-size:12px;line-height:1.4}.boot{min-height:100%;display:grid;place-items:center;font-family:Playfair Display,serif;font-size:28px}@media(max-width:900px){.app{height:auto;min-height:100%;grid-template-columns:1fr;grid-template-rows:auto auto auto}.app.studio main{position:sticky;top:0;z-index:2;height:46vh;background:#070708}header{grid-template-columns:1fr;gap:10px}.panel{border-left:0;border-top:1px solid rgba(226,168,75,.28)}.lineup{grid-template-columns:1fr;height:auto}}
