*{box-sizing:border-box}html,body{background:var(--sx-black);color:var(--sx-head);margin:0}body{font-family:var(--sx-font-body);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit;border-radius:0}.mono{font-family:var(--sx-font-mono);text-transform:uppercase;letter-spacing:.16em;font-size:11px;line-height:1.3}.faint{color:var(--sx-faint)}.body{color:var(--sx-body)}.display{font-family:var(--sx-font-display);letter-spacing:-.025em;font-weight:700;line-height:.95}.topbar{border-bottom:1px solid var(--sx-line);justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex}.topbar .eyebrow{color:var(--sx-purple)}.num{background:var(--syn-primary);color:var(--sx-head);padding:.25em .5em;display:inline-block}.gallery{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;padding:32px 24px;display:grid}.card{border:1px solid var(--sx-line);background:var(--sx-card);display:block;position:relative}.card:hover{border-color:var(--sx-faint)}.card .thumb{aspect-ratio:16/9;background:var(--sx-black);overflow:hidden}.card .meta{gap:8px;padding:14px 16px 16px;display:grid}.bracket:before,.bracket:after{content:"";pointer-events:none;border-style:solid;border-color:#ffffff73;width:12px;height:12px;position:absolute}.bracket:before{border-width:1.5px 0 0 1.5px;top:-1px;left:-1px}.bracket:after{border-width:0 1.5px 1.5px 0;bottom:-1px;right:-1px}.editor{grid-template-columns:minmax(340px,420px) 1fr;height:calc(100vh - 53px);display:grid}.panel{border-right:1px solid var(--sx-line);padding:20px 20px 48px;overflow-y:auto}.stage{grid-template-rows:auto 1fr auto;min-height:0;display:grid}@media (max-width:900px){.editor{grid-template-columns:1fr;height:auto}.panel{border-right:0;border-bottom:1px solid var(--sx-line)}}.field{border-bottom:1px solid var(--sx-line);gap:8px;padding:14px 0;display:grid}.field>.head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.field .help{color:var(--sx-body);font-size:12px}.field .err{color:#ff6b6b;font-size:12px}.input{background:var(--sx-black);border:1px solid var(--sx-line);outline:none;width:100%;padding:9px 10px}.input:focus{border-color:var(--syn-primary)}.input.invalid{border-color:#ff6b6b}.count{font-variant-numeric:tabular-nums}.count.over{color:#ff6b6b}.row{align-items:center;gap:8px;display:flex}.btn{border:1px solid var(--sx-line);cursor:pointer;background:0 0;padding:7px 10px}.btn:hover:not(:disabled){border-color:var(--sx-faint)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{border-color:var(--syn-yellow);background:repeating-linear-gradient(45deg,#f4ff2b24 0 1px,#0000 1px 8px)}.toggle{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.toggle input{accent-color:var(--syn-primary)}.products{grid-template-columns:1fr 1fr;gap:8px;display:grid}.product{text-align:left;border:1px solid var(--sx-line);background:var(--sx-black);cursor:pointer;gap:6px;padding:10px;display:grid}.product.selected{border-color:var(--syn-primary);box-shadow:inset 0 0 0 1px var(--syn-primary)}.product .mark{vertical-align:middle;width:10px;height:10px;margin-right:6px;display:inline-block}.focus-pad{aspect-ratio:4/3;background:var(--sx-black);border:1px solid var(--sx-line);cursor:crosshair;width:100%;position:relative;overflow:hidden}.focus-pad video{object-fit:cover;opacity:.7;pointer-events:none;width:100%;height:100%}.focus-pad .cross{border:1.5px solid var(--syn-yellow);pointer-events:none;width:18px;height:18px;position:absolute;transform:translate(-50%,-50%)}.tabs{border-bottom:1px solid var(--sx-line);align-items:stretch;gap:0;padding:0 24px;display:flex}.tab{cursor:pointer;color:var(--sx-faint);background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 14px}.tab.active{color:var(--sx-head);border-bottom-color:var(--syn-primary)}.tabs .spacer{flex:1}.canvas-wrap{background-image:radial-gradient(#ffffff1f 1px,#0000 1.2px);background-size:16px 16px;place-items:center;min-height:0;padding:24px;display:grid;overflow:hidden}.frame{border:1px solid var(--sx-line);max-width:100%;max-height:100%;position:relative}.safe{pointer-events:none;position:absolute;inset:0}.safe .band{background:#ff3c3c38;position:absolute}.safe .content{border:1px dashed var(--syn-yellow);position:absolute}.safe .label{color:#ff9b9b;position:absolute;top:4px;left:6px}.footer{border-top:1px solid var(--sx-line);flex-wrap:wrap;align-items:flex-start;gap:24px;padding:12px 24px;display:flex}.qc{gap:4px;display:grid}.qc .warn{color:var(--syn-yellow)}.qc .error{color:#ff6b6b}.qc .ok{color:var(--syn-mint)}.input,select,option{font-variant-ligatures:none;font-feature-settings:"calt" 0, "liga" 0}.renders{gap:10px;display:grid}.render-row{border:1px solid var(--sx-line);background:var(--sx-card);grid-template-columns:96px 1fr;gap:12px;padding:8px;display:grid}.render-row .thumb{background:var(--sx-black);place-items:center;width:96px;height:96px;display:grid;overflow:hidden}.render-row .thumb img{max-width:100%;max-height:100%}.render-row .ok{color:var(--syn-mint)}.render-row .error{color:#ff6b6b}.bar{background:#ffffff2e;height:2px}.bar>div{background:var(--syn-mint);height:100%;transition:width .3s}.panel-section{border-top:1px solid var(--sx-line);gap:10px;padding:16px 0;display:grid}.item-card{border:1px solid var(--sx-line);background:var(--sx-card);gap:0;padding:10px 12px 4px;display:grid}.item-card .field:last-child{border-bottom:0}