*{box-sizing:border-box}body{margin:0;background:#07101c;color:#f0e6d2;font:14px/1.45 'Segoe UI',Arial,sans-serif}header{height:76px;padding:0 24px;border-bottom:1px solid #273448;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#0b1727}.brand{color:#f0e6d2;text-decoration:none;font-weight:800;letter-spacing:3px;font-size:22px}.brand span{display:block;font-size:10px;color:#c89b3c;letter-spacing:2px}.actions{display:flex;gap:9px}button,select,input,textarea{font:inherit}button{background:#142337;color:#e2ebed;border:1px solid #344359;border-radius:6px;padding:9px 12px;cursor:pointer;transition:background .15s}button:hover{background:#233b50;border-color:#4b7e8b}button:disabled{opacity:.4;cursor:default}.primary{background:#0ac8b9;color:#061018;border-color:#0ac8b9;font-weight:700}.primary:hover{background:#65dfd5}.workspace{display:grid;grid-template-columns:252px minmax(360px,1fr) 268px;height:calc(100vh - 76px)}aside{padding:20px 16px;overflow:auto;background:#0b1727}.left{border-right:1px solid #273448}.right{border-left:1px solid #273448}.section-label{font-size:10px;letter-spacing:1.7px;font-weight:750;color:#c89b3c;margin:22px 0 10px}.section-label:first-child{margin-top:0}.section-label span{float:right;color:#75869c;font-size:9px}label{display:block;font-size:12px;color:#aebdca;margin-bottom:14px}select,input:not([type=range]),textarea{display:block;width:100%;background:#07101c;color:#f0e6d2;border:1px solid #344359;border-radius:5px;padding:9px;margin-top:5px;min-width:0}select:focus,input:focus,textarea:focus{outline:2px solid #0ac8b9;outline-offset:1px}input[type=color]{height:39px;padding:4px}input[type=range]{width:100%;accent-color:#0ac8b9}.pair,.toolbar,.add-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.toolbar{margin-top:14px}.wide{width:100%;margin-top:10px}.danger{color:#edaeae}.meta{font-size:11px;color:#8d9eb0;margin:10px 0}.layer{width:100%;text-align:left;border-color:transparent;background:transparent;margin:3px 0;padding:9px;display:flex;gap:9px;align-items:center}.layer.active{background:#133e48;border-color:#0ac8b9}.layer span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.layer small{color:#8398ae;font-size:10px}.layer.dim{opacity:.45}main{display:flex;flex-direction:column;min-width:0;min-height:0}.canvas-toolbar{height:55px;background:#0e1a2a;display:flex;align-items:center;justify-content:space-between;padding:8px 18px;gap:10px;font-size:12px}.canvas-toolbar>div{display:flex;align-items:center;gap:10px}.canvas-toolbar label{display:flex;align-items:center;gap:8px;margin:0}.canvas-toolbar select{width:80px;margin:0}#viewport{flex:1;overflow:auto;padding:40px;display:flex;align-items:flex-start;justify-content:center;background-color:#101923;background-image:radial-gradient(#293440 .7px,transparent .7px);background-size:16px 16px;min-height:0}#artboard{position:relative;flex:none;margin:auto;box-shadow:0 15px 45px #0008;touch-action:none}#canvas>svg{display:block;width:100%;height:100%;overflow:hidden}#canvas{width:100%;height:100%}#canvas svg [data-editor-id]{cursor:move}#selectionBox{position:absolute;border:1px solid #63f0de;outline:1px solid #08121d;pointer-events:none;display:none}#selectionBox i{position:absolute;right:-5px;bottom:-5px;width:10px;height:10px;background:#63f0de;border:1px solid #0b1727}.status{display:flex;justify-content:space-between;gap:10px;padding:11px 16px;font-size:10px;color:#8fa5b6;border-top:1px solid #273448}.status span:first-child{color:#83d6c8}#empty h2{font-size:25px;letter-spacing:-.7px;color:#f0e6d2}#empty p{color:#95a8b9;font-size:13px}.export-settings{margin-top:26px;padding-top:14px;border-top:1px solid #273448}[hidden]{display:none!important}@media(max-width:1050px){.workspace{grid-template-columns:210px minmax(300px,1fr) 230px}header{padding:0 15px}.actions{gap:5px}button{padding:8px}.brand{font-size:18px}#viewport{padding:22px}.status span:last-child{display:none}}@media(max-width:780px){header{height:auto;min-height:90px;flex-wrap:wrap;padding:12px}.workspace{height:auto;grid-template-columns:1fr}.left,.right{max-height:350px}main{height:650px}.actions{flex-wrap:wrap}.workspace .left{order:0}main{order:1}.right{order:2}#layers{max-height:130px;overflow:auto}}



.palette-label{font-size:11px;color:#aebdca;margin:13px 0 7px}.swatch-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.brand-swatch{height:28px;min-width:0;padding:0;border:1px solid #657381;border-radius:4px}.brand-swatch:hover{border-color:#f0e6d2;transform:translateY(-1px)}.brand-swatch[aria-pressed="true"]{outline:2px solid #0ac8b9;outline-offset:2px;box-shadow:inset 0 0 0 1px #07101c}.brand-swatch:focus-visible{outline:2px solid #f0e6d2;outline-offset:2px}#brandPalette{padding:4px 0 9px;border-bottom:1px solid #273448;margin-bottom:18px}#brandColorValue{font-variant-numeric:tabular-nums}



.brand{display:flex;align-items:center;gap:12px}.brand>img{width:48px;height:48px;object-fit:contain}.brand .brand-copy{font-size:22px;color:#f0e6d2;letter-spacing:3px}.brand .brand-copy span{font-size:10px;color:#c89b3c;letter-spacing:2px}


.export-settings input[type=checkbox]{display:inline-block;width:auto;margin-right:6px}

.export-settings input[type=checkbox]{display:inline-block;width:auto;margin-right:6px}

#artboard[data-transparent="true"]{background-color:#15202b;background-image:conic-gradient(#293643 25%,#15202b 0 50%,#293643 0 75%,#15202b 0);background-size:24px 24px}

#kitPreview{padding:20px 12px;border:1px solid;border-left-width:5px;border-radius:6px;margin-bottom:14px;font-weight:700;letter-spacing:1px}

#sceneGallery{display:grid;gap:8px}.scene-card{position:relative;padding:0;overflow:hidden;text-align:left;min-height:82px}.scene-card img{display:block;width:100%;height:88px;object-fit:cover}.scene-card span{position:absolute;bottom:0;left:0;right:0;padding:18px 9px 7px;background:linear-gradient(transparent,#010a13);color:#f0e6d2;font-size:12px;font-weight:700}.scene-card[aria-pressed=true]{outline:2px solid #c8aa6e;outline-offset:1px}#kitPreview{background-size:cover;background-position:center}

#channelFields{border:1px solid #344359;border-radius:6px;margin:12px 0;padding:10px}#channelFields legend{font-size:12px;color:#c8aa6e;padding:0 5px}.channel-option{margin-bottom:12px}.channel-option:last-child{margin-bottom:0}.channel-toggle{display:flex;align-items:center;gap:8px;margin:0;color:#f0e6d2;font-size:12px}.channel-toggle input[type=checkbox]{display:inline-block;width:16px;margin:0;accent-color:#0ac8b9}.channel-toggle svg{width:18px;height:18px;color:#cdfafa;flex:none}.channel-option>input{font-size:12px;padding:7px}.channel-option>input:disabled{opacity:.45}