.panel{position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto;background:#0d0d0d;border:1px solid #303030;border-radius:14px;padding:18px;color:#eee;box-shadow:0 18px 55px rgba(0,0,0,.45);scrollbar-color:#555 #151515}.panel h1{font:600 25px/1.05 var(--condensed);text-transform:uppercase;letter-spacing:1.5px;margin:0 0 4px}.panel .sub{font:400 15px/1.35 var(--serif);color:#c0bdb9;margin:0 0 16px}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.button-grid.compact{margin-top:10px}.btn{border:1px solid #393939;background:#181818;color:#f2f2f2;border-radius:8px;padding:10px 11px;cursor:pointer;font:600 14px/1 var(--condensed);letter-spacing:.8px;text-transform:uppercase;text-align:center}.btn:hover{border-color:var(--orange);background:#21120c}.btn.primary{background:var(--orange);border-color:var(--orange);color:#fff}.btn.wide{grid-column:1/-1}.file-btn{position:relative;overflow:hidden}.file-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.status{margin-top:10px;padding:9px;border-left:3px solid var(--orange);background:#151515;color:#aaa;font:400 13px/1.3 var(--serif)}.panel-section{border-top:1px solid #292929;padding-top:12px;margin-top:14px}.panel-section summary{cursor:pointer;list-style:none;font:600 15px/1 var(--condensed);letter-spacing:1.5px;text-transform:uppercase;color:var(--orange);padding:3px 0 7px}.panel-section summary::-webkit-details-marker{display:none}.panel-section summary::after{content:'+';float:right;color:#888}.panel-section[open] summary::after{content:'−'}.field-label{font:500 13px/1 var(--condensed);letter-spacing:.5px;margin:9px 0 5px;color:#d7d7d7}.panel select,.panel input[type=file],.panel input[type=text]{width:100%;background:#171717;color:#eee;border:1px solid #363636;border-radius:7px;padding:9px;font:500 14px/1 var(--condensed)}.panel input[type=file]::file-selector-button{background:#f3f3f3;border:0;padding:5px 8px;margin-right:8px}.control{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center;margin:9px 0}.control label{font:500 14px/1.1 var(--condensed);letter-spacing:.5px}.control output{font:400 13px/1 var(--condensed);color:#aaa;min-width:48px;text-align:right}.control input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--orange)}.help{margin:2px 0 10px;color:#999;font:400 13px/1.3 var(--serif)}.check-row{display:flex;align-items:center;gap:9px;margin:10px 0 3px;color:#ddd;font:500 13px/1.2 var(--condensed);letter-spacing:.3px}.check-row input{width:17px;height:17px;accent-color:var(--orange)}.switch-options{padding:2px 0 8px}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.template-card{display:grid;grid-template-rows:130px auto;gap:7px;padding:7px;border:1px solid #333;border-radius:9px;background:#111;color:#eee;cursor:pointer;text-align:left}.template-card:hover{border-color:#8d3c14;background:#18110d}.template-card.active{border-color:var(--orange);box-shadow:inset 0 0 0 1px var(--orange);background:#24130b}.template-card img{width:100%;height:130px;object-fit:cover;object-position:top;border-radius:5px}.template-card strong{font:600 14px/1 var(--condensed);letter-spacing:.6px;text-transform:uppercase}.template-card small{display:block;margin-top:3px;color:#aaa;font:500 11px/1.15 var(--condensed);text-transform:uppercase}.layer-stack-list{display:grid;gap:6px;margin:8px 0 4px;max-height:230px;overflow:auto;padding-right:3px}.layer-stack-item{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;align-items:center;width:100%;padding:8px 9px;border:1px solid #333;border-radius:7px;background:#111;color:#eee;text-align:left;cursor:pointer}.layer-stack-item:hover{border-color:#7a3819;background:#1a120e}.layer-stack-item.active{border-color:var(--orange);background:#24130b;box-shadow:inset 3px 0 0 var(--orange)}.layer-stack-index{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#292929;color:var(--orange);font:700 13px/1 var(--condensed)}.layer-stack-copy{min-width:0}.layer-stack-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 14px/1.05 var(--condensed);letter-spacing:.6px}.layer-stack-copy small{display:block;margin-top:3px;color:#9d9d9d;font:500 11px/1 var(--condensed);letter-spacing:.5px;text-transform:uppercase}.placement-help{margin:8px 0 10px;padding:9px 10px;border-left:3px solid var(--orange);background:#101010;color:#bcbcbc;font:500 13px/1.25 var(--serif)}.free-placement-controls{margin-top:7px;padding:10px;border:1px solid #2c2c2c;border-radius:8px;background:#0d0d0d}.free-placement-controls[hidden],.placement-help[hidden]{display:none!important}.secondary-primary{background:#4a210d!important;border-color:#8d3c14!important}.text-colour-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.text-colour-grid label,.text-control-grid label{display:grid;gap:5px;color:#d7d7d7;font:500 13px/1 var(--condensed);letter-spacing:.5px}.text-colour-grid input[type=text],.text-control-grid select{width:100%;background:#171717;color:#eee;border:1px solid #363636;border-radius:7px;padding:9px}.colour-picker-wrap input[type=color]{width:100%;height:39px;border:1px solid #363636;border-radius:7px;background:#171717;padding:3px;cursor:pointer}.text-preset-row{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:9px 0 12px}.colour-swatch{height:30px;border:1px solid #4a4a4a;border-radius:6px;cursor:pointer}.colour-swatch:hover{outline:2px solid var(--orange);outline-offset:1px}.swatch-white{background:#eee9e4}.swatch-paper{background:#d8d4cf}.swatch-orange{background:#ef5100}.swatch-grey{background:#a8a8a8}.swatch-black{background:#080808}.text-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}body.editing [contenteditable=true]:hover{box-shadow:inset 0 0 0 1px rgba(239,81,0,.35);background:rgba(239,81,0,.05)}body.editing [contenteditable=true]:focus{box-shadow:inset 0 0 0 1px rgba(239,81,0,.95);background:rgba(239,81,0,.11)}

.u314-back{position:fixed;left:16px;top:14px;z-index:9999;display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(94,207,255,.45);border-radius:999px;background:rgba(3,12,24,.82);backdrop-filter:blur(14px);color:#8be7ff;text-decoration:none;font:700 12px/1 Arial,sans-serif;letter-spacing:1.3px;box-shadow:0 8px 30px rgba(0,0,0,.35)}
.u314-back:hover{border-color:#ef5100;color:#fff;background:rgba(24,12,7,.92)}
@media(max-width:1120px){.u314-back{position:sticky;display:flex;width:max-content;margin:8px 10px 0;top:8px}}
