:root{color-scheme:dark;--bg:#0b2029;--card:#12303c;--line:#ffffff1f;--ink:#fbf3dc;--soft:#c9c0a6;--muted:#93a7ad;--gold:#f5cf55;--cyan:#40f2ff}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font:600 14px/1.4 CoralsNunito,system-ui,-apple-system,Segoe UI,sans-serif}#shading{display:grid;grid-template-columns:1fr min(380px,42vw);height:100dvh}.sh-view{position:relative;min-width:0;min-height:0}.sh-3d,.sh-brush{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.sh-brush{opacity:0;pointer-events:none;cursor:crosshair}.sh-brush.on{opacity:.45;pointer-events:auto}.sh-hint{position:absolute;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));margin:auto;width:fit-content;max-width:calc(100% - 24px);padding:8px 14px;border-radius:14px;background:#0b222cee;border:1px solid #f5cf5588;color:#f5e7b8;font-size:13px;pointer-events:none}.sh-hint[hidden]{display:none}.sh-panel{overflow:auto;display:flex;flex-direction:column;gap:10px;padding:14px 14px max(14px,env(safe-area-inset-bottom));border-left:1px solid #f5cf5540;background:linear-gradient(180deg,#122e3afa,#091a22fc);overscroll-behavior:contain}.sh-panel header{display:flex;flex-direction:column;gap:2px}.sh-panel header b{font-size:18px;color:#fff3c8}.sh-panel small,.sh-note{font-size:12px;color:var(--muted);margin:0;line-height:1.4}.sh-panel section{display:flex;flex-direction:column;gap:8px;padding:10px 12px 12px;border-radius:16px;background:#0f2c3a;border:1px solid var(--line)}.sh-panel h2{margin:0;font-size:14px;color:var(--gold)}.sh-panel label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--soft)}.sh-panel select,.sh-panel input[type=number],.sh-panel textarea{min-height:38px;border-radius:10px;border:1px solid #ffffff2a;background:#0b2029;color:var(--ink);font:600 13px CoralsNunito,system-ui,sans-serif;padding:6px 8px}.sh-panel textarea{resize:vertical;min-height:52px}.sh-panel input[type=range]{width:100%;accent-color:var(--gold)}.sh-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sh-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.sh-row input{flex:1;min-width:0}.sh-panel .sh-check{flex-direction:row;align-items:center;gap:8px;min-height:36px;color:var(--ink);flex-wrap:wrap}.sh-check small{flex-basis:100%;padding-left:26px;margin-top:-6px}.sh-check.off{opacity:.45}.sh-check input{width:18px;height:18px;accent-color:var(--cyan)}.sh-parts{display:grid;grid-template-columns:1fr 1fr;gap:2px 8px}.sh-panel button{min-height:40px;padding:8px 14px;border-radius:999px;border:1px solid #ffffff33;background:#16394a;color:var(--ink);font:800 13px CoralsNunito,system-ui,sans-serif;cursor:pointer}.sh-panel button:disabled{opacity:.5;cursor:default}.sh-panel button.primary{background:var(--gold);border-color:var(--gold);color:#2a2108}.sh-panel button[aria-pressed=true]:not(.primary){border-color:var(--cyan);color:var(--cyan)}.sh-panel button.danger{border-color:#e86a5c99;color:#ffb3ae;background:transparent}.sh-panel button.quiet{background:transparent}.sh-panel a{color:var(--gold)}.sh-status{margin:0;font-size:12px;color:#9be8b4;min-height:1em}.sh-layers{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:12px}.sh-layers li{display:flex;flex-direction:column;gap:4px}.sh-panel footer{font-size:12px;color:var(--muted);padding:2px 4px}@media(max-width:760px){#shading{grid-template-columns:1fr;grid-template-rows:minmax(220px,52dvh) 1fr}.sh-panel{border-left:0;border-top:1px solid #f5cf5540}.sh-parts,.sh-two{grid-template-columns:1fr}}@media(max-height:420px)and (min-width:440px){#shading{grid-template-columns:1fr min(320px,48vw);grid-template-rows:none}.sh-panel{border-top:0;border-left:1px solid #f5cf5540}}.sh-patron{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sh-patron figure{margin:0;display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--soft)}.sh-panel .sh-thumb{padding:0;min-height:0;border-radius:10px;overflow:hidden;background:#0b2029;border:1px solid #40f2ff55}.sh-thumb img,.sh-page img{display:block;width:100%;aspect-ratio:1;image-rendering:auto}.sh-page{display:grid;grid-template-columns:72px 72px 1fr;gap:6px;align-items:center;font-size:11px}.sh-page img{border-radius:8px;border:1px solid var(--line)}