@font-face{font-family:"Gulim";src:url("fonts/gulim-latin.woff") format("woff");font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:dark;--gold:#d9c895;--line:#526a76;--text:#c2ccd0;--panel:#0b2537;--deep:#041827}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#081b29;color:var(--text);font:12px "Gulim",Tahoma,Arial,sans-serif}body{padding:18px;background:linear-gradient(#1c3c4d,#092333 150px,#061722)}button,select{font:12px "Gulim",Tahoma,Arial,sans-serif;color:#c8d4d8}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}.workspace{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:278px minmax(0,1fr);gap:10px;min-height:min(820px,calc(100dvh - 36px))}.window{border:1px solid #7b9199;outline:1px solid #030b12;box-shadow:inset 0 0 0 2px #173f53,inset 0 0 0 3px #365363,0 5px 25px #0008;background:linear-gradient(90deg,#0b2436,#0e2b3d 50%,#092234);position:relative}.window:before,.window:after{content:'◆';position:absolute;font-family:"Gulim",Tahoma;font-size:12px;color:#9badb1;text-shadow:1px 1px #000;z-index:4;pointer-events:none;top:-6px}.window:before{left:-5px}.window:after{right:-5px}.window-title{height:37px;background:linear-gradient(#2b4858 0,#152f40 15%,#092133 49%,#051a2a 52%,#1c3c4b 100%);border-bottom:1px solid #799099;box-shadow:0 1px #03111c,inset 0 1px #93a3a7,inset 0 -2px #06121b;display:flex;justify-content:space-between;align-items:center;padding:0 17px;color:#dfd2a9;font-family:"Gulim",Tahoma,sans-serif;font-size:15px;text-shadow:1px 1px #000}.ornament{color:#819da8;font-size:9px}.settings{padding:21px 20px}.section-title{text-align:center;color:#d4c38f;font-family:"Gulim",Tahoma,sans-serif;font-size:15px;margin-bottom:19px;text-shadow:1px 1px #000}label{display:flex;justify-content:space-between;align-items:center;color:#b3c4cf;margin:18px 0 8px;font-size:11px}label span{color:#d5c78d;font-size:10px}select{width:100%;padding:9px 10px;background:#071c2c;border:1px solid #586f7b;box-shadow:inset 1px 1px 3px #000b;border-radius:0}button{background:linear-gradient(#29495b,#102f43 47%,#082335 50%,#1a3c4e);border:1px solid #617d8a;box-shadow:inset 1px 1px #758e9866,inset -1px -1px #05121a,0 1px #000a;border-radius:1px;padding:8px 9px;text-shadow:1px 1px #000}button:hover:not(:disabled){border-color:#b5c6bd;color:#fff1b7;filter:brightness(1.15)}button.active,button[aria-pressed=true]{color:#f1d88d;border-color:#b8a46b;background:linear-gradient(#42606a,#294856 45%,#193744 50%,#375361);box-shadow:inset 0 0 0 1px #b3a67a55,inset 0 1px #c8c19644,0 0 6px #86c6ef22}.segmented{display:flex;gap:5px}.segmented button{flex:1;font-size:11px}.separator{height:11px;margin:23px 0 18px;background:url('ui/menu-bottom.gif') center/100% 11px no-repeat;opacity:.85}.choices{display:flex;gap:7px}.choices button{flex:1}.hair-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.hair-grid button{padding:9px 0}.swatches{display:flex;gap:15px;padding:4px 2px}.swatches button{width:33px;height:33px;background:var(--swatch);border:3px solid #102a3b;outline:1px solid #5e7884;box-shadow:inset 1px 1px 4px #fff5,inset -2px -2px 5px #0007;border-radius:1px}.swatches button.active{outline:2px solid #e1c37c;box-shadow:0 0 7px #c5ad6c66,inset 1px 1px 4px #fff5}.viewport{overflow:hidden;min-height:720px;background:radial-gradient(ellipse at 50% 42%,#315564 0,#17394b 36%,#081e30 75%)}.viewport .window-title{position:relative;z-index:3}.viewer-state{font:10px "Gulim",Tahoma;color:#8fadae;text-shadow:none}#canvas{position:absolute;top:37px;bottom:93px;left:3px;right:3px;touch-action:none}canvas{display:block;width:100%;height:100%}.model-info{position:absolute;bottom:105px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;color:#b5c8d0;text-shadow:1px 1px #000;font-size:11px}.model-info span:last-child{font-size:9px;color:#7597aa}.toolbar{position:absolute;bottom:34px;left:3px;right:3px;display:flex;gap:12px;justify-content:space-between;padding:12px 15px;background:linear-gradient(#15394d,#0a2336);border-top:1px solid #527181;border-bottom:1px solid #021321}.toolbar>div{display:flex;gap:5px}.toolbar button{font-size:11px;padding:8px 11px}.viewer-help{position:absolute;bottom:0;height:34px;left:0;right:0;display:flex;justify-content:center;align-items:center;font-size:10px;color:#7795a8;background:#071c2e;padding:0 8px;gap:12px}.viewer-help span{color:#425f70}#error{position:absolute;z-index:6;left:20px;right:20px;top:65px;padding:17px;background:#4a252c;color:#f4d6d7;border:1px solid #a37177}button:focus-visible,select:focus-visible{outline:2px solid #d1bf83;outline-offset:3px}@media(min-height:900px){.workspace{min-height:850px}.viewport{min-height:850px}}@media(max-width:850px){body{padding:10px}.workspace{grid-template-columns:235px minmax(0,1fr)}.settings{padding:20px 15px}.toolbar{padding:10px 8px;gap:5px;flex-wrap:wrap}.toolbar button{padding:7px;font-size:10px}.viewer-help{font-size:8px;gap:6px}.model-info{left:15px;bottom:125px}.model-info span:last-child{display:none}.window-title{padding:0 12px;font-size:13px}.viewer-state{font-size:9px}}@media(max-width:600px){body{padding:8px}.workspace{display:flex;flex-direction:column-reverse;gap:10px}.viewport{min-height:570px;height:70dvh}.settings{padding:18px 20px}.hair-grid{grid-template-columns:repeat(9,1fr)}.toolbar{justify-content:center}.viewer-help{font-size:9px}.model-info{bottom:116px}}

.swatches button{color:#fff;font-size:11px;text-shadow:0 1px 2px #000,1px 0 2px #000,-1px 0 2px #000;padding:0}.toolbar{justify-content:center}.settings{padding-bottom:25px}