:root{font-family:Segoe UI,Arial,sans-serif;color:#d8e1eb;background:#101620;font-size:13px;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,select{background:#253244;border:1px solid #3c4b60;color:#e8eef5;border-radius:5px;padding:7px 10px;cursor:pointer}button:hover{background:#34465e}button:disabled{opacity:.4;cursor:default}input,textarea{background:#101925;color:#e4edf5;border:1px solid #40526a;border-radius:4px;padding:7px}#app{height:100vh;display:grid;grid-template-rows:52px 43px 1fr 116px 26px}header{background:#172330;display:flex;align-items:center;gap:18px;padding:0 18px;border-bottom:1px solid #334155}header strong{font-size:23px;letter-spacing:3px;color:#70d6bb}header small{color:#8b9db1}#docname{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{font-size:11px;color:#a9c7d3;background:#223547;padding:5px 9px;border-radius:20px}nav{display:flex;gap:6px;padding:5px 10px;background:#1c2838;align-items:center;overflow:auto}main{min-height:0;display:grid;grid-template-columns:290px 1fr 280px}aside{background:#17212e;overflow:auto;padding:12px;border-right:1px solid #334155}aside:last-child{border-left:1px solid #334155;border-right:0}h3{font-size:12px;text-transform:uppercase;letter-spacing:1.4px;color:#95aabd;margin:6px 0 14px}.row{display:flex;gap:6px;align-items:center;margin:8px 0}.row>*{min-width:0}.grow{flex:1}.layer{padding:8px 0;border-bottom:1px solid #2b394b}.layer label{display:flex;gap:7px;align-items:center}.layer span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.layer select{width:100%;margin-top:5px;padding:4px}.layer input[type=color]{padding:0;width:22px;height:22px;border:0}.layer input[type=checkbox]{accent-color:#5ac7ae}.muted{color:#93a3b7;font-size:12px;line-height:1.5}#viewport{position:relative;background:radial-gradient(ellipse at center,#182536,#101720);overflow:hidden}#canvas{width:100%;height:100%;touch-action:none;cursor:crosshair}#canvas .entity{cursor:pointer}#canvas .selected{filter:drop-shadow(0 0 2px #70f4d0)}#canvas .selected path,#canvas .selected polyline,#canvas .selected line{stroke:#63e4bb!important;stroke-width:2.5!important}#empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;pointer-events:none}#empty h1{font-size:36px;font-weight:400;color:#b2c5d6;margin-bottom:10px}#empty p{color:#8295aa;line-height:1.7}#viewtools{position:absolute;right:14px;top:12px;display:flex;gap:5px}#commandbar{border-top:1px solid #38485a;background:#101925;padding:8px 14px;display:flex;flex-direction:column;gap:6px}#log{flex:1;overflow:auto;font:12px Consolas,monospace;color:#b1c4d8;white-space:pre-wrap}#commandrow{display:flex;align-items:center;gap:10px}#command{flex:1;font-family:Consolas,monospace}footer{display:flex;align-items:center;gap:18px;background:#1d2c3d;padding:0 14px;font-size:11px;color:#aec1d3}#status{flex:1}dl{display:grid;grid-template-columns:85px 1fr;gap:8px;overflow-wrap:anywhere}dt{color:#8ba1b7}dd{margin:0}#props button{margin:4px 3px 4px 0}#props textarea{width:100%;height:130px;font-family:Consolas,monospace}details{margin:10px 0}summary{cursor:pointer;color:#a9c8d7}dialog{background:#172330;color:#e0e8f0;border:1px solid #4c6077;border-radius:10px;max-width:850px;width:80%;max-height:85vh;padding:24px}dialog::backdrop{background:#0009}dialog pre{white-space:pre-wrap;max-height:55vh;overflow:auto}dialog select{width:100%;margin:7px 0}#busy{position:fixed;inset:0;background:#07121cb0;display:none;align-items:center;justify-content:center;z-index:50;font-size:20px}#busy.show{display:flex}.pill{padding:5px 8px;border-radius:5px;background:#203c3d;color:#80d4bc}.warn{color:#e9bd76}.section{margin-top:20px;padding-top:12px;border-top:1px solid #344155}@media(max-width:1000px){main{grid-template-columns:220px 1fr 220px}.badge{display:none}}nav button{flex-shrink:0}#tools{display:flex;flex-wrap:wrap;gap:5px}main{grid-template-columns:290px minmax(0,1fr) 280px}#canvas{display:block}@media(max-width:760px){main{display:block;position:relative}#viewport{height:100%}main>aside{display:none;position:absolute;top:0;bottom:0;width:270px;z-index:10;box-shadow:0 0 20px #0008}main>aside:last-child{right:0}.show-layers main>aside:first-child{display:block}.show-properties main>aside:last-child{display:block}header small{display:none}header{gap:8px;padding:0 10px}footer{overflow:hidden;white-space:nowrap}#units{display:none}#app{grid-template-rows:52px 43px 1fr 116px 26px}}#overlay{pointer-events:none}#overlay [data-grip]{pointer-events:all;cursor:move}#overlay .preview{opacity:.7}#overlay .preview path{stroke:#6ee7b7!important;stroke-dasharray:5 3;stroke-width:2}#fenLoginForm{display:grid;gap:10px;margin:12px 0}#fenLoginForm label{display:grid;gap:4px}#fenError{color:#f0b279}#fenStatus{color:#91decb}main>aside:first-child{display:flex;flex-direction:column;overflow:hidden}#layers{overflow:auto;min-height:0;flex:1}.layer .row{flex-wrap:wrap}@media(min-width:761px){.hide-layers main{grid-template-columns:minmax(0,1fr) 280px}.hide-layers main>aside:first-child{display:none}.hide-properties main{grid-template-columns:290px minmax(0,1fr)}.hide-properties main>aside:last-child{display:none}.hide-layers.hide-properties main{grid-template-columns:minmax(0,1fr)}}@media(max-width:760px){main>aside:first-child{display:none}.show-layers main>aside:first-child{display:flex}}.aci-palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:4px}.aci-palette button{height:34px;padding:2px}.aci-palette span{font-size:10px;background:#000a;color:#fff;padding:1px 3px;border-radius:3px}.brand-logo{display:block;width:100px;height:auto;max-height:36px;object-fit:contain;flex-shrink:0}#saveProgress{max-width:460px;text-align:center;padding:32px}#saveProgress h2{font-size:20px;line-height:1.45}#saveProgress p{color:#b9cad8;line-height:1.5}.save-spinner{width:40px;height:40px;margin:0 auto 20px;border:4px solid #405367;border-top-color:#ffe23a;border-radius:50%;animation:save-spin 1s linear infinite}@keyframes save-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.save-spinner{animation:none}}nav{overflow:visible;position:relative;z-index:20}nav>button{min-height:36px}nav>button:focus-visible,.cad-menu button:focus-visible{outline:2px solid #ffe23a;outline-offset:-3px}.cad-menu{position:fixed;width:min(360px,calc(100vw - 16px));max-height:calc(100vh - 110px);overflow:auto;background:#172330;border:1px solid #60758c;border-radius:7px;box-shadow:0 8px 28px #0009;padding:5px;z-index:30}.cad-menu button{display:block;text-align:left;width:100%;min-height:44px;background:transparent;border:0;border-radius:3px;white-space:normal}.cad-menu button:hover{background:#34465e}.cad-menu small{display:block;color:#a9bdce;font-size:11px;margin-top:4px}.cad-menu hr{border:0;border-top:1px solid #40526a;margin:4px}#diskName{width:100%;margin:8px 0}#diskError{color:#f0b279}@media(max-width:600px){nav{gap:1px;padding:2px}nav>button{padding:8px 5px;font-size:11px}}dialog.fenice-auth{width:min(440px,calc(100vw - 32px));box-sizing:border-box;max-height:90vh;overflow:auto}.fenice-auth label{display:flex;flex-direction:column;gap:6px;margin:14px 0}.fenice-auth input{width:100%;box-sizing:border-box;min-height:44px}.fenice-auth button{min-height:44px}.fenice-auth [role=alert]{color:#ffb86b}.asset-layer-list{max-height:42vh;overflow:auto}.asset-layer-row{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:12px;align-items:center;padding:8px;border-bottom:1px solid #334155}.asset-layer-row input[type=checkbox]{width:auto}.asset-review{display:grid;grid-template-columns:1fr 1fr;gap:24px}.asset-review label{display:block;margin:10px 0}.asset-review input,.asset-review select{width:100%;box-sizing:border-box}.asset-preview{display:block;width:100%;height:260px;background:#101b28;border:1px solid #475569}.asset-review pre{white-space:pre-wrap;max-height:180px;overflow:auto}.asset-layer-list td,.asset-layer-list th{text-align:left;padding:8px;border-bottom:1px solid #334155}@media(max-width:800px){.asset-review,.asset-layer-row{grid-template-columns:1fr}}.asset-field-error{display:block;color:#ffb4a8;font-weight:600;margin-top:4px}.asset-review [aria-invalid=true]{border:2px solid #ff7866;outline:2px solid #ff786644}.asset-review fieldset{border:0;padding:0;margin:0;min-width:0}.asset-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.asset-secondary{border-top:1px solid #405366;padding-top:12px}.asset-state-saved{background:#173d2e}.asset-state-excluded{background:#514219}.asset-state-pending{background:#522c32}.asset-state-saved td:nth-child(2){color:#b5f2cc}.asset-state-excluded td:nth-child(2){color:#ffe299}.asset-state-pending td:nth-child(2){color:#ffd0d4}
