@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Inter:wght@300;400;500;600;700&display=swap";.input-with-toggle[data-v-89c2361e]{align-items:center;gap:.25rem;display:flex}.input-with-toggle .form-input[data-v-89c2361e]{flex:1}.form-toggle[data-v-89c2361e]{justify-content:space-between;align-items:center;display:flex}.modal-footer[data-v-89c2361e]{border-top:1px solid var(--color-border,#e5e7eb);justify-content:space-between;gap:.5rem;padding:1rem;display:flex}.form-help[data-v-89c2361e]{color:var(--color-text-muted,#9ca3af);margin-top:.25rem;font-size:.8rem}.toast-container[data-v-358d1d79]{z-index:9999;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed;top:1rem;right:1rem}.toast[data-v-358d1d79]{pointer-events:auto}.toast-enter-active[data-v-358d1d79],.toast-leave-active[data-v-358d1d79]{transition:all .3s}.toast-enter-from[data-v-358d1d79],.toast-leave-to[data-v-358d1d79]{opacity:0;transform:translate(100%)}.toast-move[data-v-358d1d79]{transition:transform .3s}.app-wrapper[data-v-7a7a37b1]{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-header[data-v-7a7a37b1]{background:linear-gradient(135deg, var(--color-bg-secondary), var(--color-bg-tertiary));border-bottom:1px solid var(--color-border);z-index:100;flex-shrink:0;justify-content:space-between;align-items:center;height:3.25rem;padding:0 1.25rem;display:flex;position:relative}.app-header[data-v-7a7a37b1]:after{content:"";background:linear-gradient(90deg, transparent, var(--ornament-color), var(--color-accent), var(--ornament-color), transparent);height:1px;position:absolute;bottom:-1px;left:0;right:0}.header-left[data-v-7a7a37b1]{align-items:center;gap:.5rem;display:flex}.app-title[data-v-7a7a37b1]{font-family:var(--font-heading);white-space:nowrap;letter-spacing:.06em;color:var(--color-text-primary);margin:0;font-size:1.1rem;font-weight:600}.hamburger[data-v-7a7a37b1]{cursor:pointer;color:var(--color-text-primary);background:0 0;border:none;padding:.25rem;font-size:1.4rem;display:none}.header-nav[data-v-7a7a37b1]{align-items:center;gap:.25rem;display:flex}.nav-link[data-v-7a7a37b1],.nav-btn[data-v-7a7a37b1]{color:var(--color-text-secondary);border-radius:var(--radius);font-size:var(--font-sm);font-family:var(--font-ui);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:.35rem;padding:.375rem .75rem;font-weight:500;text-decoration:none;transition:color .15s,background .15s;display:inline-flex}.nav-link[data-v-7a7a37b1]:hover,.nav-link.router-link-exact-active[data-v-7a7a37b1],.nav-btn[data-v-7a7a37b1]:hover{color:var(--color-text-primary);background:var(--color-bg-hover);border-color:var(--color-border)}.nav-link.router-link-exact-active[data-v-7a7a37b1]{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-accent-light)}.nav-divider[data-v-7a7a37b1]{background:var(--color-border);width:1px;height:1.2rem;margin:0 .375rem}.app-body[data-v-7a7a37b1]{flex:1;overflow:hidden}@media (width<=768px){.hamburger[data-v-7a7a37b1]{display:flex}.header-nav[data-v-7a7a37b1]{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-lg);z-index:99;flex-direction:column;gap:.35rem;padding:.5rem 1rem;display:none;position:absolute;top:100%;left:0;right:0}.header-nav.open[data-v-7a7a37b1]{display:flex}.nav-link[data-v-7a7a37b1],.nav-btn[data-v-7a7a37b1]{justify-content:flex-start;width:100%;padding:.5rem .75rem}.nav-divider[data-v-7a7a37b1]{width:100%;height:1px;margin:.25rem 0}}:root{--font-family:"Lora", "Georgia", serif;--font-heading:"Cinzel", "Georgia", serif;--font-ui:"Inter", system-ui, sans-serif;--font-mono:"Monaco", "Consolas", "Courier New", monospace;--transition:all .2s ease-in-out;--transition-slow:all .3s ease-in-out;--radius:6px;--radius-sm:4px;--radius-lg:10px}:root,html[data-theme=light]{--color-bg-primary:#faf4e8;--color-bg-secondary:#f0e7d5;--color-bg-tertiary:#e6dbc6;--color-bg-hover:#ddd0b5;--color-text-primary:#2c1810;--color-text-secondary:#5a4535;--color-text-muted:#8b7355;--color-accent:#b8860b;--color-accent-light:#f5e6c8;--color-accent-dark:#8b6508;--color-success:#5a7f5a;--color-warning:#c89e3c;--color-error:#a04040;--color-border:#c4b49a;--color-divider:#d4c4a8;--color-ai-bg:#f5edd8;--color-user-bg:transparent;--color-user-text:#fff;--color-overlay:#2c18108c;--shadow-sm:0 1px 3px #3c281414;--shadow:0 2px 8px #3c28141f;--shadow-lg:0 8px 24px #3c28142e;--ornament-color:#b8860b4d}html[data-theme=dark]{--color-bg-primary:#1a1410;--color-bg-secondary:#261e16;--color-bg-tertiary:#342a20;--color-bg-hover:#3e3228;--color-text-primary:#e8dcc8;--color-text-secondary:#b8a88e;--color-text-muted:#8b7d6b;--color-accent:#d4a843;--color-accent-light:#3d3020;--color-accent-dark:#e8c060;--color-success:#6aaa6a;--color-warning:#d4a843;--color-error:#c85a5a;--color-border:#4a3a2c;--color-divider:#3a2e22;--color-ai-bg:#261e16;--color-user-bg:transparent;--color-user-text:#faf4e8;--color-overlay:#0a0806bf;--shadow-sm:0 1px 3px #0003;--shadow:0 2px 8px #0000004d;--shadow-lg:0 8px 24px #0006;--ornament-color:#d4a8434d}html[data-theme=sepia]{--color-bg-primary:#f5efe5;--color-bg-secondary:#ebe3d6;--color-bg-tertiary:#dfd5c5;--color-bg-hover:#d4c8b4;--color-text-primary:#3d2e1e;--color-text-secondary:#5c4a38;--color-text-muted:#7d6b5a;--color-accent:#a07830;--color-accent-light:#f0e0c0;--color-accent-dark:#806020;--color-success:#5f8f5f;--color-warning:#c89e3c;--color-error:#b04840;--color-border:#c8b8a0;--color-divider:#d8c8b0;--color-ai-bg:#ebe3d6;--color-user-bg:transparent;--color-user-text:#2a1a10;--color-overlay:#3223148c;--shadow-sm:0 1px 3px #321e0a1a;--shadow:0 2px 8px #321e0a26;--shadow-lg:0 8px 24px #321e0a33;--ornament-color:#a078304d}:root,html[data-fontsize=small]{--font-base:.875rem;--font-xs:.75rem;--font-sm:.8125rem;--font-md:.95rem;--font-lg:1rem;--font-xl:1.125rem;--font-2xl:1.25rem;--font-3xl:1.5rem}html[data-fontsize=medium]{--font-base:1rem;--font-xs:.8125rem;--font-sm:.875rem;--font-md:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:1.875rem}html[data-fontsize=large]{--font-base:1.125rem;--font-xs:.875rem;--font-sm:.9375rem;--font-md:1.0625rem;--font-lg:1.25rem;--font-xl:1.4375rem;--font-2xl:1.75rem;--font-3xl:2.125rem}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-base);color:var(--color-text-primary);background-color:var(--color-bg-primary);background-image:radial-gradient(at 20%,#b8860b08 0%,#0000 50%),radial-gradient(at 80%,#8b650808 0%,#0000 50%);line-height:1.6;transition:background-color .3s,color .3s}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}button:focus,input:focus,select:focus,textarea:focus,a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text-primary);letter-spacing:.02em;margin-bottom:.75rem;font-weight:600;line-height:1.3}h1{font-size:var(--font-3xl)}h2{font-size:var(--font-2xl)}h3{font-size:var(--font-xl)}h4{font-size:var(--font-lg)}h5{font-size:var(--font-md)}h6{font-size:var(--font-base)}p{color:var(--color-text-primary);margin-bottom:1rem}small{font-size:var(--font-xs);color:var(--color-text-muted)}a{color:var(--color-accent);transition:var(--transition);text-decoration:none}a:hover{color:var(--color-accent-dark);text-decoration:underline}code{font-family:var(--font-mono);background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm);padding:.125rem .375rem;font-size:.9em}pre{background-color:var(--color-bg-secondary);border-radius:var(--radius);border:1px solid var(--color-border);margin-bottom:1rem;padding:1rem;overflow-x:auto}pre code{background:0 0;border-radius:0;padding:0}.app-container{height:100vh;display:flex;overflow:hidden}.main-content,.chat-container{flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-messages{flex-direction:column;flex:1;gap:.25rem;padding:1.5rem 2rem;display:flex;overflow-y:auto}.chat-input-area{border-top:1px solid var(--color-border);background-color:var(--color-bg-secondary);padding:1rem 1.5rem;position:relative}.chat-input-area:before{content:"";background:linear-gradient(90deg, transparent, var(--ornament-color), var(--color-accent), var(--ornament-color), transparent);height:1px;position:absolute;top:0;left:2rem;right:2rem}.side-panel{background-color:var(--color-bg-secondary);border-right:1px solid var(--color-border);width:300px;transition:var(--transition);flex-direction:column;display:flex;position:relative;overflow-y:auto}.side-panel:after{content:"";background:linear-gradient(180deg, transparent 0%, var(--ornament-color) 20%, var(--ornament-color) 80%, transparent 100%);pointer-events:none;width:1px;height:100%;position:absolute;top:0;right:0}.side-panel-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1rem;display:flex}.side-panel-content{flex:1;padding:1rem;overflow-y:auto}.side-panel-toggle{z-index:1001;display:none;position:absolute;top:1rem;left:1rem}@media (width<=768px){.side-panel{z-index:1000;height:100vh;transition:var(--transition-slow);box-shadow:var(--shadow-lg);position:fixed;top:0;left:0;transform:translate(-100%)}.side-panel.active{transform:translate(0)}.side-panel-toggle{display:block}}.message{gap:.75rem;margin-bottom:.125rem;animation:.3s ease-in fadeIn;display:flex}.message.message-grouped{margin-top:-.125rem;margin-bottom:.125rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.message.user{justify-content:flex-end}.message-bubble{border-radius:var(--radius);word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;max-width:80%;padding:.875rem 1.25rem;line-height:1.7;position:relative}.message.ai .message-bubble{background-color:var(--color-ai-bg);color:var(--color-text-primary);border-left:3px solid var(--color-accent);border-radius:0 var(--radius) var(--radius) 0;max-width:85%;font-size:calc(var(--font-base) + .02rem)}.message.user .message-bubble{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-dark));color:var(--color-user-text);border-radius:var(--radius) 0 0 var(--radius);border-right:3px solid var(--color-accent-dark);box-shadow:var(--shadow-sm);max-width:70%}.message.user .message-time,.message.user .message-edited{color:#ffffffa6}.message-bubble p{margin-bottom:.5rem}.message-bubble p:last-child{margin-bottom:0}.message-bubble strong{font-weight:600}.message-bubble em{color:var(--color-text-secondary);font-style:italic}.message.user .message-bubble em{color:inherit;opacity:.9}.message-bubble ul,.message-bubble ol{margin-bottom:.5rem;margin-left:1.5rem}.message-bubble li{margin-bottom:.25rem}.message-bubble blockquote{border-left:3px solid var(--color-accent);opacity:.85;margin-bottom:.5rem;margin-left:0;padding-left:.75rem;font-style:italic}.message+.message:not(.message-grouped){margin-top:.5rem}@media (width<=768px){.message-bubble{max-width:90%}.message.ai .message-bubble{max-width:95%}}button{font-family:var(--font-ui);font-size:var(--font-base);border-radius:var(--radius);cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-dark));color:#fff;border:1px solid var(--color-accent-dark);text-shadow:0 1px 1px #00000026}.btn-primary:hover{background:linear-gradient(135deg, var(--color-accent-dark), var(--color-accent));box-shadow:var(--shadow), 0 0 12px #b8860b26;transform:translateY(-1px)}.btn-primary:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-secondary{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-bg-hover);border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.btn-ghost{color:var(--color-accent);border:1px solid var(--color-accent);background-color:#0000}.btn-ghost:hover{background-color:var(--color-accent-light);box-shadow:var(--shadow-sm)}.btn-danger{background-color:var(--color-error);color:#fff;border:1px solid var(--color-error)}.btn-danger:hover{opacity:.9;transform:translateY(-1px)}.btn-small{font-size:var(--font-xs);padding:.375rem .75rem}.btn-large{font-size:var(--font-lg);padding:.75rem 1.5rem}.btn-icon{border-radius:var(--radius-sm);justify-content:center;width:36px;height:36px;padding:0}button:disabled{opacity:.5;cursor:not-allowed}input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],textarea,select{font-family:var(--font-ui);font-size:var(--font-base);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:var(--transition);padding:.5rem .75rem}input::placeholder,textarea::placeholder{color:var(--color-text-muted);font-style:italic}input:focus,textarea:focus,select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}textarea{resize:vertical;min-height:100px;font-family:var(--font-family)}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"></polyline></svg>");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.25rem;padding-right:2rem}.form-group{margin-bottom:1rem}label{font-weight:500;font-size:var(--font-sm);font-family:var(--font-ui);color:var(--color-text-primary);letter-spacing:.01em;margin-bottom:.375rem;display:block}.toggle-switch{cursor:pointer;align-items:center;gap:.5rem;display:inline-flex}.toggle-switch input[type=checkbox]{appearance:none;background-color:var(--color-border);cursor:pointer;width:44px;height:24px;transition:var(--transition);border-radius:12px;position:relative}.toggle-switch input[type=checkbox]:checked{background-color:var(--color-accent)}.toggle-switch input[type=checkbox]:after{content:"";width:20px;height:20px;transition:var(--transition);background-color:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.toggle-switch input[type=checkbox]:checked:after{left:22px}input[type=range]{background:var(--color-border);appearance:none;border-radius:3px;outline:none;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-accent);cursor:pointer;width:18px;height:18px;transition:var(--transition);border-radius:50%;box-shadow:0 1px 3px #0003}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}input[type=range]::-moz-range-thumb{background:var(--color-accent);cursor:pointer;width:18px;height:18px;transition:var(--transition);border:none;border-radius:50%}.progress-bar{background-color:var(--color-bg-tertiary);border-radius:3px;width:100%;height:6px;margin-bottom:.5rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--color-success), var(--color-accent));height:100%;transition:var(--transition);border-radius:3px;width:0%}.progress-fill.warning{background:linear-gradient(90deg, var(--color-warning), var(--color-accent))}.progress-fill.danger{background:linear-gradient(90deg, var(--color-error), #c85a5a)}.progress-label{font-size:var(--font-xs);color:var(--color-text-secondary);font-family:var(--font-ui);justify-content:space-between;margin-bottom:.375rem;display:flex}.modal-overlay{background-color:var(--color-overlay);z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;animation:.2s ease-in fadeIn;display:flex;position:fixed;inset:0}.modal-overlay.active{display:flex}.modal{background-color:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg), 0 0 0 1px var(--color-border);border:1px solid var(--color-border);flex-direction:column;max-width:90%;max-height:90vh;display:flex;overflow-y:auto}.modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex;position:relative}.modal-header:after{content:"";background:linear-gradient(90deg, transparent, var(--ornament-color), transparent);height:1px;position:absolute;bottom:-1px;left:1.5rem;right:1.5rem}.modal-header h2{font-family:var(--font-heading);font-size:var(--font-xl);letter-spacing:.04em;margin-bottom:0}.modal-body{flex:1;padding:1.5rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--color-border);justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.toast-container{z-index:3000;flex-direction:column;gap:.75rem;display:flex;position:fixed;bottom:1rem;right:1rem}.toast{background-color:var(--color-bg-secondary);border-left:4px solid var(--color-accent);border-radius:var(--radius);box-shadow:var(--shadow);min-width:280px;font-family:var(--font-ui);font-size:var(--font-sm);border:1px solid var(--color-border);align-items:center;gap:.75rem;padding:.875rem 1rem;animation:.3s ease-out slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(400px)}to{opacity:1;transform:translate(0)}}.toast.success{border-left-color:var(--color-success)}.toast.error{border-left-color:var(--color-error)}.toast.warning{border-left-color:var(--color-warning)}.toast-close{cursor:pointer;opacity:.7;transition:var(--transition);margin-left:auto}.toast-close:hover{opacity:1}.debug-panel{border-top:1px solid var(--color-border);background-color:var(--color-bg-secondary);max-height:0;transition:var(--transition-slow);overflow:hidden}.debug-panel.active{max-height:300px}.debug-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.75rem;font-weight:600;display:flex}.debug-header:hover{background-color:var(--color-bg-tertiary)}.debug-content{font-family:var(--font-mono);font-size:var(--font-xs);color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-word;max-height:250px;padding:1rem;overflow-y:auto}.generator-editor{tab-size:2;white-space:pre;resize:vertical;background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.75rem;overflow:auto;font-family:var(--font-mono)!important;font-size:13px!important;line-height:1.5!important}.generator-editor:focus{outline:2px solid var(--color-accent);outline-offset:-1px}.generator-help{font-size:var(--font-xs);color:var(--color-text-secondary);margin:0 0 .5rem;line-height:1.4}.generator-actions{gap:.5rem;margin-bottom:1rem;display:flex}.generator-output-group{margin-top:.5rem}.generator-output{font-family:var(--font-mono);background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-word;max-height:200px;margin:0;padding:.75rem;font-size:12px;line-height:1.4;overflow-y:auto}.generator-output.generator-error{color:var(--color-error);border-color:var(--color-error);background-color:#a040400d}.table-wrapper{margin-bottom:1rem;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:var(--font-sm)}thead{background-color:var(--color-bg-tertiary);font-weight:600}th{text-align:left;border-bottom:2px solid var(--color-border);color:var(--color-text-primary);font-family:var(--font-ui);padding:.75rem}td{border-bottom:1px solid var(--color-divider);padding:.75rem}tr:hover{background-color:var(--color-bg-secondary)}.lorebook-entry{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:1rem;padding:1rem}.lorebook-entry-title{color:var(--color-accent);margin-bottom:.5rem;font-weight:600}.lorebook-entry-content{font-size:var(--font-sm);color:var(--color-text-secondary);line-height:1.6}.doc-container{max-width:900px;margin:0 auto;padding:2rem}.doc-section{margin-bottom:2rem}.doc-section>h2{border-bottom:2px solid var(--color-border);margin-bottom:1.25rem;padding-bottom:.75rem}.doc-section>h3{margin-top:1.5rem}.doc-prose{font-size:var(--font-md);color:var(--color-text-primary);line-height:1.8}.doc-code-example{background-color:var(--color-bg-secondary);border-left:3px solid var(--color-accent);border-radius:var(--radius-sm);margin:1rem 0;padding:1rem;overflow-x:auto}.hidden{display:none!important}.invisible{visibility:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:.5rem}.gap-md{gap:1rem}.gap-lg{gap:1.5rem}.p-sm{padding:.5rem}.p-md{padding:1rem}.p-lg{padding:1.5rem}.m-sm{margin:.5rem}.m-md{margin:1rem}.m-lg{margin:1.5rem}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.bg-error{background-color:var(--color-error);color:#fff}.bg-success{background-color:var(--color-success);color:#fff}.bg-warning{background-color:var(--color-warning);color:#fff}@media (width<=1024px){.side-panel{width:260px}}@media (width<=768px){.app-container{flex-direction:column}.main-content{flex:1}.chat-messages{padding:1rem}.chat-input-area{padding:.75rem}.message-bubble{max-width:90%;font-size:var(--font-sm)}.modal{max-width:95%;max-height:95vh}.toast-container{bottom:.5rem;left:.5rem;right:.5rem}.toast{min-width:auto}.doc-container{padding:1rem}table{font-size:var(--font-xs)}th,td{padding:.5rem}}@media (width<=480px){.side-panel{width:100%;max-width:300px}.message-bubble{max-width:95%;padding:.625rem .75rem}.modal-header,.modal-body,.modal-footer{padding:1rem}button{font-size:var(--font-sm);padding:.5rem .875rem}h1{font-size:var(--font-2xl)}h2{font-size:var(--font-xl)}h3{font-size:var(--font-lg)}.doc-container{padding:.75rem}}@media print{.side-panel,.chat-input-area,.debug-panel,.toast-container,.modal-overlay,.side-panel-toggle{display:none!important}body{color:#000;background-color:#fff}a{color:inherit}}.welcome-container{justify-content:center;align-items:center;height:100%;padding:2rem;display:flex}.welcome-card{text-align:center;max-width:480px;padding:1.5rem 2rem}.welcome-icon{color:var(--color-accent);font-size:2.5rem;font-family:var(--font-heading);margin-bottom:.75rem;display:block}.welcome-title{font-family:var(--font-heading);font-size:var(--font-2xl);color:var(--color-text-primary);letter-spacing:.05em;margin-bottom:.5rem}.welcome-subtitle{color:var(--color-text-secondary);font-style:italic;font-size:var(--font-md);margin-bottom:1.25rem}.welcome-steps{text-align:left;margin-bottom:1.25rem}.welcome-step{border-radius:var(--radius);transition:var(--transition);cursor:default;border:1px solid #0000;align-items:flex-start;gap:.75rem;margin-bottom:.25rem;padding:.5rem .75rem;display:flex}.welcome-step:hover{background:var(--color-bg-secondary);border-color:var(--color-border)}.welcome-step-num{background:var(--color-accent-light);width:1.75rem;height:1.75rem;color:var(--color-accent);font-weight:600;font-family:var(--font-ui);font-size:var(--font-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.welcome-step-text{flex:1}.welcome-step-label{font-family:var(--font-ui);font-weight:600;font-size:var(--font-sm);color:var(--color-text-primary);margin-bottom:.125rem;display:block}.welcome-step-desc{font-size:var(--font-xs);color:var(--color-text-muted);display:block}.welcome-step.done .welcome-step-num{background:var(--color-success);color:#fff}.welcome-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.welcome-ornament{text-align:center;color:var(--ornament-color);font-size:var(--font-sm);letter-spacing:.3em;-webkit-user-select:none;user-select:none;margin:.75rem 0;display:block}.ornament-divider{color:var(--ornament-color);-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;margin:1rem 0;font-size:.75rem;display:flex}.ornament-divider:before,.ornament-divider:after{content:"";background:linear-gradient(90deg, transparent, var(--ornament-color), transparent);flex:1;height:1px}.character-panel{background:var(--color-bg-secondary);flex-direction:column;height:100%;display:flex}.panel-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex;position:relative}.panel-header:after{content:"";background:linear-gradient(90deg, transparent, var(--ornament-color), transparent);height:1px;position:absolute;bottom:-1px;left:1rem;right:1rem}.panel-header h2{font-family:var(--font-heading);font-size:var(--font-lg);letter-spacing:.04em;margin:0}.panel-tabs{border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary);gap:0;padding:0;display:flex;overflow-x:auto}.tab-btn{font-family:var(--font-ui);font-size:var(--font-xs);color:var(--color-text-muted);cursor:pointer;transition:var(--transition);white-space:nowrap;text-align:center;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex:1;padding:.5rem;font-weight:500}.tab-btn:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.tab-btn.active{color:var(--color-accent);border-bottom-color:var(--color-accent);background:var(--color-bg-secondary);font-weight:600}.panel-body{flex:1;padding:1rem;overflow-y:auto}.tab-content{flex-direction:column;gap:0;display:flex}.form-label{font-weight:600;font-size:var(--font-sm);font-family:var(--font-ui);color:var(--color-text-secondary);letter-spacing:.01em;margin-bottom:.375rem;display:block}.form-input,.form-textarea,.form-select{width:100%}.char-count{text-align:right;font-size:var(--font-xs);color:var(--color-text-muted);font-family:var(--font-ui);margin-top:.125rem;display:block}.char-selector{margin-bottom:1rem}.char-selector select{width:100%}.icon-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;font-size:1.1rem;display:inline-flex}.icon-btn:hover{background:var(--color-bg-hover);border-color:var(--color-border);color:var(--color-text-primary)}.icon-btn-sm{width:24px;height:24px;font-size:.85rem}.icon-btn-sm.danger{color:var(--color-error)}.icon-btn-sm.danger:hover{background:#a040401a}.form-details{margin-bottom:1rem}.form-details summary{cursor:pointer;font-weight:600;font-size:var(--font-sm);font-family:var(--font-ui);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:var(--transition);margin-bottom:.5rem;padding:.625rem .75rem;list-style:none}.form-details summary::-webkit-details-marker{display:none}.form-details summary:before{content:"▸ ";color:var(--color-accent)}.form-details[open] summary:before{content:"▾ "}.form-details summary:hover{background:var(--color-bg-hover);border-color:var(--color-accent)}.avatar-preview{border:2px solid var(--color-border);border-radius:var(--radius);max-width:120px;margin-top:.75rem;overflow:hidden}.avatar-preview img{width:100%;height:auto;display:block}.panel-footer-actions{border-top:1px solid var(--color-border);flex-wrap:wrap;gap:.375rem;margin-top:1rem;padding-top:.75rem;display:flex}.panel-footer-actions button{font-size:var(--font-xs)}.list-toolbar{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.list-toolbar .form-input{flex:1}.item-list{flex-direction:column;gap:.375rem;display:flex}.list-item{border-radius:var(--radius);transition:var(--transition);cursor:pointer;border:1px solid #0000;align-items:center;gap:.75rem;padding:.625rem .75rem;display:flex}.list-item:hover{background:var(--color-bg-tertiary);border-color:var(--color-border)}.list-item.active{background:var(--color-accent-light);border-color:var(--color-accent)}.list-item-avatar{background:var(--color-bg-tertiary);width:36px;height:36px;color:var(--color-accent);font-weight:600;font-family:var(--font-heading);font-size:var(--font-sm);border:2px solid var(--color-border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.list-item-info{flex:1;min-width:0}.list-item-name{font-weight:600;font-size:var(--font-sm);font-family:var(--font-ui);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.list-item-meta{font-size:var(--font-xs);color:var(--color-text-muted);font-family:var(--font-ui)}.list-item-actions{gap:.25rem;display:none}.list-item:hover .list-item-actions{display:flex}.empty-state-small{text-align:center;color:var(--color-text-muted);padding:2rem 1rem;font-style:italic}.settings-section{border-bottom:1px solid var(--color-divider);margin-bottom:1.5rem;padding-bottom:1.5rem}.settings-section:last-child{border-bottom:none;margin-bottom:0}.settings-section h3{font-family:var(--font-heading);font-size:var(--font-lg);letter-spacing:.03em;color:var(--color-accent);margin-bottom:1rem}.form-help{font-size:var(--font-xs);color:var(--color-text-muted);font-family:var(--font-ui);margin-top:.25rem}.input-with-toggle{align-items:center;gap:.5rem;display:flex}.input-with-toggle input{flex:1}.chat-input-wrapper{align-items:flex-end;gap:.5rem;display:flex}.chat-input-wrapper textarea{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg-primary);min-height:44px;max-height:200px;color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-base);resize:none;flex:1;padding:.625rem .875rem;line-height:1.5;transition:border-color .15s}.chat-input-wrapper textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.chat-input-wrapper .btn-primary{flex-shrink:0;height:44px;padding:0 1.25rem}.docs-view{height:100%;display:flex;overflow:hidden}.docs-sidebar{background:var(--color-bg-secondary);border-right:1px solid var(--color-border);flex-shrink:0;width:220px;padding:1rem 0;overflow-y:auto}.docs-nav h3{font-family:var(--font-heading);font-size:var(--font-sm);letter-spacing:.04em;color:var(--color-accent);margin-bottom:.25rem;padding:.5rem 1rem}.docs-nav-link{font-size:var(--font-xs);font-family:var(--font-ui);color:var(--color-text-secondary);transition:var(--transition);border-left:2px solid #0000;padding:.375rem 1rem;text-decoration:none;display:block}.docs-nav-link:hover,.docs-nav-link.active{color:var(--color-text-primary);background:var(--color-bg-tertiary);border-left-color:var(--color-accent)}.docs-main{flex:1;padding:0;overflow-y:auto}.lorebook-panel{flex-direction:column;gap:.5rem;display:flex}.lorebook-header{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.lorebook-header h3{font-family:var(--font-heading);font-size:var(--font-lg);margin:0}.entry-count{font-size:var(--font-xs);color:var(--color-text-muted);background:var(--color-bg-tertiary);font-family:var(--font-ui);border-radius:999px;padding:.1rem .5rem}.lorebook-list{max-height:60vh;overflow-y:auto}.lorebook-entry-title{cursor:pointer;font-family:var(--font-ui);align-items:center;gap:.5rem;display:flex}.lorebook-order{font-size:var(--font-xs);color:var(--color-text-muted);font-family:var(--font-ui);margin-left:auto}.lorebook-import{align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.lorebook-import input{flex:1}.lorebook-show-more{margin-top:.5rem}.typing-indicator{align-items:center;gap:4px;padding:.5rem 0;display:flex}.typing-indicator .dot{background:var(--color-accent);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both dot-bounce}.dot:first-child{animation-delay:0s}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes dot-bounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.settings-modal{width:600px;max-width:90%}.form-range{width:100%}.settings-section .form-group{margin-bottom:1rem}.debug-panel-content{padding:.5rem 0}.debug-panel-content section{margin-bottom:1rem}.debug-panel-content h4{font-family:var(--font-heading);font-size:var(--font-sm);color:var(--color-accent);margin-bottom:.5rem}.token-counts{font-family:var(--font-ui);font-size:var(--font-xs);grid-template-columns:1fr auto;gap:.25rem 1rem;margin:0;padding:0;display:grid}.token-counts dt{text-transform:capitalize;font-weight:500}.token-counts dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.raw-prompt{max-height:400px;font-size:var(--font-xs);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-word;border:1px solid var(--color-border);padding:.75rem;line-height:1.4;overflow:auto}.raw-prompt-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;display:flex}.collapse-indicator{font-size:var(--font-xs);color:var(--color-accent)}.scroll-container{flex:1;padding:0;overflow-y:auto}.label-row{align-items:center;gap:.25rem;display:flex}.label-row .form-label{margin-bottom:0}.dice-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm,4px);cursor:pointer;transition:var(--transition);opacity:.7;background:0 0;padding:.1rem .3rem;font-size:.85rem;line-height:1}.dice-btn:hover:not(:disabled){opacity:1;background:var(--color-accent-light);border-color:var(--color-accent)}.dice-btn:disabled{opacity:.3;cursor:not-allowed}.gen-modal{max-width:480px}.gen-hint{font-size:var(--font-sm);color:var(--color-text-secondary);margin-bottom:.75rem;line-height:1.5}.gen-prompt{font-family:var(--font-body)}.gen-options{margin-top:.5rem}.gen-option{font-size:var(--font-sm);color:var(--color-text-secondary);cursor:pointer;align-items:center;gap:.5rem;display:flex}.gen-option input[type=checkbox]{accent-color:var(--color-accent)}.gen-error{color:var(--color-error);font-size:var(--font-sm);margin-top:.5rem}.gen-status{color:var(--color-accent);font-size:var(--font-sm);align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}