:root{font-family:Open Sans,system-ui,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-0: #0a0a0a;--bg-1: #0d0d0d;--bg-2: #151515;--bg-3: #1a1a1a;--bg-4: #222222;--bg-5: #333333;--bg-6: #444444;--frame: #242424;--border: #333333;--border-strong: #444444;--text-1: #e0e0e0;--text-2: #cccccc;--text-3: #888888;--text-4: #666666;--accent: #E8412A;--accent-hover: #c9361f}*{margin:0;padding:0;box-sizing:border-box}body{min-width:320px;min-height:100vh}*{scrollbar-width:thin;scrollbar-color:#3a3a3a transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:5px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#4d4d4d;border:2px solid transparent;background-clip:padding-box}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes panel-expand{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.prompt-settings-content,.quant-settings-content,.format-style-settings-content{animation:panel-expand .16s ease-out}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.file-input{display:flex;flex-direction:column;gap:.35rem}.file-input-label{font-weight:600;font-size:.75rem;color:#ccc}.file-input-area{border:1px dashed #444;border-radius:6px;padding:.5rem;transition:border-color .2s,background-color .2s}.file-input-area.drag-over{border-color:#e8412a;background-color:#e8412a1a}.file-input-textarea{width:100%;min-height:100px;padding:.5rem;border:1px solid #333;border-radius:4px;background:#1a1a1a;color:inherit;font-family:inherit;font-size:.75rem;line-height:1.4;resize:vertical}.file-input-textarea:focus{outline:none;border-color:#e8412a}.file-input-textarea::placeholder{color:#555}.file-input-actions{display:flex;gap:.35rem;margin-top:.5rem}.upload-btn,.clear-btn{padding:.5rem 1rem;border:none;border-radius:4px;font-size:.8rem;cursor:pointer;transition:background-color .2s}.upload-btn{background:#e8412a;color:#fff}.upload-btn:hover{background:#c9361f}.file-input-hint{margin-top:.25rem;font-size:.65rem;color:#555;text-align:center}.respondent-input{display:flex;flex-direction:column;gap:.35rem}.respondent-header{display:flex;justify-content:space-between;align-items:center}.respondent-label{font-weight:600;font-size:.75rem;color:#ccc}.respondent-status{display:flex;align-items:center;gap:.5rem}.status-badge{padding:.15rem .4rem;font-size:.65rem;border-radius:3px}.status-badge.auto{background:#333;color:#888}.status-badge.manual{background:#e8412a;color:#fff}.clear-respondent-btn{padding:.2rem .5rem;background:#333;border:none;border-radius:3px;color:#888;font-size:.65rem;cursor:pointer;transition:background-color .2s,color .2s}.clear-respondent-btn:hover{background:#444;color:#ccc}.respondent-fields{display:flex;gap:.5rem}.respondent-field{flex:1;padding:.5rem .6rem;border:1px solid #333;border-radius:4px;background:#1a1a1a;color:inherit;font-family:inherit;font-size:.8rem}.respondent-field:focus{outline:none;border-color:#e8412a}.respondent-field::placeholder{color:#555}.respondent-hint{font-size:.65rem;color:#555;margin:0}.prompt-settings{border:1px solid #333;border-radius:6px}.prompt-settings-toggle{width:100%;display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;background:#1a1a1a;border:none;color:#ccc;font-size:.8rem;font-family:inherit;cursor:pointer;transition:background-color .2s}.prompt-settings-toggle:hover{background:#222}.prompt-settings-content{padding:.75rem;background:#0d0d0d;border-top:1px solid #333;display:flex;flex-direction:column;gap:.75rem;overflow:visible}.prompt-field{display:flex;flex-direction:column;gap:.35rem}.prompt-field-header{display:flex;justify-content:space-between;align-items:center}.prompt-field label{font-weight:600;font-size:.75rem;color:#888}.examples-section{padding:.5rem 0}.examples-section:first-child{padding-top:0}.examples-section:last-child{padding-bottom:0}.examples-section:not(:last-child){border-bottom:1px solid #333;margin-bottom:.5rem}.examples-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.examples-header span{font-weight:600;font-size:.85rem;color:#ccc}.use-example-btn{padding:.25rem .5rem;background:#e8412a;border:none;border-radius:4px;color:#fff;font-size:.7rem;cursor:pointer;transition:background-color .2s}.use-example-btn:hover{background:#c9361f}.examples-dropdown ul{margin:0;padding-left:1rem;font-size:.75rem;color:#888;line-height:1.5}.examples-dropdown li{margin:.15rem 0}.prompt-actions{display:flex;gap:.5rem}.prompt-description{font-size:.7rem;color:#666;line-height:1.4}.prompt-description strong{color:#888}.use-default-btn,.clear-btn{padding:.3rem .6rem;border:none;border-radius:4px;font-size:.75rem;cursor:pointer;transition:background-color .2s}.use-default-btn{background:#e8412a;color:#fff}.use-default-btn:hover{background:#c9361f}.clear-btn{background:#333;color:#ccc}.clear-btn:hover{background:#444}.prompt-textarea{width:100%;padding:.5rem;border:1px solid #333;border-radius:4px;background:#1a1a1a;color:inherit;font-family:inherit;font-size:.75rem;line-height:1.4;resize:vertical}.prompt-textarea:focus{outline:none;border-color:#e8412a}.auto-mode-state{padding:1rem;text-align:center;color:#666;font-size:.9rem;background:#1a1a1a;border:1px dashed #333;border-radius:6px;display:flex;flex-direction:column;align-items:center;gap:.75rem}.auto-mode-state p{margin:0}.prompt-help{padding-top:1rem;border-top:1px solid #333;font-size:.8rem;color:#666;line-height:1.5}.prompt-help p{margin:.5rem 0}.prompt-help strong{color:#888}.prompt-help ul{margin:.25rem 0 .75rem;padding-left:1.25rem}.prompt-help li{margin:.2rem 0}.quant-settings{border:1px solid #333;border-radius:6px}.quant-settings-toggle{width:100%;display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;background:#1a1a1a;border:none;color:#ccc;font-size:.8rem;font-family:inherit;cursor:pointer;transition:background-color .2s}.quant-settings-toggle:hover{background:#222}.mode-badge{margin-left:auto;padding:.15rem .4rem;font-size:.65rem;border-radius:3px}.mode-badge.auto{background:#333;color:#888}.mode-badge.manual{background:#e8412a;color:#fff}.quant-settings-content{padding:.75rem;background:#0d0d0d;border-top:1px solid #333;display:flex;flex-direction:column;gap:.75rem}.quant-categories{display:flex;flex-direction:column;gap:.5rem}.empty-state{padding:.75rem;text-align:center;color:#666;font-size:.75rem}.category-list{display:flex;flex-direction:column;gap:.35rem}.category-header{display:grid;grid-template-columns:1fr 80px 26px;gap:.35rem;padding:0 .25rem;font-size:.65rem;color:#666;text-transform:uppercase;letter-spacing:.05em}.category-row{display:grid;grid-template-columns:1fr 80px 26px;gap:.35rem;align-items:center}.category-name-input{padding:.35rem .5rem;border:1px solid #333;border-radius:4px;background:#1a1a1a;color:inherit;font-family:inherit;font-size:.75rem}.category-name-input:focus{outline:none;border-color:#e8412a}.category-name-input::placeholder{color:#555}.scale-input-group{display:flex;align-items:center;gap:0;border:1px solid #333;border-radius:4px;overflow:hidden}.scale-btn{width:22px;height:26px;display:flex;align-items:center;justify-content:center;background:#333;border:none;color:#ccc;font-size:.85rem;cursor:pointer;transition:background-color .2s}.scale-btn:hover{background:#444}.scale-btn:active{background:#e8412a}.scale-input{width:32px;height:26px;padding:0;border:none;border-left:1px solid #333;border-right:1px solid #333;background:#1a1a1a;color:inherit;font-family:inherit;font-size:.75rem;text-align:center;-moz-appearance:textfield}.scale-input::-webkit-outer-spin-button,.scale-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.scale-input:focus{outline:none;background:#222}.remove-category-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:#333;border:none;border-radius:4px;color:#888;font-size:1rem;cursor:pointer;transition:background-color .2s,color .2s;flex-shrink:0}.remove-category-btn:hover{background:#e8412a;color:#fff}.quant-actions{display:flex;gap:.35rem;margin-top:.25rem}.add-category-btn,.clear-all-btn{padding:.35rem .75rem;border:none;border-radius:4px;font-size:.75rem;cursor:pointer;transition:background-color .2s}.add-category-btn{background:#e8412a;color:#fff}.add-category-btn:hover{background:#c9361f}.clear-all-btn{background:#333;color:#ccc}.clear-all-btn:hover{background:#444}.importance-toggle{padding-top:.75rem;border-top:1px solid #333}.importance-toggle-label{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:#ccc;cursor:pointer}.importance-toggle-label input[type=checkbox]{accent-color:#E8412A;cursor:pointer}.importance-toggle-description{font-size:.65rem;color:#666;margin:.3rem 0 0 1.35rem;line-height:1.4}.quant-help{padding-top:.75rem;border-top:1px solid #333}.quant-help p{font-size:.65rem;color:#666;margin:.2rem 0;line-height:1.4}.format-style-settings{border:1px solid #333;border-radius:6px}.format-style-settings-toggle{width:100%;display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;background:#1a1a1a;border:none;color:#ccc;font-size:.8rem;font-family:inherit;cursor:pointer;transition:background-color .2s}.format-style-settings-toggle:hover{background:#222}.toggle-icon{font-size:.6rem;transition:transform .2s}.toggle-icon.expanded{transform:rotate(90deg)}.format-style-settings-content{padding:.75rem;background:#0d0d0d;border-top:1px solid #333;display:flex;flex-direction:column;gap:.75rem;overflow:visible}.detail-level-field{display:flex;flex-direction:column;gap:.35rem}.detail-level-field>label{font-weight:600;font-size:.75rem;color:#888}.detail-level-selector{display:flex;border:1px solid #333;border-radius:4px;overflow:hidden;width:fit-content}.detail-level-btn{padding:.35rem .75rem;background:#1a1a1a;border:none;border-right:1px solid #333;color:#888;font-size:.75rem;font-family:inherit;cursor:pointer;transition:background-color .2s,color .2s}.detail-level-btn:last-child{border-right:none}.detail-level-btn:hover{background:#222;color:#ccc}.detail-level-btn.active{background:#e8412a;color:#fff}.detail-level-description{font-size:.7rem;color:#666;margin:0}.bullet-field{display:flex;flex-direction:column;gap:.35rem}.bullet-field>label{font-weight:600;font-size:.75rem;color:#888}.bullet-select{padding:.4rem .6rem;background:#1a1a1a;border:1px solid #333;border-radius:4px;color:inherit;font-family:inherit;font-size:.75rem;cursor:pointer;width:fit-content;min-width:180px}.bullet-select:hover{border-color:#444}.bullet-select:focus{outline:none;border-color:#e8412a}.bullet-footnote{font-size:.65rem;color:#666;margin:.25rem 0 .5rem;font-style:italic}.radio-field{display:flex;flex-direction:column;gap:.35rem}.radio-field>label{font-weight:600;font-size:.75rem;color:#888}.label-with-info{display:flex;align-items:center;gap:.5rem}.info-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;color:#666;cursor:pointer;transition:color .2s}.info-btn:hover{color:#e8412a}.radio-group{display:flex;gap:1rem}.radio-option{display:flex;align-items:center;gap:.4rem;cursor:pointer;font-size:.75rem;color:#ccc}.radio-option input[type=radio]{cursor:pointer;accent-color:#E8412A}.radio-option:hover span{color:#fff}.custom-instructions-field{display:flex;flex-direction:column;gap:.35rem}.custom-instructions-field>label{font-weight:600;font-size:.75rem;color:#888}.format-style-textarea{width:100%;padding:.5rem;border:1px solid #333;border-radius:4px;background:#1a1a1a;color:inherit;font-family:inherit;font-size:.75rem;line-height:1.4;resize:vertical}.format-style-textarea:focus{outline:none;border-color:#e8412a}.field-helper-text{font-size:.7rem;color:#666;margin:0;line-height:1.4}.examples-dropdown{padding:.75rem;background:#1a1a1a;border:1px solid #333;border-radius:8px;box-shadow:0 4px 20px #0009;z-index:9999;min-width:320px;max-height:80vh;overflow-y:auto}.formality-info{min-width:350px}.formality-info-content p{margin:.5rem 0;font-size:.75rem;color:#ccc;line-height:1.5}.formality-info-content p:first-child{margin-top:0}.formality-info-content p:last-child{margin-bottom:0}.formality-info-content strong{color:#e8412a}.format-style-section-header{font-size:.875rem;font-weight:600;color:#ccc;margin-top:.625rem;margin-bottom:.5rem;padding-bottom:.25rem;border-bottom:1px solid #333}.format-style-section-header:first-child{margin-top:0}.format-style-section-header-container{display:flex;align-items:center;gap:.5rem;margin-top:.625rem}.format-style-section-header-container .format-style-section-header{margin-top:0;margin-bottom:.5rem;flex-grow:1}.format-style-section-header-container .info-btn{margin-bottom:.5rem}.formatted-preview{font-family:Open Sans,Calibri,sans-serif;font-size:11pt;line-height:1.6;color:var(--text-1);background:var(--bg-3);padding:1in;min-height:200px;border-radius:4px}.preview-streaming-tail{font-family:Open Sans,Calibri,sans-serif;font-size:11pt;margin:4pt 0;color:var(--text-3)}.streaming-caret{display:inline-block;width:2px;height:1em;margin-left:3px;background:var(--accent);vertical-align:text-bottom;animation:caret-blink 1s steps(2,start) infinite}@keyframes caret-blink{50%{opacity:0}}.preview-title{font-family:Open Sans,Aptos,sans-serif;font-size:14pt;font-weight:400;color:#5ba3c0;margin:0 0 8pt}.preview-section-header{font-family:Open Sans,Calibri,sans-serif;font-size:11pt;font-weight:700;text-decoration:underline;margin:12pt 0 6pt}.preview-question{font-family:Open Sans,Calibri,sans-serif;font-size:11pt;font-weight:700;font-style:italic;margin:10pt 0 4pt}.preview-quant-header{font-family:Open Sans,Calibri,sans-serif;font-size:11pt;font-weight:700;font-style:italic;margin:12pt 0 6pt}.preview-quant-category{font-family:Open Sans,Calibri,sans-serif;font-size:11pt;font-weight:700;margin:8pt 0 2pt}.preview-bullet{font-family:Open Sans,Calibri,sans-serif;font-size:11pt;margin:0 0 4pt;padding-left:.5in;text-indent:-.25in;display:flex;gap:.15in}.preview-bullet .bullet-char{flex-shrink:0;width:.2in}.preview-takeaway-bullet{margin-bottom:6pt}.preview-takeaway-bullet .bullet-char{color:#e0e0e0}.preview-discussion-bullet{margin-bottom:4pt}.preview-quant-bullet{margin-bottom:2pt}.preview-text{font-family:Open Sans,Calibri,sans-serif;font-size:11pt;margin:4pt 0}.output-display{display:flex;flex-direction:column;height:100%;overflow:hidden}.output-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:var(--bg-3);border-bottom:1px solid var(--border);flex-shrink:0}.output-header h2{font-size:.85rem;font-weight:600;margin:0;color:var(--text-2);text-transform:uppercase;letter-spacing:.03em}.output-actions{display:flex;gap:.35rem;align-items:center}.view-toggle{display:flex;background:var(--bg-4);border-radius:3px;overflow:hidden;margin-right:.35rem}.toggle-btn{padding:.3rem .5rem;background:transparent;border:none;color:var(--text-3);font-size:.7rem;cursor:pointer;transition:background-color .2s,color .2s}.toggle-btn:hover:not(:disabled){color:var(--text-2)}.toggle-btn.active{background:var(--bg-6);color:#fff}.toggle-btn:disabled{opacity:.4;cursor:default}.output-actions .copy-btn,.output-actions .export-btn{padding:.3rem .6rem;background:var(--bg-5);border:none;border-radius:3px;color:var(--text-2);font-size:.7rem;cursor:pointer;transition:background-color .2s,color .2s}.output-actions .copy-btn:hover:not(:disabled),.output-actions .export-btn:hover:not(:disabled){background:var(--bg-6)}.output-actions .copy-btn:disabled,.output-actions .export-btn:disabled{opacity:.4;cursor:default}.output-actions .copy-btn.copied{background:#1a3a1a;color:#7bc67b}.streaming-progress{height:2px;flex-shrink:0;background:linear-gradient(90deg,transparent,var(--accent),transparent);background-size:200% 100%;animation:progress-shimmer 1.4s linear infinite}@keyframes progress-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.preview-disclaimer{margin:0;padding:.35rem 1rem;background:var(--bg-2);border-bottom:1px solid var(--border);color:var(--text-4);font-size:.7rem;font-style:italic}.output-content{padding:1rem;flex:1;overflow-y:auto;overflow-anchor:none;background:var(--bg-1)}.output-content.preview-mode{padding:1rem;background:var(--bg-1)}.output-content.empty{display:flex;align-items:center;justify-content:center;color:var(--text-4)}.output-content pre{margin:0;white-space:pre-wrap;word-wrap:break-word;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.85rem;line-height:1.6}.output-skeleton{display:flex;flex-direction:column;gap:.7rem;padding:1.5rem 1rem}.skeleton-line{height:.85rem;border-radius:4px;background:linear-gradient(90deg,var(--bg-3) 25%,#262626 50%,var(--bg-3) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.6s ease-in-out infinite}.skeleton-title{width:45%;height:1.1rem;margin-bottom:.5rem}.skeleton-line.w-90{width:90%}.skeleton-line.w-85{width:85%}.skeleton-line.w-75{width:75%}.skeleton-line.w-60{width:60%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.loading-status{margin:0;font-style:italic;color:#aaa;font-size:.9rem}.output-skeleton .loading-status{margin-top:1.5rem;text-align:center;animation:fade-in .35s ease-out}.streaming-indicator{display:flex;align-items:center;gap:.5rem;color:var(--text-3);font-size:.85rem;animation:fade-in .2s ease-out}.streaming-timer{font-variant-numeric:tabular-nums;font-size:.75rem}.spinner-small{width:16px;height:16px;border:2px solid var(--bg-5);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.save-to-project-bar{display:flex;gap:.4rem;padding:.5rem .75rem;background:var(--bg-2);border-top:1px solid var(--border);flex-shrink:0;animation:fade-in .2s ease-out}.save-project-btn{flex:1;padding:.45rem .6rem;background:#1a3a1a;border:1px solid #2a5a2a;border-radius:4px;color:#7bc67b;font-size:.75rem;font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s}.save-project-btn:hover:not(:disabled){background:#1f4a1f;border-color:#3a7a3a}.save-project-btn:disabled{opacity:.6;cursor:not-allowed}.save-project-btn.saved{background:#1a2a1a;border-color:#2a4a2a;color:#5a9a5a}.master-append-btn{flex:1;padding:.45rem .6rem;background:#1a2a3a;border:1px solid #2a4a6a;border-radius:4px;color:#7bb8e0;font-size:.75rem;font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s}.master-append-btn:hover:not(:disabled){background:#1f3a5a;border-color:#3a6a9a}.master-append-btn:disabled{opacity:.6;cursor:not-allowed}.master-append-btn.saved{background:#1a2a3a;border-color:#2a4a5a;color:#5a8aaa}.master-picker-inline{background:var(--bg-2);border-top:1px solid var(--border);flex-shrink:0;padding:.5rem .75rem}.master-picker-loading{padding:.5rem 0;text-align:center;color:var(--text-4);font-size:.8rem}.master-picker-list{display:flex;flex-direction:column;gap:.25rem;max-height:150px;overflow-y:auto;margin-bottom:.4rem}.master-picker-item{display:flex;justify-content:space-between;align-items:center;padding:.4rem .6rem;background:var(--bg-3);border:1px solid var(--border);border-radius:3px;color:var(--text-2);font-size:.75rem;cursor:pointer;transition:background-color .15s,border-color .15s}.master-picker-item:hover{background:var(--bg-4);border-color:var(--border-strong)}.master-picker-item.selected{background:#1a2a3a;border-color:#3a6a9a;color:#7bb8e0}.master-picker-item-name{font-weight:500}.master-picker-item-count{color:var(--text-4);font-size:.7rem}.master-picker-item.selected .master-picker-item-count{color:#5a8aaa}.master-picker-empty{padding:.5rem 0;text-align:center;color:var(--text-4);font-size:.8rem;margin-bottom:.4rem}.master-picker-actions{display:flex;justify-content:space-between;align-items:center;gap:.4rem}.master-picker-right-actions{display:flex;gap:.3rem}.master-picker-create-btn{padding:.3rem .5rem;background:transparent;border:1px solid var(--border-strong);border-radius:3px;color:var(--text-3);font-size:.7rem;cursor:pointer;transition:color .15s,border-color .15s}.master-picker-create-btn:hover{color:var(--text-2);border-color:#666}.master-picker-cancel{padding:.3rem .5rem;background:var(--bg-4);border:1px solid var(--border-strong);border-radius:3px;color:var(--text-3);font-size:.7rem;cursor:pointer}.master-picker-cancel:hover{background:var(--bg-5);color:var(--text-2)}.master-picker-confirm{padding:.3rem .6rem;background:#1a2a3a;border:1px solid #2a4a6a;border-radius:3px;color:#7bb8e0;font-size:.7rem;font-weight:500;cursor:pointer;transition:background-color .15s}.master-picker-confirm:hover:not(:disabled){background:#1f3a5a}.master-picker-confirm:disabled{opacity:.5;cursor:not-allowed}.master-picker-create-form{display:flex;flex-direction:column;gap:.4rem}.master-picker-name-input{padding:.4rem .5rem;background:var(--bg-3);border:1px solid var(--border-strong);border-radius:3px;color:var(--text-2);font-size:.75rem;outline:none}.master-picker-name-input:focus{border-color:#3a6a9a}.export-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.export-modal{background:#1a1a1a;border:1px solid #333;border-radius:8px;width:100%;max-width:360px;overflow:hidden}.export-modal-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #333}.export-modal-header h3{margin:0;font-size:.9rem;font-weight:600}.export-modal-header .close-btn{background:none;border:none;color:#888;font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.export-modal-header .close-btn:hover{color:#fff}.export-modal-content{padding:1.25rem}.export-options{display:flex;flex-direction:column;gap:.75rem}.export-option-btn{display:flex;align-items:center;gap:1rem;padding:1rem;background:#222;border:1px solid #333;border-radius:8px;color:#ccc;cursor:pointer;text-align:left;transition:border-color .2s,background-color .2s}.export-option-btn:hover{border-color:#e8412a;background:#2a2a2a}.export-option-btn:disabled{opacity:.5;cursor:not-allowed}.option-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#333;border-radius:8px}.option-text{display:flex;flex-direction:column;gap:.25rem}.option-text strong{color:#fff;font-size:.95rem}.option-text small{color:#888;font-size:.8rem}.append-mode{display:flex;flex-direction:column;gap:1rem}.append-mode p{margin:0;color:#ccc;font-size:.9rem}.select-file-btn{padding:.75rem 1.5rem;background:#333;border:1px dashed #555;border-radius:8px;color:#ccc;font-size:.9rem;cursor:pointer;transition:border-color .2s,background-color .2s}.select-file-btn:hover{border-color:#e8412a;background:#3a3a3a}.selected-file{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#222;border:1px solid #444;border-radius:8px}.file-name{font-size:.9rem;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.change-file-btn{padding:.4rem .75rem;background:#333;border:none;border-radius:4px;color:#ccc;font-size:.8rem;cursor:pointer}.change-file-btn:hover{background:#444}.append-actions{display:flex;gap:.75rem;margin-top:.5rem}.back-btn{flex:1;padding:.75rem;background:#333;border:none;border-radius:8px;color:#ccc;font-size:.9rem;cursor:pointer}.back-btn:hover{background:#444}.append-export-btn{flex:2;padding:.75rem;background:#e8412a;border:none;border-radius:8px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer}.append-export-btn:hover:not(:disabled){background:#c9361f}.append-export-btn:disabled{opacity:.5;cursor:not-allowed}.master-doc-option{padding:.75rem 1rem;background:#252525;border:1px solid #444;border-radius:8px;margin-bottom:.5rem}.master-doc-checkbox{display:flex;align-items:center;gap:.6rem;cursor:pointer;font-size:.85rem;color:#ccc}.master-doc-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#E8412A;cursor:pointer}.master-doc-checkbox strong{color:#fff}.master-doc-hint{display:block;margin-top:.5rem;margin-left:1.6rem;color:#888;font-size:.75rem}.new-mode{display:flex;flex-direction:column;gap:1rem}.new-mode p{margin:0;color:#ccc;font-size:.9rem}.new-actions{display:flex;gap:.75rem;margin-top:.5rem}.export-btn{flex:2;padding:.75rem;background:#e8412a;border:none;border-radius:8px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer}.export-btn:hover:not(:disabled){background:#c9361f}.export-btn:disabled{opacity:.5;cursor:not-allowed}.master-mode{display:flex;flex-direction:column;gap:1rem}.master-mode p{margin:0;color:#ccc;font-size:.9rem}.master-doc-list{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto}.master-doc-item{display:flex;flex-direction:column;gap:.2rem;padding:.75rem 1rem;background:#222;border:1px solid #333;border-radius:8px;cursor:pointer;text-align:left;transition:border-color .2s,background-color .2s}.master-doc-item:hover{border-color:#444;background:#282828}.master-doc-item.selected{border-color:#e8412a;background:#e8412a1a}.master-doc-item strong{color:#fff;font-size:.9rem}.master-doc-item small{color:#888;font-size:.75rem}.new-master-btn{padding:.6rem 1rem;background:transparent;border:1px dashed #555;border-radius:8px;color:#888;font-size:.85rem;cursor:pointer;transition:border-color .2s,color .2s}.new-master-btn:hover{border-color:#e8412a;color:#ccc}.new-master-form{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#252525;border:1px solid #444;border-radius:8px}.new-master-form input{padding:.5rem .75rem;background:#1a1a1a;border:1px solid #444;border-radius:4px;color:#fff;font-size:.85rem}.new-master-form input:focus{outline:none;border-color:#e8412a}.new-master-form-actions{display:flex;justify-content:flex-end;gap:.4rem}.new-master-form-actions button{padding:.4rem .75rem;background:#333;border:none;border-radius:4px;color:#ccc;font-size:.8rem;cursor:pointer}.new-master-form-actions button:hover{background:#444}.create-master-btn{background:#e8412a!important;color:#fff!important;font-weight:500}.create-master-btn:hover:not(:disabled){background:#c9361f!important}.create-master-btn:disabled{opacity:.5;cursor:not-allowed!important}.append-status{padding:.5rem .75rem;background:#e8412a1a;border:1px solid rgba(232,65,42,.3);border-radius:4px;color:#e8412a;font-size:.8rem;text-align:center}.header-actions{display:flex;align-items:center;gap:.75rem}.user-menu{position:relative}.user-menu-loading{color:#888;font-size:.85rem}.my-projects-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:#1a1a1a;border:1px solid #333;border-radius:6px;color:#ccc;font-size:.8rem;font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s;white-space:nowrap}.my-projects-btn:hover:not(:disabled){background:#252525;border-color:#444;color:#fff}.my-projects-btn:disabled{opacity:.6;cursor:not-allowed}.my-projects-btn svg{opacity:.7}.my-projects-btn:hover svg{opacity:1}.active-project-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:#2563eb;border:none;border-radius:6px;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:background-color .2s;white-space:nowrap;max-width:200px}.active-project-btn:hover{background:#1d4ed8}.active-project-btn span{overflow:hidden;text-overflow:ellipsis}.active-project-btn svg{flex-shrink:0;opacity:.9}.sign-in-options{display:flex;align-items:center;gap:.5rem;position:relative}.auth-error{position:absolute;top:calc(100% + 6px);right:0;background:#2a1a1a;border:1px solid #5c2020;color:#ff8a8a;font-size:.75rem;padding:.5rem .75rem;border-radius:6px;white-space:nowrap;z-index:10}.google-sign-in-btn{display:flex;align-items:center;gap:.6rem;padding:.5rem .875rem .5rem .7rem;background:#1a1a1a;border:1px solid #333;border-radius:6px;color:#ccc;font-size:.8rem;font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s;white-space:nowrap}.google-sign-in-btn:hover:not(:disabled){background:#252525;border-color:#444;color:#fff}.google-sign-in-btn:active:not(:disabled){background:#2a2a2a}.google-sign-in-btn:disabled{opacity:.6;cursor:not-allowed}.google-sign-in-btn svg{flex-shrink:0}.microsoft-sign-in-btn{display:flex;align-items:center;gap:.6rem;padding:.5rem .875rem .5rem .7rem;background:#1a1a1a;border:1px solid #333;border-radius:6px;color:#ccc;font-size:.8rem;font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s;white-space:nowrap}.microsoft-sign-in-btn:hover:not(:disabled){background:#252525;border-color:#444;color:#fff}.microsoft-sign-in-btn:active:not(:disabled){background:#2a2a2a}.microsoft-sign-in-btn:disabled{opacity:.6;cursor:not-allowed}.microsoft-sign-in-btn svg{flex-shrink:0}.user-menu-trigger{display:flex;align-items:center;gap:.4rem;padding:.3rem .5rem .3rem .3rem;background:#1a1a1a;border:1px solid #333;border-radius:20px;cursor:pointer;transition:background-color .2s,border-color .2s;color:#ddd}.user-menu-trigger:hover{background:#252525;border-color:#444}.dropdown-arrow{opacity:.6}.user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.user-avatar-placeholder{width:28px;height:28px;border-radius:50%;background:#e8412a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600}.user-menu-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#1a1a1a;border:1px solid #333;border-radius:8px;min-width:200px;z-index:100;overflow:hidden;box-shadow:0 4px 12px #0000004d}.user-menu-header{padding:.75rem 1rem;border-bottom:1px solid #333;display:flex;flex-direction:column;gap:.2rem}.user-display-name{color:#fff;font-size:.9rem;font-weight:500}.user-email{color:#888;font-size:.75rem;overflow:hidden;text-overflow:ellipsis}.user-menu-item{width:100%;padding:.75rem 1rem;background:transparent;border:none;color:#ddd;font-size:.85rem;text-align:left;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:.75rem}.user-menu-item:hover{background:#252525}.user-menu-item svg{opacity:.7}.user-menu-item.sign-out{color:#aaa}.user-menu-item.sign-out:hover{color:#ff6b6b}@media(max-width:600px){.my-projects-btn span,.google-sign-in-btn span,.microsoft-sign-in-btn span,.active-project-btn span{display:none}.my-projects-btn,.google-sign-in-btn,.microsoft-sign-in-btn,.active-project-btn{padding:.5rem}}.project-selector-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.project-selector-modal{background:#1a1a1a;border:1px solid #333;border-radius:12px;width:100%;max-width:480px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 32px #0006}.project-selector-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #333}.project-selector-header h2{margin:0;font-size:1.1rem;font-weight:600;color:#fff}.project-selector-header .close-btn{background:none;border:none;color:#888;font-size:1.5rem;cursor:pointer;padding:0;line-height:1;transition:color .2s}.project-selector-header .close-btn:hover{color:#fff}.project-selector-content{padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}.project-option{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#222;border:1px solid #333;border-radius:8px;cursor:pointer;text-align:left;transition:border-color .2s,background-color .2s;width:100%;position:relative}.project-option:hover{border-color:#444;background:#282828}.project-option.active{border-color:#e8412a;background:#e8412a1a}.project-option-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#333;border-radius:8px;color:#888;flex-shrink:0}.project-option.active .project-option-icon{background:#e8412a33;color:#e8412a}.project-option.one-off-option .project-option-icon{background:#2a3a2a;color:#6a9}.project-option-text{flex:1;display:flex;flex-direction:column;gap:.2rem;min-width:0}.project-option-text strong{color:#fff;font-size:.9rem;font-weight:500}.project-option-text span{color:#888;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-badge{padding:.2rem .5rem;background:#e8412a;border-radius:4px;font-size:.7rem;font-weight:600;color:#fff;text-transform:uppercase;flex-shrink:0}.share-project-btn,.delete-project-btn{padding:.4rem;background:transparent;border:none;color:#666;cursor:pointer;border-radius:4px;transition:color .2s,background-color .2s;flex-shrink:0;opacity:0}.project-option:hover .share-project-btn,.project-option:hover .delete-project-btn{opacity:1}.share-project-btn:hover{color:#4dabf7;background:#4dabf71a}.delete-project-btn:hover{color:#ff6b6b;background:#ff6b6b1a}.project-list-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;margin-top:.5rem;border-top:1px solid #333}.project-list-header span{font-size:.75rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.05em}.new-project-btn{padding:.35rem .75rem;background:#e8412a;border:none;border-radius:4px;color:#fff;font-size:.75rem;font-weight:500;cursor:pointer;transition:background-color .2s}.new-project-btn:hover{background:#c9361f}.project-list{display:flex;flex-direction:column;gap:.5rem}.new-project-form{padding:1rem;background:#252525;border:1px solid #444;border-radius:8px;display:flex;flex-direction:column;gap:.75rem}.new-project-form input{padding:.6rem .75rem;background:#1a1a1a;border:1px solid #444;border-radius:4px;color:#fff;font-size:.9rem}.new-project-form input:focus{outline:none;border-color:#e8412a}.new-project-actions{display:flex;justify-content:flex-end;gap:.5rem}.new-project-actions .cancel-btn{padding:.5rem .75rem;background:transparent;border:1px solid #444;border-radius:4px;color:#aaa;font-size:.8rem;cursor:pointer}.new-project-actions .cancel-btn:hover{background:#333}.new-project-actions .create-btn{padding:.5rem 1rem;background:#e8412a;border:none;border-radius:4px;color:#fff;font-size:.8rem;font-weight:500;cursor:pointer}.new-project-actions .create-btn:hover:not(:disabled){background:#c9361f}.new-project-actions .create-btn:disabled{opacity:.5;cursor:not-allowed}.project-loading,.project-empty{padding:1.5rem;text-align:center;color:#666;font-size:.85rem}.project-error{padding:.5rem .75rem;background:#ff64641a;border:1px solid rgba(255,100,100,.3);border-radius:4px;color:#ff6b6b;font-size:.8rem}.project-files{border:1px solid #333;border-radius:6px;overflow:hidden;background:#1a1a1a;flex-shrink:0}.project-files-toggle{display:flex;align-items:center;gap:.5rem;width:100%;padding:.6rem .75rem;background:#1a1a1a;border:none;color:#ccc;font-size:.8rem;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.03em;transition:background-color .2s}.project-files-toggle:hover{background:#222}.toggle-chevron{transition:transform .2s}.toggle-chevron.open{transform:rotate(90deg)}.project-files-content{border-top:1px solid #333}.project-files-tabs{display:flex;border-bottom:1px solid #333}.pf-tab{flex:1;padding:.45rem .5rem;background:transparent;border:none;border-bottom:2px solid transparent;color:#888;font-size:.75rem;cursor:pointer;transition:color .2s,border-color .2s}.pf-tab:hover{color:#ccc}.pf-tab.active{color:#fff;border-bottom-color:#e8412a}.pf-tab-actions{padding:.4rem .6rem;display:flex;justify-content:flex-end;gap:.4rem}.pf-action-btn{padding:.3rem .6rem;background:#e8412a;border:none;border-radius:4px;color:#fff;font-size:.7rem;font-weight:500;cursor:pointer;transition:background-color .2s}.pf-action-btn:hover:not(:disabled){background:#c9361f}.pf-action-btn:disabled{opacity:.5;cursor:not-allowed}.pf-export-all-btn{background:#333;color:#ccc}.pf-export-all-btn:hover:not(:disabled){background:#444}.pf-save-input-btn{background:#1a3a1a;color:#7bc67b}.pf-save-input-btn:hover:not(:disabled){background:#1f4a1f}.pf-save-input-btn.saved{background:#1a2a1a;color:#5a9a5a}.pf-new-master-form{padding:.5rem .6rem;display:flex;flex-direction:column;gap:.4rem}.pf-new-master-form input{padding:.4rem .6rem;background:#0d0d0d;border:1px solid #444;border-radius:4px;color:#fff;font-size:.8rem}.pf-new-master-form input:focus{outline:none;border-color:#e8412a}.pf-new-master-actions{display:flex;justify-content:flex-end;gap:.4rem}.pf-new-master-actions button{padding:.3rem .6rem;background:#333;border:none;border-radius:4px;color:#ccc;font-size:.7rem;cursor:pointer}.pf-new-master-actions button:hover{background:#444}.pf-create-btn{background:#e8412a!important;color:#fff!important}.pf-create-btn:hover:not(:disabled){background:#c9361f!important}.pf-create-btn:disabled{opacity:.5;cursor:not-allowed!important}.pf-error{padding:.4rem .6rem;background:#ff64641a;color:#ff6b6b;font-size:.75rem}.pf-loading{padding:1rem;text-align:center;color:#666;font-size:.8rem}.pf-file-list{overflow-y:auto}.pf-file-row{display:flex;align-items:center;justify-content:space-between;padding:.45rem .6rem;border-bottom:1px solid #2a2a2a;transition:background-color .15s}.pf-file-row:hover{background:#222}.pf-file-row:last-child{border-bottom:none}.pf-file-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.pf-file-name{font-size:.8rem;color:#ddd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-file-meta{font-size:.7rem;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-file-actions{display:flex;gap:.25rem;flex-shrink:0;opacity:0;transition:opacity .15s}.pf-file-row:hover .pf-file-actions{opacity:1}.pf-rename-btn,.pf-download-btn,.pf-delete-btn{padding:.25rem;background:transparent;border:none;color:#888;cursor:pointer;border-radius:3px;transition:color .2s,background-color .2s}.pf-rename-btn:hover{color:#ffc107;background:#ffc1071a}.pf-download-btn:hover{color:#4dabf7;background:#4dabf71a}.pf-delete-btn:hover{color:#ff6b6b;background:#ff6b6b1a}.pf-rename-input{width:100%;padding:.2rem .4rem;background:#0d0d0d;border:1px solid #E8412A;border-radius:3px;color:#fff;font-size:.8rem;outline:none}.pf-empty{padding:1rem;text-align:center;color:#555;font-size:.8rem;font-style:italic}.pf-resize-handle{height:6px;background:#1a1a1a;cursor:row-resize;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color .2s;border-top:1px solid #2a2a2a}.pf-resize-handle:hover{background:#2a2a2a}.pf-resize-grip{width:40px;height:3px;background:#444;border-radius:2px;transition:background-color .2s}.pf-resize-handle:hover .pf-resize-grip{background:#e8412a}.pf-delete-confirm{padding:.6rem;background:#2a1a1a;border-top:1px solid #4a2a2a}.pf-delete-confirm p{margin:0 0 .4rem;font-size:.8rem;color:#f99}.pf-delete-actions{display:flex;justify-content:flex-end;gap:.4rem}.pf-delete-actions button{padding:.3rem .6rem;background:#333;border:none;border-radius:4px;color:#ccc;font-size:.7rem;cursor:pointer}.pf-delete-actions button:hover{background:#444}.pf-confirm-delete-btn{background:#dc3545!important;color:#fff!important}.pf-confirm-delete-btn:hover{background:#c82333!important}.sharing-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000}.sharing-modal{background:#1a1a1a;border:1px solid #333;border-radius:12px;width:100%;max-width:420px;max-height:70vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 32px #0006}.sharing-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #333}.sharing-header h3{margin:0;font-size:1rem;font-weight:600;color:#fff}.sharing-header .close-btn{background:none;border:none;color:#888;font-size:1.5rem;cursor:pointer;padding:0;line-height:1;transition:color .2s}.sharing-header .close-btn:hover{color:#fff}.sharing-content{padding:1rem 1.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}.sharing-project-name{margin:0;font-size:.85rem;color:#888}.sharing-add-form{display:flex;gap:.5rem}.sharing-add-form input{flex:1;padding:.5rem .75rem;background:#0d0d0d;border:1px solid #444;border-radius:6px;color:#fff;font-size:.85rem}.sharing-add-form input:focus{outline:none;border-color:#e8412a}.sharing-add-btn{padding:.5rem 1rem;background:#e8412a;border:none;border-radius:6px;color:#fff;font-size:.85rem;font-weight:500;cursor:pointer;transition:background-color .2s}.sharing-add-btn:hover:not(:disabled){background:#c9361f}.sharing-add-btn:disabled{opacity:.5;cursor:not-allowed}.sharing-error{padding:.4rem .75rem;background:#ff64641a;border:1px solid rgba(255,100,100,.3);border-radius:4px;color:#ff6b6b;font-size:.8rem}.sharing-success{padding:.4rem .75rem;background:#64ff641a;border:1px solid rgba(100,255,100,.3);border-radius:4px;color:#6bff6b;font-size:.8rem}.sharing-members-label{font-size:.75rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}.sharing-loading{padding:1rem;text-align:center;color:#666;font-size:.85rem}.sharing-members-list{display:flex;flex-direction:column;gap:.4rem}.sharing-member-row{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;background:#222;border:1px solid #333;border-radius:6px}.sharing-member-info{display:flex;flex-direction:column;gap:.1rem;min-width:0}.sharing-member-name{font-size:.85rem;color:#ddd;display:flex;align-items:center;gap:.4rem}.owner-badge{font-size:.65rem;padding:.1rem .35rem;background:#e8412a33;color:#e8412a;border-radius:3px;font-weight:600;text-transform:uppercase}.sharing-member-email{font-size:.75rem;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sharing-remove-btn{padding:.3rem;background:transparent;border:none;color:#666;cursor:pointer;border-radius:4px;transition:color .2s,background-color .2s;flex-shrink:0}.sharing-remove-btn:hover{color:#ff6b6b;background:#ff6b6b1a}.sharing-empty{padding:1rem;text-align:center;color:#555;font-size:.85rem;font-style:italic}.howto-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:howto-fade-in .15s ease-out}.howto-modal{background:var(--bg-3);border:1px solid var(--border-strong);border-radius:8px;width:100%;max-width:660px;max-height:82vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 16px 48px #00000080;animation:howto-slide-up .2s ease-out}@keyframes howto-fade-in{0%{opacity:0}to{opacity:1}}@keyframes howto-slide-up{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.howto-header{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;border-bottom:1px solid var(--border);background:var(--bg-2);flex-shrink:0}.howto-header h2{margin:0;font-size:1rem;font-weight:600;color:var(--text-1)}.howto-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:var(--text-3);font-size:1.3rem;line-height:1;cursor:pointer;transition:background-color .15s,color .15s}.howto-close:hover{background:var(--bg-5);color:var(--text-1)}.howto-content{padding:1rem 1.5rem 1.5rem;overflow-y:auto;font-size:.82rem;line-height:1.55;color:var(--text-2)}.howto-intro{margin:.25rem 0 0;padding:.75rem .9rem;background:var(--bg-2);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:4px;color:var(--text-2)}.howto-content section{margin-top:1.1rem}.howto-content h3{margin:0 0 .4rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent)}.howto-content ul,.howto-content ol{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.3rem}.howto-content li::marker{color:var(--text-4)}.howto-content strong{color:var(--text-1);font-weight:600}.whatsnew-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:whatsnew-fade-in .18s ease-out}.whatsnew-modal{background:var(--bg-3);border:1px solid rgba(232,65,42,.35);border-radius:10px;width:100%;max-width:560px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 16px 48px #0000008c,0 0 40px #e8412a2e;animation:whatsnew-slide-up .32s cubic-bezier(.34,1.4,.64,1)}@keyframes whatsnew-fade-in{0%{opacity:0}to{opacity:1}}@keyframes whatsnew-slide-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.whatsnew-header{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.95rem 1.25rem;background:linear-gradient(135deg,#e8412a,#a3271a);flex-shrink:0}.whatsnew-header h2{margin:0;font-size:1.05rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:.45rem}.whatsnew-spark{font-size:1rem}.whatsnew-date{font-size:.7rem;font-weight:600;color:#ffffffe6;background:#ffffff29;padding:.15rem .6rem;border-radius:999px;letter-spacing:.02em}.whatsnew-content{padding:1rem 1.25rem;overflow-y:auto;font-size:.8rem;line-height:1.55;color:var(--text-2)}.whatsnew-content ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.whatsnew-content li{background:var(--bg-2);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:6px;padding:.55rem .75rem}.whatsnew-content strong{color:var(--text-1);font-weight:600}.whatsnew-footer{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.8rem 1.25rem;border-top:1px solid var(--border);background:var(--bg-2);flex-shrink:0}.whatsnew-guide-btn{padding:.45rem .75rem;background:transparent;border:1px solid var(--border-strong);border-radius:5px;color:var(--text-3);font-size:.75rem;cursor:pointer;transition:color .15s,border-color .15s}.whatsnew-guide-btn:hover{color:var(--text-1);border-color:#666}.whatsnew-dismiss-btn{padding:.45rem 1.3rem;background:var(--accent);border:none;border-radius:5px;color:#fff;font-size:.78rem;font-weight:600;cursor:pointer;transition:background-color .15s,transform .1s}.whatsnew-dismiss-btn:hover{background:var(--accent-hover)}.whatsnew-dismiss-btn:active{transform:scale(.97)}.app{height:100vh;display:flex;flex-direction:column;overflow:hidden;padding:1.5rem 3rem;background:var(--frame);max-width:1600px;margin:0 auto}.app-header{padding:.65rem 1.25rem;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--bg-1);border-radius:8px 8px 0 0;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:.6rem}.header-title{display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:opacity .2s}.header-info-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;color:var(--text-4);cursor:pointer;transition:color .15s,background-color .15s}.header-info-btn:hover{color:var(--text-2);background:var(--bg-4)}.header-title:hover{opacity:.8}.header-logo{height:36px;width:auto}.app-header h1{font-size:1.2rem;margin:0}.app-main{display:flex;flex:1;overflow:hidden;background:var(--bg-1);border-radius:0 0 8px 8px;border:1px solid var(--border);border-top:none;min-height:0}.app-main.resizing{cursor:col-resize}.input-panel{display:flex;flex-direction:column;gap:.75rem;padding:1rem;overflow-y:auto;background:var(--bg-0);min-width:0;height:100%;min-height:0}.output-panel{display:flex;flex-direction:column;overflow:hidden;min-width:0}.panel-resizer{width:8px;background:var(--bg-3);cursor:col-resize;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color .2s}.panel-resizer:hover{background:#2a2a2a}.resizer-handle{width:4px;height:40px;background:var(--bg-6);border-radius:2px;transition:background-color .2s}.panel-resizer:hover .resizer-handle{background:var(--accent)}.error-message{padding:.5rem .75rem;background:#ff64641a;border:1px solid rgba(255,100,100,.3);border-radius:4px;color:#ff6b6b;font-size:.8rem;animation:fade-in .2s ease-out}.warning-message{padding:.5rem .75rem;background:#ffc1071a;border:1px solid rgba(255,193,7,.35);border-radius:4px;color:#d4a017;font-size:.8rem;animation:fade-in .2s ease-out}.format-btn{padding:.6rem 1.5rem;background:var(--accent);border:none;border-radius:6px;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:background-color .2s,opacity .2s;align-self:stretch}.format-btn:hover:not(:disabled){background:var(--accent-hover)}.format-btn:disabled{opacity:.5;cursor:not-allowed}.format-btn-group{display:flex;gap:.5rem;align-items:stretch}.format-btn-group .format-btn{flex:1}.stop-btn{padding:.6rem 1rem;background:#6b7280;border:none;border-radius:6px;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:background-color .2s}.stop-btn:hover{background:#4b5563}@media(max-width:900px){.app{height:auto;overflow:visible;padding:.75rem}.app-main{flex-direction:column;overflow:visible}.input-panel{width:100%!important;border-bottom:1px solid var(--border);overflow:visible}.output-panel{width:100%!important;min-height:400px}.panel-resizer{display:none}}