:root{font:13px Arial,Helvetica,sans-serif;color:#dce4e2;background:#10191e;--accent:#efa66a;--line:#ffffff1b;--muted:#98adb3}*{box-sizing:border-box}body{margin:0;height:100vh;display:grid;grid-template-columns:440px 1fr;grid-template-rows:64px 1fr;overflow:hidden}header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.12em;background:#162027}header>a:first-child{font-size:14px;font-weight:800;color:#eedecb}header>span{color:#91a4a9;font-size:9px}a{color:inherit;text-decoration:none}aside{padding:27px 24px;overflow:auto;border-right:1px solid var(--line);background:#152127}h1{font-size:25px;font-weight:500;letter-spacing:-.6px;margin:12px 0 8px}h2{font-size:26px;font-weight:400;letter-spacing:-.4px;margin:8px 0}.eyebrow{font-size:9px;letter-spacing:.18em;color:var(--accent);font-weight:bold}.section{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.muted{font-size:11px;line-height:1.6;color:var(--muted);margin:8px 0 18px}label{display:block;font-size:9px;letter-spacing:.1em;color:#a7bbc0;margin:17px 0 7px}input,select,textarea,button{font:inherit;color:#dce4e2;border:1px solid #ffffff29;background:#223139;padding:10px;max-width:100%;width:100%;border-radius:0}select{font-size:12px;cursor:pointer}input{margin-top:8px}input[type=range]{padding:0;accent-color:var(--accent);height:17px}input[type=color]{padding:3px;height:33px;width:100%;cursor:pointer}input[type=file]{font-size:10px;padding:6px}.palette{display:flex;gap:12px}.palette label{flex:1}output{float:right;color:#edc79f;letter-spacing:0}button{font-size:9px;font-weight:700;letter-spacing:.08em;cursor:pointer;white-space:nowrap}button:hover{background:#3c4b4e;border-color:var(--accent)}button.active,button.primary{background:var(--accent);border-color:var(--accent);color:#172228}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.button-row{display:flex;gap:7px;margin:12px 0}.button-row button{flex:1;padding:11px 5px}#import{margin-top:9px}textarea{margin-top:10px;min-height:100px;resize:vertical;font:11px/1.4 monospace}.footnote{font-size:10px;line-height:1.6;color:#8b9ea5;margin-top:20px}#view{position:relative;min-width:0;overflow:hidden}canvas{display:block;width:100%;height:100%}.viewport-header{position:absolute;top:32px;left:34px;right:34px;display:flex;align-items:start;justify-content:space-between;pointer-events:none}.viewport-header>span{font-size:9px;letter-spacing:.13em;color:#98b0b8;border:1px solid var(--line);padding:9px}.view-tools{position:absolute;top:120px;left:34px;display:flex;gap:5px}.view-tools button{width:auto;padding:10px 14px}#stats{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:15px;padding:18px 32px;background:#101a20d9;border-top:1px solid var(--line);font:10px monospace;color:#a7bec7}#stats b{color:#e7d8c7;font-weight:500}#hint{position:absolute;bottom:84px;left:34px;font-size:10px;letter-spacing:.03em;color:#8fa8b3}#status{position:absolute;bottom:110px;left:34px;color:#a5cdbb;font-size:11px;max-width:75%}#status.error{color:#ff9c86}#reticle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#bedad4;font:20px monospace;pointer-events:none}#preview-actions{position:absolute;bottom:87px;right:30px;display:flex;gap:6px}#preview-actions button{width:auto}[hidden]{display:none!important}@media(max-width:1100px){body{grid-template-columns:380px 1fr}}@media(max-width:950px){body{grid-template-columns:320px 1fr}aside{padding:22px 18px}header>span{display:none}.view-tools{left:20px;gap:3px;flex-wrap:wrap;right:20px}.view-tools button{padding:9px}.viewport-header{left:20px;right:20px}#stats{flex-wrap:wrap;padding:14px 20px;font-size:9px}#hint{left:20px;bottom:115px;max-width:80%;line-height:1.5}#status{left:20px;bottom:145px}#preview-actions{bottom:78px;right:20px}}@media(max-width:650px){body{grid-template-columns:220px 1fr}aside{padding:20px 13px}header{padding:0 14px}header>a:last-child{font-size:8px}h1{font-size:20px}h2{font-size:21px}.viewport-header>span{display:none}.view-tools{top:112px}.view-tools button{font-size:8px;padding:8px}#stats{gap:6px}.section{margin-top:18px;padding-top:16px}.button-row{flex-direction:column}#preview-actions{left:14px;right:14px;flex-direction:column}#hint{bottom:160px}#status{bottom:200px}}
/* Edytor skórek używa istniejącego panelu i tych samych kontrolek. */
/* Wygląd z gry (domyślny): konfiguracja studyjna (palety, skórki, warianty) schowana; ?studio ją przywraca. */
.game-look .studio-only { display:none !important; }
body:not(.game-look) .game-only { display:none !important; }
#tier-row { margin-top:22px; }
#skin-editor { margin:12px 0 20px; }
#skin-editor summary { cursor:pointer;font-size:10px;letter-spacing:.08em;padding:12px 0;color:#c5cfbd; }
#skin-editor details[open] { padding-bottom:12px; }