*{box-sizing:border-box}body{margin:0;background:#0b0e14;color:#dde2f5;font:14px/1.45 Segoe UI,system-ui,sans-serif;overflow:hidden}button{font:inherit;cursor:pointer}input{font:inherit}.btn{background:#1a1e30;color:#dde2f5;border:1px solid #2a2f45;border-radius:9px;padding:7px 14px}.btn:hover{border-color:#e33d8c}.btn.primary{background:#e33d8c;border-color:#e33d8c;color:#fff;font-weight:600}.btn.ghost{background:transparent}.topbar{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#10131f;border-bottom:1px solid #1e2336}.brand{font-weight:800;letter-spacing:.4px;color:#fff}.brand em{color:#e33d8c;font-style:normal}.tool{width:40px;height:40px;border-radius:10px;background:#141828;border:1px solid #232842;color:#aab1cf;font-size:17px;display:flex;align-items:center;justify-content:center}.tool.on{background:#e33d8c;color:#fff;border-color:#e33d8c}.toolbar{position:absolute;left:12px;top:64px;display:flex;flex-direction:column;gap:6px;z-index:5}.canvas-wrap{position:fixed;right:0;bottom:0;left:0;top:49px}.docgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;padding:20px;overflow:auto;height:calc(100vh - 49px)}.doccard{background:#141828;border:1px solid #232842;border-radius:14px;padding:14px;cursor:pointer;min-height:120px;display:flex;flex-direction:column;justify-content:space-between}.doccard:hover{border-color:#e33d8c}.login{max-width:360px;margin:12vh auto;background:#141828;border:1px solid #232842;border-radius:16px;padding:26px;display:flex;flex-direction:column;gap:10px}.login input{background:#0f1320;border:1px solid #2a2f45;color:#fff;border-radius:9px;padding:9px 12px}.muted{color:#8f96b3;font-size:12.5px}.hud{position:absolute;bottom:10px;left:12px;color:#8f96b3;font-size:12px;z-index:5;-webkit-user-select:none;user-select:none}.props{position:absolute;right:12px;top:64px;width:200px;background:#141828cc;border:1px solid #232842;border-radius:12px;padding:10px;z-index:5;display:flex;flex-direction:column;gap:8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.props label{font-size:11.5px;color:#8f96b3;display:flex;align-items:center;justify-content:space-between;gap:8px}.props input[type=color]{width:42px;height:26px;border:none;background:none;padding:0}.props input[type=range]{width:110px}.toast{position:fixed;bottom:16px;left:50%;transform:translate(-50%);background:#1a1e30;border:1px solid #e33d8c;color:#fff;border-radius:10px;padding:8px 16px;z-index:50}.dock{position:fixed;right:0;top:49px;bottom:0;width:244px;background:#10131f;border-left:1px solid #1e2336;z-index:7;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.dock::-webkit-scrollbar,.swroll::-webkit-scrollbar{width:8px}.dock::-webkit-scrollbar-thumb,.swroll::-webkit-scrollbar-thumb{background:#232842;border-radius:4px}.sec{border-bottom:1px solid #1a1f33}.sec-h{display:flex;align-items:center;gap:8px;width:100%;background:transparent;border:none;color:#c6cce6;padding:9px 12px;font-size:12.5px;font-weight:600}.sec-h:hover{background:#141828;color:#fff}.sec-chev{display:inline-flex;transition:transform .12s;color:#5d6485}.sec-badge{font-size:10.5px;color:#8f96b3;background:#1a1e30;border-radius:8px;padding:1px 7px}.sec-b{padding:4px 12px 12px;display:flex;flex-direction:column;gap:8px}.sec-b label{font-size:11.5px;color:#8f96b3;display:flex;align-items:center;justify-content:space-between;gap:8px}.sec-b input[type=range]{width:104px}.sec-b input[type=number],.sec-b input[type=text],.sec-b select,.sec-b textarea{background:#0f1320;border:1px solid #2a2f45;color:#dde2f5;border-radius:6px;padding:4px 7px;font-size:12px}.sec-b textarea{width:100%;min-height:74px;resize:vertical;font-family:inherit}.btn.mini{padding:3px 9px;font-size:11.5px;border-radius:7px}.seg{display:flex;gap:0;border:1px solid #2a2f45;border-radius:8px;overflow:hidden}.seg button{flex:1;background:transparent;border:none;color:#8f96b3;padding:5px 4px;font-size:11.5px}.seg button.on{background:#e33d8c;color:#fff;font-weight:600}.sw-g{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#8f96b3;padding:4px 2px;cursor:pointer;-webkit-user-select:none;user-select:none}.sw-g:hover{color:#dde2f5}.sw-row{display:flex;align-items:center;gap:8px;font-size:12px;padding:3px 6px;border-radius:6px;cursor:pointer}.sw-row:hover{background:#1a2038}.sw-chip{width:16px;height:16px;border-radius:4px;border:1px solid #0008;flex-shrink:0}.lay-row{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:7px;cursor:pointer;font-size:12.5px}.lay-row:hover{background:#1a2038}.lay-row.on{background:#232d52}.lay-ic{display:inline-flex;color:#8f96b3;cursor:pointer}.lay-ic:hover{color:#fff}