*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:system-ui,-apple-system,sans-serif}#canvas-container{position:relative;width:100%;height:100%}#scene-canvas,#interaction-canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block}#interaction-canvas{z-index:1}#logo{position:fixed;top:10px;left:16px;z-index:10;font-size:20px;font-weight:700;color:#333;letter-spacing:-.3px;-webkit-user-select:none;user-select:none;pointer-events:none;line-height:40px}.logo-z{color:#2e8b2e}.logo-x{color:#c42b2b}.learn-btn{position:fixed;top:10px;right:16px;height:40px;z-index:10;padding:5px 14px;border:1px solid rgba(0,0,0,.1);border-radius:6px;background:#ffffffe0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:12px;font-weight:500;color:#508cff;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s;box-shadow:0 1px 4px #00000014}.learn-btn:hover{background:#508cff14;border-color:#508cff4d}#learn-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#00000059}#learn-overlay.hidden{display:none}.learn-panel{background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:14px;border:1px solid rgba(200,200,200,.5);box-shadow:0 8px 32px #00000026;padding:20px 28px 24px;width:600px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column}.learn-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-size:15px;font-weight:600;color:#333}.learn-close{background:none;border:none;font-size:20px;color:#999;cursor:pointer;padding:0 4px;line-height:1}.learn-close:hover{color:#555}.learn-content{overflow-y:auto;font-size:13px;color:#555;line-height:1.6}.learn-placeholder{text-align:center;color:#999;padding:40px 0;font-style:italic}#toolbar{position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:4px;background:#ffffffe0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:4px 6px;box-shadow:0 1px 4px #00000014}#toolbar button:not(.mode-seg){display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:#444;cursor:pointer;transition:background .12s,color .12s}#toolbar button:not(.mode-seg):hover:not(:disabled){background:#00000012;color:#111}#toolbar button:not(.mode-seg):active:not(:disabled){background:#0000001f}#toolbar button:not(.mode-seg):disabled{opacity:.3;cursor:default}.toolbar-sep{width:1px;height:20px;background:#0000001f;margin:0 2px}.offline-badge{font-size:9px;color:#888;background:#0000000f;border-radius:3px;padding:1px 5px;letter-spacing:.3px;-webkit-user-select:none;user-select:none}.offline-badge.hidden{display:none}#export-group{position:relative}#export-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:6px;background:#fffffff0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.12);border-radius:8px;padding:4px;box-shadow:0 4px 16px #0000001f;white-space:nowrap;z-index:20}#export-menu.hidden{display:none}.export-option{display:block;width:100%;padding:5px 12px;border:none;border-radius:5px;background:transparent;font-size:12px;color:#444;cursor:pointer;text-align:left;transition:background .12s}.export-option:hover{background:#0000000f}.export-disabled{color:#aaa;cursor:default}.export-disabled:hover{background:transparent}#palette{position:fixed;top:50%;left:10px;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;gap:4px;background:#ffffffe0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:6px;box-shadow:0 1px 4px #00000014;max-height:85vh;overflow:hidden}.palette-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:2px solid transparent;border-radius:8px;background:transparent;cursor:pointer;transition:background .12s,border-color .12s}.palette-btn:hover{background:#0000000d}.palette-btn.active{border-color:#508cff99;background:#508cff14}.mode-toggle{display:flex;background:#0000000f;border-radius:6px;padding:2px;gap:2px}.mode-seg{padding:6px 18px;border:none;border-radius:5px;background:transparent;font-size:11px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px;font-family:inherit;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s;line-height:1;white-space:nowrap}.mode-seg:hover:not(.active){color:#555;background:#0000000a}.mode-seg.active{background:#fff;color:#508cff;box-shadow:0 1px 3px #0000001a,0 0 0 .5px #0000000a;cursor:default}#palette.proof-mode{min-width:180px}#palette.proof-mode .palette-btn{display:none}.proof-timeline{display:flex;flex-direction:column;overflow:hidden}.proof-timeline.hidden{display:none}.proof-timeline .proof-steps{overflow-y:auto;max-height:50vh}.proof-timeline .proof-actions{flex-direction:column;gap:3px}.proof-timeline .proof-actions button{width:100%}#context-menu{position:fixed;z-index:20;background:#fffffff0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.12);border-radius:10px;padding:8px;box-shadow:0 4px 16px #0000001f;min-width:160px}#context-menu.hidden{display:none}#ctx-rewrite-row{display:flex;justify-content:center;margin-bottom:4px}.ctx-rewrite-label{display:flex;align-items:center;gap:4px;font-size:10.5px;color:#888;cursor:pointer;-webkit-user-select:none;user-select:none}.ctx-rewrite-label input{margin:0;cursor:pointer;accent-color:#508cff}.ctx-rewrite-label.disabled{opacity:.5;cursor:default}.ctx-rewrite-label.disabled input{cursor:default}#ctx-color-row{display:flex;gap:6px;justify-content:center;margin-bottom:6px}.ctx-color-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:2px solid transparent;border-radius:8px;background:transparent;cursor:pointer;transition:border-color .12s,background .12s}.ctx-color-btn:hover{background:#0000000d}.ctx-color-btn.active{border-color:#508cff99}#ctx-phase-row{display:flex;align-items:center;gap:6px;margin-bottom:4px}#ctx-phase-row label{font-size:12px;color:#666;white-space:nowrap}#ctx-phase-input{flex:1;min-width:0;padding:4px 6px;border:1px solid rgba(0,0,0,.15);border-radius:5px;font-size:13px;font-family:inherit;outline:none;background:#ffffffb3;transition:border-color .12s}#ctx-phase-input:focus{border-color:#508cff80}#ctx-phase-presets{display:flex;gap:2px;margin-bottom:6px}.ctx-preset{flex:1;padding:3px 0;border:1px solid rgba(0,0,0,.1);border-radius:4px;background:#00000008;font-size:11px;color:#444;cursor:pointer;transition:background .12s;text-align:center}.ctx-preset:hover{background:#508cff1a}.ctx-preset.active{background:#508cff26;border-color:#508cff66;color:#222}.ctx-sep{height:1px;background:#00000014;margin:4px 0}.ctx-action-btn{display:block;width:100%;padding:5px 8px;border:none;border-radius:5px;background:transparent;font-size:12px;color:#444;cursor:pointer;text-align:left;transition:background .12s}.ctx-action-btn:hover{background:#0000000f}.ctx-delete-btn{color:#c42b2b}.ctx-delete-btn:hover{background:#c42b2b14}#ctx-split-row{margin-top:2px}.ctx-split-label{font-size:12px;color:#666;margin-bottom:3px}.ctx-split-inputs{display:flex;align-items:center;gap:4px;margin-bottom:4px}.ctx-split-input{flex:1;min-width:0;padding:4px 6px;border:1px solid rgba(0,0,0,.15);border-radius:5px;font-size:13px;font-family:inherit;outline:none;background:#ffffffb3;text-align:center;transition:border-color .12s}.ctx-split-input:focus{border-color:#508cff80}.ctx-split-plus{font-size:13px;color:#888;flex-shrink:0}.ctx-split-action{text-align:center;font-weight:500;color:#508cff}#rewrite-panel{position:fixed;top:50%;right:10px;transform:translateY(-50%);z-index:10;display:flex;align-items:stretch;background:#ffffffe0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);border-radius:8px;box-shadow:0 1px 4px #00000014;overflow:hidden;transition:width .18s ease}#rewrite-panel .rw-body{width:170px;padding:8px;overflow-y:auto;max-height:85vh;transition:width .2s ease}.rw-toggle{display:flex;align-items:center;justify-content:center;width:24px;border:none;border-right:1px solid rgba(0,0,0,.06);background:transparent;color:#888;cursor:pointer;flex-shrink:0;transition:background .12s,color .12s}.rw-toggle:hover{background:#0000000a;color:#444}.rw-header{font-size:11px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.rw-group{margin-bottom:6px}.rw-group-label{font-size:10px;color:#999;text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px}.rw-rule-btn{display:flex;align-items:center;gap:6px;width:100%;padding:7px 6px;border:none;border-radius:5px;background:transparent;font-size:11.5px;color:#444;cursor:pointer;text-align:left;transition:background .12s,opacity .12s}.rw-rule-btn:hover:not(:disabled){background:#e6a0321a}.rw-rule-btn:disabled{opacity:.35;cursor:default}.rw-rule-dot{width:6px;height:6px;border-radius:50%;background:#ccc;flex-shrink:0;transition:background .15s}.rw-rule-btn.has-matches .rw-rule-dot{background:#e8a832}.rw-rule-nav{margin-left:auto;display:flex;align-items:center;gap:1px}.rw-nav-btn{display:none;align-items:center;justify-content:center;width:20px;height:20px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#999;font-size:15px;line-height:1;padding:0;cursor:pointer;border-radius:3px}.rw-nav-btn:hover{color:#e8a832;background:#e6a03233;border-color:#e6a0324d}.rw-rule-count{font-size:10px;color:#aaa;min-width:12px;text-align:center}.rw-rule-btn.has-matches .rw-rule-count{color:#c89020}.rw-simplify-group{border-top:1px solid rgba(255,255,255,.06);margin-top:4px;padding-top:2px}.rw-simp-btn{display:flex;align-items:center;gap:6px;width:100%;padding:7px 6px;background:none;border:none;color:#ccc;font-size:11.5px;font-family:inherit;cursor:pointer;text-align:left;border-radius:4px;transition:background .12s,opacity .12s}.rw-simp-btn:hover{background:#3cba541a}.rw-simp-btn:disabled{opacity:.35;cursor:default}.rw-simp-btn.working{opacity:.5;cursor:wait}.rw-simp-dot{width:6px;height:6px;border-radius:50%;background:#3cba54;flex-shrink:0}.rw-simp-btn.primary{color:#3cba54;font-weight:500}.rw-status{font-size:10.5px;color:#aaa;text-align:center;padding:6px 0 2px}#rewrite-panel.rw-expanded .rw-body{width:350px}#rewrite-panel.rw-expanded .rw-toggle svg{transform:rotate(180deg)}.rw-search-bar{margin-bottom:6px}.rw-search-bar.hidden{display:none}.rw-search-input{width:100%;padding:5px 8px;border:1px solid rgba(0,0,0,.12);border-radius:5px;font-size:12px;font-family:inherit;outline:none;background:#fff9;box-sizing:border-box}.rw-search-input:focus{border-color:#508cff80}.toast-container{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast{background:#1e1e1ee0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 18px;color:#ddd;font-size:12px;font-family:Inter,system-ui,sans-serif;white-space:nowrap;animation:toast-in .25s ease-out;pointer-events:auto}.toast.fade-out{animation:toast-out .3s ease-in forwards}.toast .toast-highlight{color:#3cba54;font-weight:500}.toast .toast-muted{color:#888}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.proof-body{padding:8px;display:flex;flex-direction:column;overflow:hidden;min-height:0}.proof-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.proof-header span{font-size:11px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.proof-exit-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:4px;background:transparent;color:#888;font-size:16px;cursor:pointer;transition:background .12s,color .12s}.proof-exit-btn:hover{background:#c42b2b1a;color:#c42b2b}.proof-steps{display:flex;flex-direction:column;gap:0;margin-bottom:8px;position:relative;overflow-y:auto;min-height:0;flex:1}.proof-steps:before{content:"";position:absolute;left:9px;top:12px;bottom:12px;width:1.5px;background:#0000001a;pointer-events:none}.proof-step{display:flex;align-items:flex-start;gap:8px;width:100%;padding:5px 6px;border:none;border-radius:5px;background:transparent;font-size:11px;color:#444;cursor:pointer;text-align:left;transition:background .12s;position:relative;flex-wrap:wrap}.proof-step:hover{background:#508cff14}.proof-step.active{background:#508cff1f}.proof-dot{width:8px;height:8px;border-radius:50%;border:1.5px solid rgba(0,0,0,.25);background:#fff;flex-shrink:0;margin-top:2px;position:relative;z-index:1;transition:background .15s,border-color .15s}.proof-dot.filled{background:#508cff;border-color:#508cff}.proof-step-label{flex:1;line-height:1.3;font-family:inherit}.proof-step-subtitle{font-size:9.5px;color:#999;width:100%;padding-left:16px}.proof-actions{display:flex;gap:4px;border-top:1px solid rgba(0,0,0,.06);padding-top:6px;flex-shrink:0}.proof-save-btn,.proof-export-btn{flex:1;padding:5px 6px;border:1px solid rgba(0,0,0,.1);border-radius:5px;background:#00000008;font-size:10.5px;color:#444;cursor:pointer;transition:background .12s;font-family:inherit}.proof-save-btn:hover,.proof-export-btn:hover{background:#508cff1a}#shortcuts-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#00000059}#shortcuts-overlay.hidden{display:none}.shortcuts-panel{background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:14px;border:1px solid rgba(200,200,200,.5);box-shadow:0 8px 32px #00000026;padding:20px 28px 16px;min-width:440px;max-width:540px}.shortcuts-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-size:15px;font-weight:600;color:#333}.shortcuts-close{background:none;border:none;font-size:20px;color:#999;cursor:pointer;padding:0 4px;line-height:1}.shortcuts-close:hover{color:#555}.shortcuts-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.shortcuts-col{display:flex;flex-direction:column;gap:4px}.shortcuts-group-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#999;margin-top:8px;margin-bottom:2px}.shortcuts-group-title:first-child{margin-top:0}.shortcut-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#555;padding:2px 0}.shortcut-row kbd{display:inline-block;background:#0000000f;border:1px solid rgba(0,0,0,.1);border-radius:4px;padding:1px 5px;font-size:11px;font-family:inherit;color:#444;min-width:20px;text-align:center}.shortcut-row span{flex:1;text-align:right;color:#666}.shortcuts-footer{margin-top:14px;padding-top:10px;border-top:1px solid rgba(0,0,0,.08);font-size:11px;color:#aaa;text-align:center}.shortcuts-footer a{color:#508cff;text-decoration:none}.shortcuts-footer a:hover{text-decoration:underline}