*{box-sizing:border-box}html,body{color:#e8e8ea;background:#1b1b1f;height:100%;margin:0;font-family:system-ui,Malgun Gothic,Apple SD Gothic Neo,sans-serif;font-size:14px;overflow:hidden}body{flex-direction:column;display:flex}#bar{background:#26262b;border-bottom:1px solid #3a3a40;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:6px 8px;display:flex}#bar .tools{align-items:center;gap:6px;margin-left:auto;display:flex}#bar button{color:inherit;font:inherit;background:#3a3a42;border:1px solid #4a4a52;border-radius:6px;padding:6px 12px}#bar button:disabled{opacity:.4}#bar button.on{color:#fff;background:#1e88e5;border-color:#1e88e5}#info{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}#ver{color:#8a8a92;font-size:12px}@media (width<=600px){#info{color:#b8b8c0;flex-basis:100%;order:3;font-size:12px}#bar{gap:6px 4px}#bar .tools{gap:4px}#bar button{padding:6px 8px;font-size:13px}body.screen-view #ver{display:none}}#view{touch-action:none;flex:1;min-height:0;position:relative}#view>canvas:first-child{width:100%;height:100%;display:block}#view.drop{outline-offset:-8px;outline:3px dashed #5b8def}#view .cube{touch-action:none;cursor:pointer;position:absolute;top:12px;right:12px}#view .dial{pointer-events:none;position:absolute;bottom:8px;left:8px}#view .overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#layers{z-index:2;background:#26262bf5;border:1px solid #4a4a52;border-radius:8px;flex-direction:column;gap:2px;padding:6px 4px;display:flex;position:absolute;top:8px;right:124px}#layers label{white-space:nowrap;align-items:center;gap:8px;padding:8px 12px;display:flex}#layers input{width:18px;height:18px;margin:0}#rubPanel,#linePanel{z-index:2;background:#26262beb;border:1px solid #4a4a52;border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 14px;max-width:calc(100% - 16px);padding:6px 12px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}#rubPanel label{white-space:nowrap;align-items:center;gap:6px;display:flex}#rubPanel input{width:110px}#rubPanel span{text-align:right;color:#b8b8c0;font-variant-numeric:tabular-nums;min-width:34px}#rubPanel button,#linePanel button{color:inherit;font:inherit;background:#3a3a42;border:1px solid #4a4a52;border-radius:6px;padding:5px 10px}#hint,#busy{text-align:center;color:#9a9aa2;pointer-events:none;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}#busy{z-index:3;color:#fff;pointer-events:auto;background:#0000008c;flex-direction:column;gap:12px}#progress{background:#3a3a42;border-radius:4px;width:min(320px,80%);height:8px;overflow:hidden}#progress i{background:#1e88e5;width:0;height:100%;display:block}#cancel{color:inherit;font:inherit;background:#3a3a42;border:1px solid #4a4a52;border-radius:6px;padding:6px 16px}[hidden]{display:none!important}:is(#view:has(#rubPanel:not([hidden])) .dial,#view:has(#linePanel:not([hidden])) .dial){bottom:120px}#linePanel .seg{gap:0;display:flex}#linePanel .seg button{border-radius:0;padding:6px 16px}#linePanel .seg button:first-child{border-radius:6px 0 0 6px}#linePanel .seg button:last-child{border-left:none;border-radius:0 6px 6px 0}#linePanel .seg button.on{color:#fff;background:#1e88e5;border-color:#1e88e5}body.screen-list .only-view,body.screen-view .only-list{display:none!important}#title{flex:1;font-weight:600}#bar button.small{padding:5px 10px;font-size:13px}#list{flex:1;min-height:0;padding:4px 0 24px;overflow-y:auto}#crumbs{color:#9a9aa2;flex-wrap:wrap;align-items:center;gap:2px;padding:10px 12px;display:flex}#crumbs a{color:#cfd3da;border-radius:4px;padding:4px 6px;text-decoration:none}#crumbs a:last-child{color:#fff;font-weight:600}#crumbs span{color:#6a6a72}#items{margin:0;padding:0;list-style:none}#items a{color:inherit;border-bottom:1px solid #2c2c32;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;display:flex}#items a:active{background:#2c2c34}#items .ic{text-align:center;flex:none;width:22px}#items .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}#items .sz{color:#8a8a92;font-variant-numeric:tabular-nums;flex:none;font-size:12px}#listMsg{text-align:center;color:#9a9aa2;padding:32px 16px}#listMsg button{color:inherit;font:inherit;background:#3a3a42;border:1px solid #4a4a52;border-radius:6px;margin-top:12px;padding:6px 16px}#storedBar{text-align:center;color:#8a8a92;flex-direction:column;align-items:center;gap:10px;padding:20px 16px;font-size:12px;display:flex}#storedBar button{color:#cfd3da;font:inherit;background:#2c2c32;border:1px solid #4a4a52;border-radius:6px;padding:6px 14px;font-size:13px}
