:root{--color-primary: #ffbe0b;--color-primary-hover: #d99e00;--color-primary-light: #fff8e0;--color-accent: #ff3626;--color-accent-light: #fff0ee;--color-dominant: #fcfcfc;--color-surface: #ffffff;--color-border: #e8e4e0;--color-border-focus: #ff3626;--color-text: #0a0a0a;--color-text-secondary: #3a3a3a;--color-text-muted: #6b6b6b;--color-success: #16a34a;--color-success-bg: #dcfce7;--color-warning: #ffbe0b;--color-warning-bg: #fff8e0;--color-error: #ff3626;--color-error-bg: #fff0ee;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.75rem;--text-3xl: 2rem;--leading-relaxed: 1.6;--leading-snug: 1.375;--leading-tight: 1.2;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .04);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .08), 0 2px 6px rgba(0, 0, 0, .04)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:var(--color-dominant);color:var(--color-text);line-height:var(--leading-relaxed);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{max-width:1040px;margin:0 auto;padding:var(--space-12) var(--space-6)}.app-header{text-align:center;margin-bottom:var(--space-12);padding-bottom:var(--space-8);border-bottom:2px solid var(--color-primary)}.app-header h1{font-size:var(--text-3xl);font-weight:800;color:var(--color-text);letter-spacing:-.03em;line-height:var(--leading-tight)}.app-header .subtitle{color:var(--color-text-muted);margin-top:var(--space-2);font-size:var(--text-lg);font-weight:400;max-width:480px;margin-left:auto;margin-right:auto}.input-panel{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-10);box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.form-group{margin-bottom:var(--space-6)}.toggle-group{margin-bottom:var(--space-10)}.form-group label{display:block;font-weight:600;font-size:var(--text-sm);margin-bottom:var(--space-2);color:var(--color-text-secondary)}.help-text{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.smart-textarea{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:inherit;line-height:var(--leading-relaxed);resize:vertical;min-height:120px;background:var(--color-dominant);color:var(--color-text);transition:border-color .2s ease,box-shadow .2s ease}.text-input,.select-input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:inherit;background:var(--color-dominant);color:var(--color-text);min-height:44px}.form-row{display:flex;gap:var(--space-4)}.form-row-item{flex:1}.toggle-label{display:block;position:relative;cursor:pointer;font-weight:400;font-size:var(--text-sm);color:var(--color-text-secondary);min-height:44px;padding-left:56px;line-height:var(--leading-relaxed)}.toggle-input{position:absolute;opacity:0;width:0;height:0}.toggle-input:focus-visible+.toggle-switch{outline:2px solid var(--color-border-focus);outline-offset:2px}.toggle-switch{position:absolute;left:0;top:50%;transform:translateY(-50%);width:44px;height:24px;background:var(--color-border);border-radius:12px;transition:background .2s ease}.toggle-switch:after{content:"";position:absolute;width:20px;height:20px;background:var(--color-surface);border-radius:50%;top:2px;left:2px;transition:transform .2s ease;box-shadow:0 1px 2px #0000001a}.toggle-input:checked+.toggle-switch{background:var(--color-accent)}.toggle-input:checked+.toggle-switch:after{transform:translate(20px)}.generate-btn{width:100%;padding:var(--space-4) var(--space-6);background:var(--color-primary);color:var(--color-text);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:700;cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease;min-height:48px;letter-spacing:.01em}.generate-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.generate-btn:active{transform:translateY(0)}.generate-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.secondary-btn{padding:var(--space-3) var(--space-6);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;margin-top:var(--space-4);min-height:44px;transition:border-color .15s ease,background .15s ease}.secondary-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.secondary-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.results-panel{margin-top:0}.results-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-8);flex-wrap:wrap}.back-btn{padding:var(--space-2) var(--space-4);background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;min-height:44px;display:inline-flex;align-items:center;gap:var(--space-2);transition:background .15s ease,border-color .15s ease,color .15s ease}.back-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-text)}.back-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.input-readback{background:var(--color-dominant);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);margin-bottom:var(--space-8)}.readback-label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.readback-content{font-size:var(--text-sm);color:var(--color-text);line-height:var(--leading-relaxed)}.readback-meta{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2)}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.results-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.results-table thead{background:var(--color-dominant);border-bottom:2px solid var(--color-border)}.results-table th{padding:var(--space-4) var(--space-5);text-align:left;font-weight:600;color:var(--color-text-secondary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.results-table td{padding:var(--space-5);vertical-align:top;border-bottom:1px solid var(--color-dominant)}.version-row:last-child td{border-bottom:none}.col-index{width:40px;text-align:center;font-weight:700;color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.col-title,.col-desc{max-width:400px}.col-status{width:56px;text-align:center}.status-icon{font-size:var(--text-lg);font-weight:700}.cell-value{color:var(--color-text);line-height:var(--leading-snug);margin-bottom:var(--space-2);word-break:break-word}.cell-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;margin-bottom:var(--space-2)}.cell-warnings{font-size:var(--text-xs);color:var(--color-error);font-style:italic}.copy-small{font-size:var(--text-xs);padding:2px var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-secondary);font-weight:600;transition:background .15s,border-color .15s}.copy-small:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-text)}.context-badge{font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-lg);font-weight:500}.context-researched{background:var(--color-success-bg);color:var(--color-success)}.context-simulated{background:var(--color-warning-bg);color:var(--color-warning)}.context-none{background:var(--color-dominant);color:var(--color-text-muted)}.row-pass td{background:var(--color-surface)}.row-fail td{background:linear-gradient(90deg,rgba(255,54,38,.04),var(--color-surface))}.char-count{font-size:var(--text-xs);font-weight:600;display:inline-flex;align-items:center;gap:3px;font-family:var(--font-mono)}.char-count.valid{color:var(--color-success)}.char-count.invalid{color:var(--color-error)}.tag{font-size:11px;padding:1px var(--space-2);border-radius:var(--radius-sm);font-weight:500;display:inline-flex;align-items:center;gap:2px}.tag-good{background:var(--color-success-bg);color:var(--color-success)}.tag-bad{background:var(--color-error-bg);color:var(--color-error)}.tag-good:before{content:"✓";font-size:9px}.tag-bad:before{content:"✗";font-size:9px}@media(max-width:640px){.results-table{font-size:var(--text-xs)}.results-table th,.results-table td{padding:var(--space-2) var(--space-3)}.col-title,.col-desc{max-width:180px}.form-row{flex-direction:column}.app-container{padding:var(--space-6) var(--space-4)}.input-panel{padding:var(--space-5)}}.loading-state{text-align:center;padding:var(--space-16) var(--space-5)}.spinner{width:48px;height:48px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s cubic-bezier(.45,0,.55,1) infinite;margin:0 auto var(--space-6)}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{color:var(--color-text-muted);font-size:var(--text-base);font-weight:500}.error-state{text-align:center;padding:var(--space-16) var(--space-5);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-error-bg)}.error-icon{width:48px;height:48px;background:var(--color-error-bg);color:var(--color-error);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);font-weight:700;margin:0 auto var(--space-4)}.error-state h3{font-size:var(--text-lg);color:var(--color-error);margin-bottom:var(--space-2)}.error-state p{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-6)}.error-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.error-actions .generate-btn{width:auto;padding:var(--space-3) var(--space-6)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.smart-textarea:focus,.text-input:focus,.select-input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #ff362626}