@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;700&display=swap";:root{--bg-main:#0a0b10;--bg-sidebar:#12131c;--bg-card:#181924;--bg-card-hover:#1e1f2b;--text-primary:#fff;--text-secondary:#9ca3af;--border-color:#262736;--accent-color:#5c67ff;--accent-hover:#4a54e8;--sidebar-active:#1d1e2e}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:Inter,Noto Sans JP,sans-serif;line-height:1.5}.app-container{min-height:100vh;display:flex}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);flex-direction:column;width:260px;padding:24px 16px;display:flex}.brand{color:var(--text-primary);align-items:center;gap:12px;margin-bottom:40px;padding-left:12px;font-size:20px;font-weight:700;display:flex}.brand-icon{color:var(--accent-color)}.nav-links{flex-direction:column;flex-grow:1;gap:8px;display:flex}.nav-item{color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:12px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{background-color:var(--bg-card);color:var(--text-primary)}.nav-item.active{background-color:var(--sidebar-active);color:var(--text-primary)}.user-profile{border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:12px;margin-top:auto;padding:16px 12px;display:flex}.avatar{background-color:var(--accent-color);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.main-content{flex-grow:1;width:100%;max-width:1200px;margin:0 auto;padding:40px}.page-header{margin-bottom:40px}.page-title{align-items:center;gap:12px;margin-bottom:8px;font-size:24px;display:flex}.page-subtitle{color:var(--text-secondary);font-size:14px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px;display:grid}.stat-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;justify-content:space-between;align-items:center;padding:24px;display:flex}.stat-info h3{color:var(--text-secondary);margin-bottom:8px;font-size:14px;font-weight:500}.stat-info p{font-size:32px;font-weight:700}.stat-icon{width:48px;height:48px;color:var(--accent-color);background-color:#5c67ff1a;border-radius:12px;justify-content:center;align-items:center;display:flex}.section-title{margin-bottom:16px;font-size:18px;font-weight:600}.actions-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.action-card{background-color:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;border-radius:16px;align-items:center;gap:16px;padding:24px;transition:all .2s;display:flex}.action-card:hover{background-color:var(--bg-card-hover);border-color:var(--accent-color)}.action-text h4{margin-bottom:4px;font-size:16px}.action-text p{color:var(--text-secondary);font-size:13px}.arrow-icon{color:var(--text-secondary);margin-left:auto}.chat-container{flex-direction:column;height:calc(100vh - 120px);display:flex}.chat-box{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;flex-grow:1;display:flex;overflow:hidden}.chat-messages{flex-direction:column;flex-grow:1;gap:24px;padding:24px;display:flex;overflow-y:auto}.message-wrapper{gap:16px;max-width:85%;display:flex}.message-wrapper.user{flex-direction:row-reverse;align-self:flex-end}.message-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.message-wrapper.ai .message-avatar{color:var(--accent-color);background-color:#5c67ff33}.message-wrapper.user .message-avatar{background-color:var(--border-color);color:var(--text-primary)}.message-content{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:16px;padding:16px;font-size:15px;line-height:1.6}.message-wrapper.user .message-content{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.typing-indicator{color:var(--text-secondary);align-items:center;gap:8px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.chat-input-area{border-top:1px solid var(--border-color);background-color:var(--bg-sidebar);padding:20px 24px}.input-wrapper{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:12px;align-items:flex-end;gap:12px;padding:8px 12px;display:flex}.input-wrapper:focus-within{border-color:var(--accent-color)}.input-wrapper textarea{color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;flex-grow:1;max-height:150px;padding:8px 4px;font-family:inherit;font-size:15px}.send-button{background-color:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:opacity .2s;display:flex}.send-button:disabled{opacity:.5;cursor:not-allowed}.send-button:not(:disabled):hover{background-color:var(--accent-hover)}.input-footer{color:var(--text-secondary);text-align:center;margin-top:12px;font-size:12px}.action-button{background-color:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;margin-top:16px;padding:10px 16px;font-size:14px;font-weight:500;transition:background-color .2s;display:flex}.action-button:hover{background-color:var(--accent-hover)}.editor-container{flex-direction:column;gap:24px;display:flex}.editor-header{justify-content:space-between;align-items:flex-start;display:flex}.editor-title{align-items:center;gap:8px;margin-bottom:8px;font-size:20px;font-weight:700;display:flex}.editor-meta{color:var(--text-secondary);font-size:14px}.editor-actions{flex-wrap:wrap;gap:12px;display:flex}.btn{cursor:pointer;border:1px solid var(--border-color);background-color:var(--bg-card);color:var(--text-primary);border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn:hover{background-color:var(--bg-card-hover)}.btn-primary{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.btn-primary:hover{background-color:var(--accent-hover)}.table-container{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.script-table{border-collapse:collapse;text-align:left;width:100%}.script-table th{color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:16px;font-size:13px;font-weight:500}.script-table td{border-bottom:1px solid var(--border-color);vertical-align:top;padding:16px}.script-table tr:last-child td{border-bottom:none}.col-num{width:50px;color:var(--text-secondary)}.col-char{width:120px}.col-text{width:auto}.col-kw{width:150px}.col-sound,.col-exp{width:120px}.col-actions{text-align:right;width:120px}.input-cell{background-color:var(--bg-main);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:8px;padding:8px 12px;font-family:inherit;font-size:14px}textarea.input-cell{resize:vertical;min-height:40px}.input-cell:focus{border-color:var(--accent-color);outline:none}select.input-cell{appearance:none;cursor:pointer}.action-icon{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:inline-flex}.action-icon:hover:not(:disabled){background-color:var(--bg-main);color:var(--text-primary)}.action-icon:disabled{opacity:.3;cursor:not-allowed}.action-icon.delete:hover{color:#f43f5e}.add-row-btn{border:none;border-top:1px solid var(--border-color);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;padding:16px;font-weight:500;transition:all .2s;display:flex}.add-row-btn:hover{background-color:var(--bg-main);color:var(--text-primary)}.action-page-container{flex-direction:column;gap:24px;max-width:800px;display:flex}.action-card-main{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px}.info-box{border:1px solid #5c67ff4d;border-left:4px solid var(--accent-color);background-color:#5c67ff1a;border-radius:8px;align-items:flex-start;gap:16px;padding:20px;display:flex}.info-icon{color:var(--accent-color);flex-shrink:0}.info-box h3{color:var(--accent-color);margin-bottom:8px;font-size:16px}.info-box p{color:var(--text-secondary);font-size:14px;line-height:1.6}.input-group label{color:var(--text-secondary);margin-bottom:12px;font-size:14px;font-weight:500;display:block}.select-row{gap:16px;display:flex}.select-col{flex-direction:column;gap:16px;display:flex}.script-select{background-color:var(--bg-main);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:8px;flex-grow:1;padding:12px 16px;font-size:15px}.script-select:focus{border-color:var(--accent-color);outline:none}.btn-large{justify-content:center;width:100%;padding:14px;font-size:16px}.empty-state{background-color:var(--bg-card);border:1px dashed var(--border-color);text-align:center;color:var(--text-secondary);border-radius:16px;flex-direction:column;align-items:center;gap:16px;margin-top:16px;padding:60px 20px;display:flex}.empty-icon{color:var(--border-color)}.result-container{flex-direction:column;gap:16px;margin-top:16px;display:flex}.result-box{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px}.result-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.result-header h3{color:var(--text-secondary);font-size:15px;font-weight:500}.icon-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.icon-btn:hover{background-color:var(--bg-main);color:var(--text-primary)}.result-text{background-color:var(--bg-main);color:var(--text-primary);white-space:pre-wrap;border:1px solid var(--border-color);border-radius:8px;margin:0;padding:16px;font-family:inherit;font-size:15px}