:root{--bg-app: #1a1d23;--panel-bg: rgba(20, 24, 32, .92);--float-bg: rgba(20, 24, 32, .85);--modal-bg: #161a22;--modal-overlay: rgba(0, 0, 0, .55);--menu-bg: #14181f;--surface: #10131a;--surface-2: #15181f;--text: #cdd6e4;--text-strong: #e6edf6;--text-muted: #9aa6b5;--text-dim: #7c8794;--border: #2c3340;--border-strong: #3a4150;--accent: #3d8bfd;--accent-hover: #5b8def;--accent-soft: #6ea8fe;--accent-bg: rgba(61, 139, 253, .13);--accent-border: rgba(61, 139, 253, .33);--danger: #e57373;--danger-strong: #e5534b;--danger-text: #ff7b72;--danger-bg: rgba(229, 115, 115, .13);--danger-border: rgba(229, 115, 115, .33);--success: #5dd47f;--warn: #ffb454;--thumb-bg: #262c36;--row-border: #222a35;--canvas-bg: #0f1218;--locked: #e0a96d;--notice-success: #9ae6b4;--notice-success-bg: rgba(18, 40, 28, .96);--notice-success-bd: #2e9e5b;--notice-error: #ffb3b0;--notice-error-bg: rgba(45, 18, 18, .96);--notice-error-bd: #d9534f;--notice-info: #a9c8ff;--notice-info-bg: rgba(18, 28, 45, .96);--notice-info-bd: #3d8bfd;--scene-bg: #1a1d23;--scene-ground: #20242b;--grid-cell: #2c3340;--grid-section: #3d8bfd}[data-theme=light]{--bg-app: #eef1f6;--panel-bg: rgba(255, 255, 255, .95);--float-bg: rgba(255, 255, 255, .92);--modal-bg: #ffffff;--modal-overlay: rgba(20, 28, 40, .32);--menu-bg: #ffffff;--surface: #f1f4f8;--surface-2: #e9edf3;--text: #1f2733;--text-strong: #0f1620;--text-muted: #5b6573;--text-dim: #8a93a0;--border: #d4d9e0;--border-strong: #c2c9d2;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-soft: #3b82f6;--accent-bg: rgba(37, 99, 235, .12);--accent-border: rgba(37, 99, 235, .35);--danger: #dc2626;--danger-strong: #b91c1c;--danger-text: #c0392b;--danger-bg: rgba(220, 38, 38, .1);--danger-border: rgba(220, 38, 38, .3);--success: #2e9e5b;--warn: #d98324;--thumb-bg: #e4e9f0;--row-border: #e2e6ec;--canvas-bg: #d9dee7;--locked: #b9772a;--notice-success: #1f7a44;--notice-success-bg: rgba(232, 247, 237, .97);--notice-success-bd: #2e9e5b;--notice-error: #b91c1c;--notice-error-bg: rgba(253, 235, 235, .97);--notice-error-bd: #d9534f;--notice-info: #1d4ed8;--notice-info-bg: rgba(235, 242, 253, .97);--notice-info-bd: #3d8bfd;--scene-bg: #eef1f6;--scene-ground: #dde3ec;--grid-cell: #cdd5df;--grid-section: #2563eb}html,body{background:var(--bg-app)}.pad-btn,.pad-spin{display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;line-height:1;transition:background-color .12s ease,border-color .12s ease,color .12s ease,transform .06s ease}.pad-btn{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text)}.pad-btn:hover{border-color:var(--accent-border);background:var(--accent-bg);color:var(--accent-soft)}.pad-spin{border:1px solid var(--accent-border);background:var(--accent-bg);color:var(--accent-soft)}.pad-spin:hover{background:var(--accent-border)}.pad-btn:active,.pad-spin:active{transform:translateY(1px)}.capsule-clear{cursor:pointer;border:none;background:none;color:var(--danger-text);border-radius:4px;transition:background-color .12s ease,color .12s ease}.capsule-clear:hover{background:var(--danger-bg);color:var(--danger-strong)}.pad-btn:focus-visible,.pad-spin:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.user-menu-item{transition:background-color .12s ease}.user-menu-item:hover{background:var(--surface-2)}