:root{--bg-primary: #f5f5f5;--bg-secondary: #ffffff;--bg-tertiary: #e5e5e5;--text-primary: #1a1a1a;--text-secondary: #666666;--text-muted: #999999;--border-color: #e0e0e0;--accent-color: #2563eb;--accent-hover: #1d4ed8;--shadow: 0 1px 3px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .1)}[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #2a2a2a;--bg-tertiary: #3a3a3a;--text-primary: #f0f0f0;--text-secondary: #a0a0a0;--text-muted: #707070;--border-color: #404040;--accent-color: #3b82f6;--accent-hover: #60a5fa;--shadow: 0 1px 3px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .4)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;color:var(--text-primary);background:var(--bg-primary)}.app{height:100vh;display:flex;flex-direction:column;overflow:hidden}.app-header{position:sticky;top:0;z-index:100;padding:.75rem 1.5rem;background:var(--accent-color);color:#fff;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.app-header h1{font-size:1.25rem;font-weight:600}.app-header-actions{display:flex;gap:.5rem;align-items:center}.theme-toggle{background:#fff3;border:none;color:#fff;padding:.5rem;border-radius:6px;cursor:pointer;font-size:1rem;line-height:1}.theme-toggle:hover{background:#ffffff4d}.app-main{flex:1;display:flex;overflow:hidden;min-height:0}.layout-canvas{flex:0 0 60%;padding:1rem;overflow-y:auto;border-right:1px solid var(--border-color);background:var(--bg-primary)}.layout-chat{flex:0 0 40%;display:flex;flex-direction:column;background:var(--bg-secondary);overflow:hidden;min-height:0}:root{--slc-accent: #00a0b0;--slc-border: #00a0b0}[data-theme=dark]{--slc-accent: #00c4d4;--slc-border: #00a0b0}.slc-canvas{display:flex;flex-direction:column;gap:2px;max-width:1000px;margin:0 auto;background:var(--slc-border);border:2px solid var(--slc-border);border-radius:4px}.slc-row{display:flex;gap:2px}.slc-row-top{min-height:100px}.slc-row-middle{min-height:240px}.slc-row-bottom{min-height:80px}.slc-col{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.slc-col-double .canvas-section{flex:1}.slc-col-stacked{display:flex;flex-direction:column;gap:2px}.slc-col-stacked .canvas-section{flex:1}.canvas-section{background:var(--bg-secondary);padding:.75rem;cursor:pointer;flex:1;display:flex;flex-direction:column;transition:background .15s ease}.canvas-section:hover{background:var(--bg-tertiary)}.canvas-section-header{margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.canvas-section-number{font-size:.65rem;font-weight:700;color:#fff;background:var(--slc-accent);width:1.25rem;height:1.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.canvas-section-title{font-size:.75rem;font-weight:700;color:var(--slc-accent);letter-spacing:.5px;flex:1}.canvas-section-status{font-size:.75rem;color:var(--text-muted)}.canvas-section-status.complete{color:#22c55e}.canvas-section-model{font-size:.6rem;font-weight:600;padding:.125rem .375rem;border-radius:3px;text-transform:uppercase;letter-spacing:.3px}.canvas-section-model.model-customer{background:#3b82f626;color:#3b82f6}.canvas-section-model.model-economic{background:#eab30826;color:#ca8a04}.canvas-section-model.model-impact{background:#a855f726;color:#a855f7}[data-theme=dark] .canvas-section-model.model-customer{background:#3b82f640;color:#60a5fa}[data-theme=dark] .canvas-section-model.model-economic{background:#eab30840;color:#facc15}[data-theme=dark] .canvas-section-model.model-impact{background:#a855f740;color:#c084fc}.canvas-section-content{font-size:.8rem;color:var(--text-primary);line-height:1.4;flex:1}.canvas-section-content.helper{color:var(--text-muted);font-style:normal}.canvas-section-content.truncated:after{content:"..."}.canvas-section.editing{background:var(--bg-secondary)}.canvas-section-edit{width:100%;min-height:60px;padding:.5rem;border:1px solid var(--slc-accent);border-radius:4px;font-family:inherit;font-size:.8rem;line-height:1.4;resize:vertical;background:var(--bg-primary);color:var(--text-primary);flex:1}.canvas-section-edit:focus{outline:none;border-color:var(--slc-accent);box-shadow:0 0 0 2px #00a0b033}.canvas-section-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}.canvas-section-actions button{padding:.25rem .75rem;border-radius:4px;font-size:.75rem;cursor:pointer;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary)}.canvas-section-actions button.save{background:var(--slc-accent);border-color:var(--slc-accent);color:#fff}.canvas-section-actions button:hover{opacity:.9}.chat{display:flex;flex-direction:column;height:100%;min-height:0}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem;min-height:0}.chat-message{max-width:85%;padding:.75rem 1rem;border-radius:12px;font-size:.9rem;line-height:1.5}.chat-message.user{align-self:flex-end;background:var(--accent-color);color:#fff;border-bottom-right-radius:4px}.chat-message.assistant{align-self:flex-start;background:var(--bg-tertiary);color:var(--text-primary);border-bottom-left-radius:4px}.chat-message.system{align-self:center;background:transparent;color:var(--text-muted);font-size:.8rem;font-style:italic}.chat-input-container{padding:1rem;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.chat-input-form{display:flex;gap:.5rem}.chat-input{flex:1;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:.9rem;font-family:inherit;background:var(--bg-primary);color:var(--text-primary)}.chat-input:focus{outline:none;border-color:var(--accent-color)}.chat-input::placeholder{color:var(--text-muted)}.chat-send{padding:.75rem 1.25rem;background:var(--accent-color);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .15s ease}.chat-send:hover{background:var(--accent-hover)}.chat-send:disabled{opacity:.5;cursor:not-allowed}.chat-message.assistant h1,.chat-message.assistant h2,.chat-message.assistant h3{font-size:1rem;font-weight:600;margin:.75rem 0 .5rem}.chat-message.assistant h1:first-child,.chat-message.assistant h2:first-child,.chat-message.assistant h3:first-child{margin-top:0}.chat-message.assistant p{margin:.5rem 0}.chat-message.assistant p:first-child{margin-top:0}.chat-message.assistant p:last-child{margin-bottom:0}.chat-message.assistant ul,.chat-message.assistant ol{margin:.5rem 0;padding-left:1.5rem}.chat-message.assistant li{margin:.25rem 0}.chat-message.assistant strong{font-weight:600}.chat-message.assistant code{background:var(--bg-primary);padding:.125rem .375rem;border-radius:4px;font-size:.85em}.chat-message.assistant pre{background:var(--bg-primary);padding:.75rem;border-radius:6px;overflow-x:auto;margin:.5rem 0}.chat-message.assistant pre code{background:none;padding:0}.impact-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:100;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.impact-panel{position:fixed;right:0;top:0;bottom:0;width:450px;max-width:90vw;background:var(--bg-secondary);box-shadow:var(--shadow-lg);z-index:101;display:flex;flex-direction:column;animation:slideIn .2s ease}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.impact-panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color)}.impact-panel-header h2{font-size:1.1rem;font-weight:600}.impact-panel-close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:.25rem;line-height:1}.impact-panel-close:hover{color:var(--text-primary)}.impact-panel-content{flex:1;overflow-y:auto;padding:1.5rem}.impact-field{margin-bottom:1.5rem}.impact-field:last-child{margin-bottom:0}.impact-field label{display:block;font-size:.8rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.impact-field textarea{width:100%;min-height:70px;padding:.5rem;border:1px solid var(--border-color);border-radius:6px;font-family:inherit;font-size:.85rem;line-height:1.4;resize:vertical;background:var(--bg-primary);color:var(--text-primary)}.impact-field textarea:focus{outline:none;border-color:var(--accent-color)}.impact-field-arrow{text-align:center;color:var(--text-muted);font-size:1.25rem;margin:.5rem 0}.impact-panel-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:.75rem}.impact-panel-footer button{padding:.5rem 1.25rem;border-radius:6px;font-size:.85rem;cursor:pointer}.impact-panel-footer .cancel{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.impact-panel-footer .save{background:var(--accent-color);border:none;color:#fff}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}