:root{--brand:#3f5185;--brand-light:#e7eaf3;--brand-hover:#33436e;--brand-purple:var(--brand);--brand-purple-light:var(--brand-light);--brand-purple-hover:var(--brand-hover);--surface:#fcfbf8;--text-on-brand:#fff;--color-green:#177c5b;--color-green-light:#e1f5ee;--color-coral:#ba4923;--color-coral-light:#fdece6;--color-blue:#206fbd;--color-blue-light:#e6f1fb;--color-orange:#a75e14;--color-orange-light:#fff3e6;--color-teal:#0f766e;--color-teal-light:#e0f5f2;--color-gold:#906909;--color-gold-light:#fbf3e0;--color-red:#a32d2d;--color-red-light:#fee2e2;--color-amber:#8a5a0b;--color-amber-light:#faeeda;--gray-50:#f5f4ef;--gray-100:#efede6;--gray-200:#e2dfd5;--gray-300:#cfcabd;--gray-400:#908875;--gray-500:#736c5e;--gray-600:#5c574b;--gray-700:#45403a;--gray-800:#33302a;--gray-900:#24221e;--sidebar-width:220px;--topbar-height:48px;--project-info-height:56px;--font-family:"Inter", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:999px;--shadow-sm:0 1px 1px #3c34280a;--shadow-md:0 1px 3px #3c342812;--shadow-lg:0 6px 18px #3c34281a;--transition:.15s ease}html[data-theme=green]{--brand:#3f6b54;--brand-light:#dce8df;--brand-hover:#325745;--surface:#f3f8f3;--text-on-brand:#fff;--color-green:#167658;--color-green-light:#d6ede3;--color-coral:#ad4827;--color-coral-light:#f6e3da;--color-blue:#2a6bab;--color-blue-light:#dceaf7;--color-orange:#9a6021;--color-orange-light:#faefdd;--color-teal:#0f6b63;--color-teal-light:#d8edea;--color-gold:#886311;--color-gold-light:#f3ead3;--color-red:#963a32;--color-red-light:#f7dedc;--color-amber:#7e5510;--color-amber-light:#f3ead3;--gray-50:#e6ede6;--gray-100:#dde7de;--gray-200:#cbd9cd;--gray-300:#b3c6b6;--gray-400:#6f8974;--gray-500:#5a6e5f;--gray-600:#4e5c52;--gray-700:#3a463d;--gray-800:#28332b;--gray-900:#1c2620;--shadow-sm:0 1px 1px #1e32240a;--shadow-md:0 1px 3px #1e322412;--shadow-lg:0 6px 18px #1e32241a}html[data-theme=night]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brand:#c79a5b;--brand-light:#322b21;--brand-hover:#d9af74;--surface:#26241f;--text-on-brand:#1c1b19;--color-green:#4ecba0;--color-green-light:#1b3229;--color-coral:#f0895f;--color-coral-light:#3a2620;--color-blue:#6baee8;--color-blue-light:#1b2c3c;--color-orange:#f0aa5e;--color-orange-light:#3a2c1b;--color-teal:#3fa79c;--color-teal-light:#17302e;--color-gold:#d9b36a;--color-gold-light:#322b1e;--color-red:#f0938c;--color-red-light:#3a2020;--color-amber:#e8b978;--color-amber-light:#3a2c1b;--gray-50:#1c1b19;--gray-100:#242220;--gray-200:#3f3b34;--gray-300:#55504a;--gray-400:#7a746a;--gray-500:#9b948a;--gray-600:#b3aca0;--gray-700:#cfc8bc;--gray-800:#e8e3d9;--gray-900:#f5f1e9;--shadow-sm:0 1px 2px #0006;--shadow-md:0 2px 8px #00000073;--shadow-lg:0 8px 24px #0000008c}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-family);color:var(--gray-800);background:var(--gray-50);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--gray-100);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--brand-purple);border:2px solid var(--gray-100);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--brand-purple-hover)}button{font-family:var(--font-family);cursor:pointer;transition:all var(--transition);border:none;outline:none;font-size:13px}input,textarea,select{font-family:var(--font-family);border:1px solid var(--gray-200);border-radius:var(--radius-md);transition:border-color var(--transition);background:var(--surface);outline:none;padding:8px 12px;font-size:14px}input:focus,textarea:focus,select:focus{border-color:var(--brand-purple);box-shadow:0 0 0 3px var(--brand-purple-light)}.btn-primary{background:var(--brand-purple);color:var(--text-on-brand);border-radius:var(--radius-md);padding:8px 16px;font-weight:500}.btn-primary:hover{background:var(--brand-purple-hover)}.btn-secondary{background:var(--gray-100);color:var(--gray-700);border-radius:var(--radius-md);padding:8px 16px;font-weight:500}.btn-secondary:hover{background:var(--gray-200)}.btn-ghost{color:var(--gray-500);border-radius:var(--radius-md);background:0 0;padding:6px 12px}.btn-ghost:hover{background:var(--gray-100);color:var(--gray-700)}.btn-danger{background:var(--color-coral);color:var(--text-on-brand);border-radius:var(--radius-md);padding:8px 16px;font-weight:500}.btn-danger:hover{opacity:.85}.btn-sm{padding:4px 10px;font-size:12px}.btn-lg{padding:10px 24px;font-size:15px}.chip{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.chip-purple{background:var(--brand-purple-light);color:var(--brand-purple)}.chip-green{background:var(--color-green-light);color:var(--color-green)}.chip-blue{background:var(--color-blue-light);color:var(--color-blue)}.chip-orange{background:var(--color-orange-light);color:var(--color-orange)}.chip-teal{background:var(--color-teal-light);color:var(--color-teal)}.chip-gray{background:var(--gray-100);color:var(--gray-600)}.chip-gold{background:var(--color-gold-light);color:var(--color-gold)}.chip .chip-close{cursor:pointer;opacity:.6;font-size:14px;line-height:1}.chip .chip-close:hover{opacity:1}.avatar{background:var(--brand-purple);width:32px;height:32px;color:var(--text-on-brand);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.badge{background:var(--brand-purple);min-width:18px;height:18px;color:var(--text-on-brand);border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:600;display:inline-flex}.modal-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);min-width:400px;max-height:90vh;overflow:auto}.modal-header{border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;padding:16px 20px;font-size:16px;font-weight:600;display:flex}.modal-body{padding:20px}.modal-footer{border-top:1px solid var(--gray-200);justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.window-overlay{z-index:100;pointer-events:none;position:fixed;inset:0}.window-float{pointer-events:auto;box-shadow:var(--shadow-lg);border:1px solid var(--gray-200)}.window-minimized{z-index:100;background:var(--brand-purple);color:var(--text-on-brand);border-radius:var(--radius-md) var(--radius-md) 0 0;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:600;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -2px 12px #00000026}.window-resize{z-index:10;position:absolute}.window-resize-east{cursor:ew-resize;width:6px;height:100%;top:0;right:0}.window-resize-south{cursor:ns-resize;width:100%;height:6px;bottom:0;left:0}.form-group{margin-bottom:16px}.form-group label{color:var(--gray-600);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form-group input,.form-group textarea,.form-group select{width:100%}.form-group textarea{resize:vertical;min-height:80px}.folder-pick{border:1px solid var(--gray-200);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:12px;padding:8px 10px 8px 14px;transition:border-color .15s;display:flex}.folder-pick.is-bound{border-color:var(--brand)}.folder-pick-text{flex-direction:column;gap:3px;min-width:0;display:flex}.folder-pick-title{color:var(--gray-600);font-size:13px;font-weight:500}.folder-pick-name{color:var(--gray-800);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.folder-pick-hint{color:var(--gray-400);font-size:12px;line-height:1.5}.folder-pick-unbind{color:var(--gray-400);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:12px;text-decoration:underline}.folder-pick-unbind:hover{color:var(--gray-600)}.folder-pick-box{border-radius:var(--radius-md);color:var(--brand);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;transition:background .15s;display:flex}.folder-pick-box:hover:not(:disabled){background:var(--brand-light)}.folder-pick-box:disabled{color:var(--gray-300);cursor:not-allowed}.loading-spinner{height:100%;color:var(--gray-400);justify-content:center;align-items:center;font-size:14px;display:flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink{color:var(--brand-purple);margin-left:1px;animation:1s step-end infinite blink;display:inline-block}.md-preview{color:var(--gray-700);word-break:break-word;font-size:14.5px;line-height:1.9}.md-preview-empty{color:var(--gray-400);text-align:center;padding:48px 0}.md-preview .md-h{color:var(--gray-800);margin:16px 0 6px;font-weight:700;line-height:1.5}.md-preview .md-h:first-child{margin-top:0}.md-preview .md-h1{font-size:20px}.md-preview .md-h2{font-size:17px}.md-preview .md-h3{font-size:15px}.md-preview .md-h4{font-size:14.5px}.md-preview .md-p{margin:0 0 10px}.md-preview .md-list{margin:0 0 10px;padding-left:22px}.md-preview .md-list li{margin:2px 0}.md-preview .md-quote{border-left:3px solid var(--brand-purple);background:var(--brand-purple-light);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--gray-600);margin:0 0 10px;padding:6px 12px}.md-preview .md-hr{border:none;border-top:1px solid var(--gray-200);margin:14px 0}.md-preview .md-inline-code{background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-sm);color:var(--brand-purple);padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.md-preview .md-code-block{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);white-space:pre;margin:0 0 10px;padding:10px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.6;overflow-x:auto}.md-preview .md-link{color:var(--brand-purple);text-underline-offset:2px;text-decoration:underline}.md-preview .md-wikilink{border-radius:var(--radius-sm);background:var(--brand-purple-light);color:var(--brand-purple);padding:0 5px;font-size:.92em;line-height:1.55;display:inline-block}.md-preview button.md-wikilink{cursor:pointer;border:none;font-family:inherit}.md-preview button.md-wikilink:hover{background:var(--brand-purple);color:var(--text-on-brand)}.md-reading .md-preview{font-size:16px;line-height:1.95}.md-reading .md-preview .md-h1{font-size:22px}.md-reading .md-preview .md-h2{font-size:19px}.md-reading .md-preview .md-h3{font-size:17px}.md-reading .md-preview .md-h4{font-size:16px}.md-reading .md-preview .md-table{font-size:13.5px}.md-reading .md-preview .md-list{padding-left:24px}.md-reading .md-preview .md-p{margin:0 0 12px}.md-preview .md-table{border-collapse:collapse;margin:0 0 10px;font-size:12.5px}.md-preview .md-table th,.md-preview .md-table td{border:1px solid var(--gray-200);text-align:left;padding:5px 10px}.md-preview .md-table th{background:var(--gray-50);color:var(--gray-700);font-weight:600}.empty-state{color:var(--gray-400);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.empty-state .empty-icon{opacity:.3;font-size:48px}.empty-state .empty-text{font-size:14px}.outline-tree-editor{background:var(--surface);flex-direction:column;flex:1;display:flex;overflow:hidden}.outline-toolbar{border-bottom:1px solid var(--gray-200);background:var(--gray-50);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.outline-hint{color:var(--gray-400);font-size:12px}.outline-tree-body{flex:1;padding:8px 0;overflow:auto}.outline-empty{flex:1;justify-content:center;align-items:center;display:flex}.outline-node-row{border-radius:var(--radius-md);transition:background var(--transition);cursor:grab;align-items:center;gap:6px;margin:0 8px;padding:6px 16px 6px 8px;display:flex}.outline-node-row:hover{background:var(--gray-50)}.outline-node-row:active{cursor:grabbing}.outline-dragging .outline-node-row{opacity:.5;background:var(--brand-purple-light)}.outline-toggle{border-radius:var(--radius-sm);width:20px;height:20px;color:var(--gray-500);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:10px;display:flex}.outline-toggle:hover{background:var(--gray-100);color:var(--gray-700)}.outline-title-input{min-width:0;color:var(--gray-800);border-radius:var(--radius-sm);transition:all var(--transition);background:0 0;border:1px solid #0000;flex:1;padding:5px 8px;font-size:14px;font-weight:500}.outline-title-input:hover{border-color:var(--gray-200);background:var(--surface)}.outline-title-input:focus{border-color:var(--brand-purple);background:var(--surface);box-shadow:0 0 0 3px var(--brand-purple-light)}.outline-actions{opacity:0;transition:opacity var(--transition);flex-shrink:0;align-items:center;gap:4px;display:flex}.outline-node-row:hover .outline-actions{opacity:1}.outline-btn{border-radius:var(--radius-sm);background:var(--gray-100);color:var(--gray-600);white-space:nowrap;padding:3px 8px;font-size:11px;font-weight:500}.outline-btn:hover{background:var(--gray-200);color:var(--gray-700)}.outline-btn-del{color:var(--gray-400);background:0 0;padding:3px 6px}.outline-btn-del:hover{background:var(--color-red-light);color:var(--color-coral)}.outline-content-row{margin:0 8px;padding:0 16px 8px 8px}.outline-content-input{border:1px solid var(--gray-200);background:var(--gray-50);width:100%;color:var(--gray-600);border-radius:var(--radius-md);resize:vertical;min-height:44px;padding:6px 10px;font-size:14px;line-height:1.9}.outline-content-input:hover{background:var(--surface)}.outline-content-input:focus{background:var(--surface);border-color:var(--brand-purple);box-shadow:0 0 0 3px var(--brand-purple-light)}.script-editor{background:var(--surface);flex-direction:column;flex:1;display:flex;overflow:hidden}.script-toolbar{border-bottom:1px solid var(--gray-200);background:var(--gray-50);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.script-nav{align-items:center;gap:8px;display:flex}.script-nav-btn{background:var(--surface);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--gray-600);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);justify-content:center;align-items:center;padding:0;font-size:12px;display:flex}.script-nav-btn:hover:not(:disabled){background:var(--gray-100);color:var(--gray-800)}.script-nav-btn:disabled{opacity:.4;cursor:not-allowed}.script-episode-indicator{color:var(--gray-600);align-items:center;gap:4px;font-size:13px;display:flex}.script-episode-label{color:var(--gray-500);font-size:13px}.script-episode-input{text-align:center;width:50px;color:var(--gray-800);border:1px solid var(--gray-200);border-radius:var(--radius-sm);background:var(--surface);padding:4px 6px;font-size:14px;font-weight:600}.script-order-actions{align-items:center;gap:2px;display:flex}.script-actions{align-items:center;gap:6px;display:flex}.script-word-count{color:var(--gray-400);background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--gray-200);white-space:nowrap;padding:3px 8px;font-size:12px}.script-icon-btn{border-radius:var(--radius-sm);background:var(--surface);width:28px;height:28px;color:var(--gray-500);border:1px solid var(--gray-200);cursor:pointer;justify-content:center;align-items:center;padding:0;font-size:13px;transition:all .15s;display:flex}.script-icon-btn:hover{background:var(--brand-purple-light);color:var(--brand-purple);border-color:var(--brand-purple)}.script-icon-btn:disabled{opacity:.3;cursor:not-allowed}.script-icon-btn-del:hover{background:var(--color-red-light);color:var(--color-coral);border-color:var(--color-coral)}.script-icon-btn-del:disabled{opacity:.3}.script-episode-strip{border-bottom:1px solid var(--gray-200);background:var(--surface);flex-shrink:0;align-items:center;gap:6px;padding:8px 16px;display:flex;overflow-x:auto}.script-episode-pill{background:var(--gray-100);min-width:32px;height:32px;color:var(--gray-400);transition:all var(--transition);border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:12px;font-weight:600;display:flex}.script-episode-pill:hover{background:var(--gray-200);color:var(--gray-600)}.script-episode-pill.active{background:var(--brand-purple);color:var(--text-on-brand);border-color:var(--brand-purple);box-shadow:0 0 0 3px var(--brand-purple-light)}.script-episode-pill.has-content{background:var(--color-green-light);color:var(--color-green)}.script-episode-pill.has-content.active{background:var(--brand-purple);color:var(--text-on-brand)}.script-episode-pill.drag-over{box-shadow:0 0 0 2px var(--brand-purple);background:var(--brand-purple-light);z-index:5;transform:scale(1.15)}.script-episode-pill{cursor:grab}.script-episode-pill:active{cursor:grabbing}.script-title-row{flex-shrink:0;padding:12px 16px 0}.script-title-input{width:100%;color:var(--gray-800);border-radius:var(--radius-md);transition:all var(--transition);background:0 0;border:1px solid #0000;padding:8px 12px;font-size:16px;font-weight:600}.script-title-input:hover{border-color:var(--gray-200);background:var(--surface)}.script-title-input:focus{border-color:var(--brand-purple);background:var(--surface);box-shadow:0 0 0 3px var(--brand-purple-light)}.script-title-input::placeholder{color:var(--gray-400);font-weight:400}.script-textarea{resize:none;width:100%;font-size:16px;line-height:1.9;font-family:var(--font-family);background:var(--surface);border:none;border-radius:0;flex:1;padding:12px 16px 16px}.script-textarea:focus{outline:none}.episodes-editor{background:var(--surface);flex-direction:column;flex:1;display:flex;overflow:hidden}.episodes-toolbar{border-bottom:1px solid var(--gray-200);background:var(--gray-50);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.episodes-nav{align-items:center;gap:8px;display:flex}.episodes-nav-btn{background:var(--surface);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--gray-600);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);justify-content:center;align-items:center;padding:0;font-size:12px;display:flex}.episodes-nav-btn:hover:not(:disabled){background:var(--gray-100);color:var(--gray-800)}.episodes-nav-btn:disabled{opacity:.4;cursor:not-allowed}.episodes-episode-indicator{color:var(--gray-600);align-items:center;gap:4px;font-size:13px;display:flex}.episodes-episode-label{color:var(--gray-500);font-size:13px}.episodes-episode-input{text-align:center;width:50px;color:var(--gray-800);border:1px solid var(--gray-200);border-radius:var(--radius-sm);background:var(--surface);padding:4px 6px;font-size:14px;font-weight:600}.episodes-actions{align-items:center;gap:6px;display:flex}.episodes-btn{border-radius:var(--radius-sm);background:var(--surface);color:var(--gray-600);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);white-space:nowrap;padding:5px 12px;font-size:12px;font-weight:500}.episodes-btn:hover{background:var(--gray-50);color:var(--gray-800)}.episodes-btn-del{color:var(--gray-400);border-color:var(--gray-200)}.episodes-btn-del:hover{background:var(--color-red-light);color:var(--color-coral);border-color:var(--color-coral)}.episodes-btn-del:disabled{opacity:.4;cursor:not-allowed}.episodes-episode-strip{border-bottom:1px solid var(--gray-200);background:var(--surface);flex-shrink:0;align-items:center;gap:6px;padding:8px 16px;display:flex;overflow-x:auto}.episodes-episode-pill{background:var(--gray-100);min-width:32px;height:32px;color:var(--gray-400);transition:all var(--transition);border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:12px;font-weight:600;display:flex}.episodes-episode-pill:hover{background:var(--gray-200);color:var(--gray-600)}.episodes-episode-pill.active{background:var(--brand-purple);color:var(--text-on-brand);border-color:var(--brand-purple);box-shadow:0 0 0 3px var(--brand-purple-light)}.episodes-episode-pill.has-content{background:var(--color-green-light);color:var(--color-green)}.episodes-episode-pill.has-content.active{background:var(--brand-purple);color:var(--text-on-brand)}.episodes-fields{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow:auto}.episodes-field-group{flex-direction:column;gap:6px;display:flex}.episodes-field-label{color:var(--gray-600);font-size:13px;font-weight:600}.episodes-field-textarea{border:1px solid var(--gray-200);border-radius:var(--radius-md);resize:vertical;width:100%;font-size:15px;line-height:1.9;font-family:var(--font-family);background:var(--surface);transition:all var(--transition);padding:10px 12px}.episodes-field-textarea:hover{border-color:var(--gray-300)}.episodes-field-textarea:focus{border-color:var(--brand-purple);box-shadow:0 0 0 3px var(--brand-purple-light);outline:none}.episodes-field-textarea::placeholder{color:var(--gray-400)}.pm-grid{grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:12px;display:grid}.pm-card{background:var(--surface);border:1px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;height:160px;transition:background-color var(--transition), border-color var(--transition), box-shadow var(--transition);flex-direction:column;padding:12px 14px;display:flex;overflow:hidden}.pm-card-blurb{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pm-card:hover{background:var(--gray-50);border-color:var(--gray-300);box-shadow:var(--shadow-md)}.pm-card:active{background:var(--brand-light);border-color:var(--brand)}.pm-card--fav{cursor:default;border-style:dashed}.pm-card--fav:active{background:var(--gray-50);border-color:var(--gray-300)}.pm-scope-div{background:var(--gray-300);flex-shrink:0;width:1px;height:18px;margin:0 4px}.pm-card--global{box-shadow:inset 3px 0 0 var(--color-amber)}.pm-card--global:hover{box-shadow:var(--shadow-md), inset 3px 0 0 var(--color-amber)}.pm-guide{max-width:820px;margin:0 auto;padding:2px 2px 32px}.pm-guide .md-table{width:100%}.pm-guide .md-table th,.pm-guide .md-table td{vertical-align:top}.pm-guide .md-inline-code{background:var(--gray-100);border-color:var(--gray-200);color:var(--gray-800)}.pm-content-preview{border:1px solid var(--gray-200);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;min-height:0;transition:background-color var(--transition), border-color var(--transition);flex:1;padding:12px;font-size:14px;line-height:1.8;overflow:auto}.pm-content-preview:hover{background:var(--gray-50);border-color:var(--gray-300)}.pce-layout{flex:1;gap:12px;min-height:0;display:flex}.pce-main{flex-direction:column;flex:1;min-width:0;display:flex}.pce-textarea{border-radius:var(--radius-md);border:1px solid var(--gray-200);resize:none;width:100%;font-size:14px;line-height:1.7;font-family:var(--font-family);background:var(--surface);color:var(--gray-800);flex:1;padding:12px}.pce-side{border-left:1px solid var(--gray-200);flex-direction:column;flex-shrink:0;gap:8px;width:340px;padding-left:12px;display:flex;overflow:auto}.pce-side--collapsed{align-items:center;width:40px;padding-left:6px}.pce-ph{border:1px solid var(--gray-200);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;transition:background-color var(--transition), border-color var(--transition);padding:8px 10px}.pce-ph:hover{background:var(--gray-50);border-color:var(--gray-300)}.pce-ph-code{font-family:var(--font-mono);color:var(--brand-purple);font-size:12px;font-weight:600}.pce-ph-desc{color:var(--gray-500);margin-top:2px;font-size:11px;line-height:1.6}.pce-val{font-family:var(--font-mono);border-radius:var(--radius-full);background:var(--gray-100);color:var(--gray-600);cursor:pointer;padding:1px 6px;font-size:11px}.pce-val:hover{background:var(--brand-light);color:var(--brand-purple)}.pce-menu{z-index:9999;background:var(--surface);border:1px solid var(--gray-200);border-radius:var(--radius-md);min-width:300px;max-width:460px;max-height:264px;box-shadow:var(--shadow-lg);padding:4px;position:fixed;overflow:auto}.pce-menu-item{border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;gap:2px;padding:6px 8px;display:flex}.pce-menu-item--active{background:var(--brand-light)}.pce-menu-title{font-family:var(--font-mono);color:var(--gray-800);font-size:12px;font-weight:600}.pce-menu-desc{color:var(--gray-500);font-size:11px}.pip-doc{background:var(--bg,var(--gray-100));margin:0;overflow:hidden}.pip-fill{padding:0;background:0 0!important}.pip-fill .modal,.pip-fill.pip-note{max-width:100vw!important;max-height:100vh!important}.pip-btn{margin-left:auto}