:root{color-scheme:dark;font:14px/1.5 Inter,system-ui,sans-serif;color:#e6edf5;background:#11151c}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,select,input,textarea{color:inherit;background:#222b38;border:1px solid #3a4555;border-radius:7px;padding:8px 12px}button{cursor:pointer}button:hover{background:#344355}button.primary,button.active{background:#237477;border-color:#57b8ae}button:disabled{opacity:.4;cursor:default}input:focus,textarea:focus{outline:2px solid #68bbb0}a{color:#8ee1d1}header{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;border-bottom:1px solid #303846;gap:16px}h1{font-size:20px;margin:0}h2{font-size:18px;margin:0 0 14px}.muted{color:#9aa9bd}.brand{font-size:11px;letter-spacing:2px;color:#78cbbc}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.page{padding:28px;max-width:1600px;margin:auto}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:24px}.card{background:#1b222d;border:1px solid #333e4f;border-radius:12px;overflow:hidden;text-align:left;padding:0}.card img{width:100%;aspect-ratio:1.25;object-fit:cover;background:#27313e}.card .details{padding:16px}.card h2{margin:0 0 4px}.card .count{float:right;font-size:12px}.empty{padding:40px;text-align:center;color:#a4b1c4}.viewer-head{padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.modes{padding:0 24px 14px;display:flex;gap:7px;flex-wrap:wrap}.stage{display:flex;height:calc(100vh - 310px);min-height:380px;gap:2px;background:#4c5868}.pane{flex:1;min-width:0;position:relative;background:#202833}.pane canvas{width:100%;height:100%;display:block;touch-action:none;outline:none}.pane-label{position:absolute;top:15px;left:18px;padding:4px 10px;background:#111a;pointer-events:none;border-radius:5px}.pane-status{position:absolute;top:50%;width:100%;text-align:center;pointer-events:none}.under{display:flex;justify-content:space-between;gap:18px;padding:16px 24px;flex-wrap:wrap}.controls{display:flex;gap:20px;flex-wrap:wrap}.controls label{display:flex;gap:8px;align-items:center}input[type=range]{width:115px;padding:0}.version-info{max-width:640px}.badge{display:inline-block;background:#294449;color:#9ee5d8;font-size:11px;padding:2px 7px;border-radius:5px;margin-left:8px}dialog{background:#1b2330;color:#edf2f9;border:1px solid #536078;border-radius:12px;max-width:min(850px,95vw);max-height:90vh;width:600px;padding:26px}dialog::backdrop{background:#000a}dialog img{max-width:100%;max-height:60vh;object-fit:contain}dialog .close{float:right}label.field{display:block;margin:14px 0}label.field input,label.field textarea,label.field select{display:block;width:100%;margin-top:5px}textarea{min-height:90px}form.login{max-width:380px;margin:9vh auto;padding:28px;background:#1b2330;border-radius:14px}.error{color:#ffb3a5}.notice{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#294449;border:1px solid #65b3aa;padding:12px 24px;border-radius:8px;z-index:20;max-width:90vw}.row{padding:12px 0;border-bottom:1px solid #394354}.row button{float:right}details{margin-top:8px}pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#b8c7da}#share-url{width:100%}.texture-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.texture-grid button img{width:100%;height:180px;object-fit:contain}.check{display:flex;align-items:center;gap:7px}@media(max-width:700px){header{padding:12px 16px}.page{padding:16px}.stage.compare{height:900px;flex-direction:column}.viewer-head,.under{padding:12px}.modes{padding:0 12px 12px}.toolbar select{max-width:180px}.controls{gap:10px}.texture-grid{grid-template-columns:1fr}}