:root{--cap-yellow:#f6c400;--cap-bg:#080b12;--cap-panel:#111827;--cap-border:#243044;--cap-text:#f8fafc;--cap-muted:#9ca3af}.cap-app{display:grid;grid-template-columns:330px 1fr;min-height:82vh;background:var(--cap-bg);color:var(--cap-text);border-radius:18px;overflow:hidden;font-family:Inter,Arial,sans-serif}.cap-sidebar{background:linear-gradient(180deg,#111827,#0b1020);border-right:1px solid var(--cap-border);padding:16px;overflow:auto}.cap-brand{font-size:21px;font-weight:900;margin-bottom:14px;color:var(--cap-yellow)}.cap-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.cap-tabs button,.cap-btn,.cap-toolbar button{border:1px solid var(--cap-border);background:#182235;color:var(--cap-text);border-radius:10px;padding:10px 12px;cursor:pointer;font-weight:700}.cap-tabs button.active,.cap-btn:hover,.cap-toolbar button:hover{background:var(--cap-yellow);color:#111}.cap-panel{display:none}.cap-panel.active{display:block}.cap-panel h3{margin:8px 0 12px}.cap-panel select,.cap-panel input,.cap-properties input{width:100%;background:#0b1020;border:1px solid var(--cap-border);color:var(--cap-text);border-radius:10px;padding:10px}.cap-asset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}.cap-app-asset{background:#0b1020;border:1px solid var(--cap-border);border-radius:12px;overflow:hidden;cursor:pointer}.cap-app-asset img{width:100%;height:110px;object-fit:cover;background:#222;display:block}.cap-app-asset span{display:block;padding:7px;font-size:12px;color:var(--cap-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cap-workspace{display:flex;flex-direction:column;min-width:0}.cap-toolbar{display:flex;gap:8px;flex-wrap:wrap;padding:12px;background:#0b1020;border-bottom:1px solid var(--cap-border)}.cap-stage-wrap{flex:1;display:grid;place-items:center;overflow:auto;padding:24px;background:radial-gradient(circle at center,#1f2937,#030712)}#capCanvas{max-width:100%;max-height:72vh;background:#111;box-shadow:0 24px 80px rgba(0,0,0,.45);touch-action:none}.cap-properties{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;padding:12px;background:#0b1020;border-top:1px solid var(--cap-border)}.cap-properties label{font-size:12px;color:var(--cap-muted)}.cap-mini-form{display:grid;gap:10px;margin-top:12px}.cap-preview-grid{display:grid;gap:12px}.cap-preview-card{background:#0b1020;border:1px solid var(--cap-border);border-radius:14px;padding:10px}.cap-preview-card canvas{width:100%;height:auto;background:#111}.cap-layer{display:flex;justify-content:space-between;gap:8px;padding:9px;border:1px solid var(--cap-border);border-radius:10px;background:#0b1020;margin-bottom:8px;cursor:pointer}.cap-layer.active{border-color:var(--cap-yellow)}.cap-gallery-page{padding:30px;border-radius:16px;background:#f8fafc}.cap-gallery-note{padding:18px;border:1px dashed #cbd5e1;border-radius:14px;background:#fff}@media(max-width:900px){.cap-app{grid-template-columns:1fr}.cap-sidebar{max-height:44vh;border-right:0;border-bottom:1px solid var(--cap-border)}.cap-properties{grid-template-columns:repeat(2,1fr)}.cap-toolbar{overflow:auto}.cap-stage-wrap{padding:10px}#capCanvas{max-height:58vh}.cap-asset-grid{grid-template-columns:repeat(3,1fr)}}