.language-btn{min-width:0;margin:0;padding:10px 15px;border:1px solid #ffffff2b;border-radius:999px;background:#fff;color:var(--ink);font-size:.78rem;white-space:nowrap}
.language-btn:hover{filter:none;background:#eff5f3}
.brandbar{height:70px;padding:0 max(24px,calc((100vw - 1320px)/2));display:flex;align-items:center;gap:13px;border-bottom:1px solid #ddd9d1;background:#f6f3ee;color:var(--ink)}
.brandmark{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#151923;color:var(--lime);font:900 21px/1 Inter,"Segoe UI",Arial,sans-serif}
.brandbar strong{font:850 18px/1.1 Inter,"Segoe UI",Arial,sans-serif;letter-spacing:-.02em}.brandbar strong i{color:var(--orange);font-style:normal}.brandbar .local{margin-left:auto;color:#7a837e;font-size:.78rem}.brandbar .local::first-letter{color:#6dd47e}
.layer-toolbar{display:flex;align-items:center;gap:8px;margin:15px 0 12px}
.layer-toolbar .small{min-width:0;padding:9px 13px;border-radius:10px;font-size:.8rem}
.layer-toolbar span{margin-left:auto;color:var(--muted);font-size:.75rem;font-weight:900}
.layer-list{display:grid;gap:10px}
.layer-card{padding:12px;border:1px solid #cfe2de;border-radius:14px;background:#fff;box-shadow:0 7px 18px #1c2c3008}
.layer-card>header{display:flex;align-items:center;gap:9px;margin-bottom:10px}
.layer-card>header strong{font-size:.88rem}
.layer-card>header>div{display:flex;gap:6px;margin-left:auto}
.layer-number{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:var(--ink);color:#fff;font-size:.72rem;font-weight:900}
.icon-btn{min-width:0;padding:7px 10px;border-radius:8px;background:#edf2f1;color:var(--ink);font-size:.76rem;line-height:1}
.icon-btn.remove{background:#fff0ed;color:#b32f17}
.layer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.layer-grid label{display:grid;gap:5px;min-width:0;color:#40505a;font-size:.68rem;letter-spacing:.025em}
.layer-grid label.wide{grid-column:span 2}
.layer-grid label>span{display:grid;grid-template-columns:1fr auto;padding-right:8px;border:1px solid var(--line);border-radius:9px;overflow:hidden;color:var(--muted);font-weight:500}
.layer-grid input{min-width:0;padding:9px 10px;border-radius:9px;font-size:.86rem}
.layer-grid label>span input{border:0;border-radius:0}
.layer-grid input[type=color]{height:38px;padding:4px;cursor:pointer}
.layer-grid .file-label input{padding:7px;font-size:.74rem}
.layer-grid .file-label small{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}
.layer-empty{margin:0;padding:18px;border:1px dashed #b9ccc8;border-radius:12px;color:var(--muted);text-align:center;font-size:.84rem}
.actions{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.actions button{min-width:0;padding:11px 8px;border-radius:10px;font-size:.76rem;line-height:1.25}
.view-reset{min-width:0;padding:10px 12px;background:#eef2f2;color:var(--ink)}
#previewCanvas{cursor:grab;touch-action:none}
#previewCanvas:active{cursor:grabbing}
.preview-stage{position:relative;margin-top:14px}
.preview-stage canvas{margin:0;background:linear-gradient(145deg,#f7f8f6,#eceeea)}
.view-presets{position:absolute;z-index:5;right:18px;top:18px;display:flex;gap:5px}
.view-presets button{min-width:0;padding:11px 12px;border:0;border-radius:5px;background:#252a34;color:#fff;font:800 10px/1 Inter,"Segoe UI",Arial,sans-serif;box-shadow:0 7px 16px #1113}
.view-presets button:hover{transform:none;background:#11151d}
.zoom-controls{position:absolute;z-index:7;right:14px;bottom:14px;display:grid;grid-template-columns:42px 78px 42px;gap:3px;padding:4px;border-radius:9px;background:#171b24eb;box-shadow:0 6px 14px #1114}
.zoom-controls button{min-width:0;height:36px;padding:0;border:1px solid #fff5;border-radius:6px;background:#ffffff12;color:#fff;font:800 12px/1 Inter,"Segoe UI",Arial,sans-serif;box-shadow:none}
.zoom-controls button:hover{transform:none;background:#ffffff20}
.drag-hint{position:absolute;z-index:4;left:50%;bottom:16px;transform:translateX(-50%);padding:8px 14px;border-radius:999px;background:#fffc;color:#737c88;font-size:12px;white-space:nowrap;pointer-events:none}
@media(max-width:760px){.brandbar strong{font-size:14px}.brandbar .local{display:none}.view-presets{right:8px;top:8px}.view-presets button{padding:9px 7px;font-size:8px}.drag-hint{display:none}}
@media(max-width:1320px){.layer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.actions{grid-template-columns:repeat(2,minmax(0,1fr))}.actions #resetBtn{grid-column:1/-1}}
@media(max-width:650px){.language-btn{order:3}.layer-grid{grid-template-columns:1fr}.layer-grid label.wide{grid-column:auto}.preview-tools{width:100%;margin-left:0;flex-wrap:wrap}.pill{margin-left:auto}.actions{grid-template-columns:1fr 1fr}}