.workspace-tabs,.art-top,.hud-toolbar{display:flex;gap:10px;align-items:center;padding:12px 18px;border-bottom:1px solid #e5e0ef;background:#faf9fd}.workspace-tabs span,.hud-toolbar span{font-size:12px;color:#766b86;margin-left:auto}.workspace-tabs [aria-selected=true],.art-top .selected{color:#704ce4;background:#ede7fc;border-color:#baa7ee}.art-top{justify-content:space-between;font-size:12px}.art-top>div{display:flex;gap:8px}.art-layout{display:grid;grid-template-columns:190px minmax(0,1fr) 230px;min-height:735px}.costume-library,.art-inspector,.hud-inspector{background:#faf9fd;padding:18px;border-right:1px solid #e5e0ef;min-width:0;overflow:auto;max-height:900px}.art-inspector{border-right:0;border-left:1px solid #e5e0ef}.art-layout h2,.hud-inspector h2{font-size:15px;margin:0 0 14px}.art-buttons{display:flex;flex-wrap:wrap;gap:7px}.art-buttons button{padding:8px 10px;font-size:12px}.costume-card{display:flex;align-items:center;flex-direction:column;gap:6px;width:100%;margin-top:12px;min-height:100px;white-space:normal;text-align:center}.costume-card img{width:80px;height:72px;object-fit:contain;background:repeating-conic-gradient(#eeebf4 0% 25%,#fff 0% 50%) 50%/16px 16px}.costume-card strong{font-size:12px}.costume-card small{font-size:10px;overflow-wrap:anywhere}.costume-card.selected,#hud-list .selected{border-color:#704ce4;box-shadow:0 0 0 2px #704ce422}.paint-shell{min-width:0;min-height:735px;background:#fff}.paint-shell iframe{width:100%;height:100%;min-height:735px;border:0}#paint-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:735px;text-align:center;max-width:480px;margin:auto;padding:35px;color:#766b86}#paint-empty>span{font-size:90px;color:#704ce4}#paint-empty h2{font-size:26px;color:#251d35}#paint-empty p{line-height:1.7}.art-inspector label,.hud-inspector label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;margin:14px 0 8px}.art-inspector input:not([type=checkbox]),.art-inspector select,.hud-inspector input:not([type=checkbox]),.hud-inspector select{width:100%;min-width:0;padding:9px;border:1px solid #dcd5e8;border-radius:7px;background:#fff;font:13px system-ui;box-sizing:border-box}.art-inspector small,.hud-inspector small{font-size:10px;color:#766b86;line-height:1.6}.art-inspector .check-row,.hud-inspector .check-row{flex-direction:row;align-items:center;font-weight:400}.art-inspector .fine{font-size:11px;line-height:1.6}.hud-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;padding:24px;background:#f6f3fb}.hud-layout>div{min-width:0}#hud-stage{container-type:inline-size;position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:14px;background:radial-gradient(ellipse at 70% 30%,#b1be8535 0,transparent 50%),linear-gradient(12deg,#35584f 0 36%,#467061 36% 55%,#426158 55%);border:1px solid #d2cadf}.hud-node{position:absolute;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;padding:8px;border-radius:10px;cursor:move;user-select:none;touch-action:none;overflow:hidden}.hud-node.selected{outline:2px solid #cbb5ff;outline-offset:3px}.hud-node i{display:block;height:10px;align-self:flex-start;border-radius:10px}.hud-node img{width:100%;height:100%;object-fit:contain;pointer-events:none}.hud-node:has(img){background:transparent!important;padding:0}.hud-inspector{max-height:1000px;border:1px solid #e5e0ef;border-radius:10px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}#hud-list{display:flex;flex-direction:column;gap:6px}#hud-list button{text-align:left;font-size:12px}.native-hud{background:white;padding:20px;border-radius:12px;margin-top:25px}.native-hud h3{margin:0;font-size:16px}.native-hud-row{display:flex;gap:15px;align-items:center;border-bottom:1px solid #eee;padding:10px 0}.native-hud-row label{flex:1;font-size:12px;display:flex;gap:8px;align-items:center}.native-hud-row input[type=color]{width:36px;height:28px;padding:2px;border:1px solid #ddd;border-radius:4px}#art-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.preset-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px}.preset-card img{height:90px;width:90px}.preset-card small{font-size:10px;color:#766b86}[hidden]{display:none!important}@media(max-width:1200px){.art-layout{grid-template-columns:150px minmax(0,1fr)}.art-inspector{grid-column:1/-1;border-top:1px solid #e5e0ef;max-height:none}#costume-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:start}.art-inspector label{margin:0}.hud-layout{grid-template-columns:minmax(0,1fr) 240px}}@media(max-width:750px){.workspace-tabs span,.art-top>span{display:none}.art-layout{grid-template-columns:1fr}.costume-library{max-height:250px;border-bottom:1px solid #ddd}#costume-list{display:flex;gap:10px;overflow:auto}.costume-card{min-width:135px;width:135px}.paint-shell{overflow:auto}.paint-shell iframe{min-width:760px}#costume-fields{display:block}.hud-layout{grid-template-columns:1fr;padding:12px}.hud-toolbar{flex-wrap:wrap}.hud-toolbar span{width:100%;margin:0}#art-presets{grid-template-columns:1fr 1fr}.art-top{gap:8px;flex-wrap:wrap}}