:root{--color-bg:#f5f2ee;--color-surface:#ede9e3;--color-surface-raised:#e8e3dc;--color-border:#c9c3b8;--color-border-subtle:#d9d4cc;--color-text:#3a3530;--color-text-muted:#7a726a;--color-text-placeholder:#a09890;--color-accent:#7a6e5f;--color-selected-bg:#d8cfc4;--color-selected-border:#a09080;--color-header-bg:#e8e3dc;--radius-btn:4px;--radius-card:6px;--font:system-ui, -apple-system, sans-serif;--shadow-sm:0 1px 2px #00000012}*{box-sizing:border-box}body{font-family:var(--font);background:var(--color-bg);color:var(--color-text);margin:0;font-size:14px;line-height:1.5}.ideas-layout{grid-template:"header header""sidebar main"1fr/260px 1fr;height:100vh;display:grid}.app-header{background:var(--color-header-bg);border-bottom:1px solid var(--color-border);grid-area:header;align-items:center;gap:12px;padding:10px 20px;display:flex}.app-header h1{border-radius:var(--radius-btn);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;outline:none;flex:1;min-width:0;margin:0;padding:4px 6px;font-size:16px;font-weight:600;overflow:hidden}.app-header h1:focus{background:var(--color-surface);outline:1px solid var(--color-border);white-space:normal;overflow:visible}.header-menu{flex-shrink:0;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.menu-link{color:var(--color-text-muted);border-radius:var(--radius-btn);padding:4px 8px;font-size:13px;text-decoration:none}.menu-link:hover{background:var(--color-surface-raised)}.constraints-sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;grid-area:sidebar;gap:10px;min-height:0;padding:12px;display:flex;overflow-y:auto}.sidebar-header{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.sidebar-header h2{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin:0;font-size:12px;font-weight:600}#parameters{flex-direction:column;gap:10px;display:flex}.constraint{background:var(--color-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);flex-direction:column;gap:6px;padding:8px;display:flex}.constraint-header{align-items:center;gap:6px;display:flex}.constraint-header label{flex-shrink:0;align-items:center;gap:4px;display:flex}.constraint-name-input{min-width:0;font-family:var(--font);color:var(--color-text);border-radius:var(--radius-btn);background:0 0;border:none;outline:none;flex:1;padding:2px 4px;font-size:13px;font-weight:600}.constraint-name-input:focus{background:var(--color-surface);outline:1px solid var(--color-border)}.constraint-options{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.option-chip{align-items:center;gap:1px;display:inline-flex}.option-chip .option-toggle{border-radius:var(--radius-btn) 0 0 var(--radius-btn);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;font-size:12px;font-family:var(--font);padding:2px 7px;line-height:1.4}.option-chip .option-toggle[aria-pressed=true]{background:var(--color-selected-bg);border-color:var(--color-selected-border);font-weight:600}.option-chip .option-delete{border-radius:0 var(--radius-btn) var(--radius-btn) 0;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;font-size:11px;font-family:var(--font);border-left:none;padding:2px 4px;line-height:1.4}.option-chip .option-delete:hover{background:var(--color-surface-raised);color:var(--color-text)}.add-option-input{border:1px dashed var(--color-border);border-radius:var(--radius-btn);color:var(--color-text);font-size:12px;font-family:var(--font);background:0 0;outline:none;width:90px;padding:2px 6px}.add-option-input::placeholder{color:var(--color-text-placeholder)}.add-option-input:focus{border-style:solid;border-color:var(--color-accent);background:var(--color-bg)}.ideas-main{flex-direction:column;grid-area:main;gap:12px;min-height:0;padding:12px;display:flex;overflow-y:auto}.ideas-toolbar{align-items:center;gap:8px;display:flex}#idea-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.idea-item{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);flex-direction:column;gap:4px;padding:10px 12px;display:flex}.idea-item.favorited{border-color:var(--color-selected-border);background:var(--color-selected-bg)}.idea-header{align-items:flex-start;gap:4px;display:flex}.idea-header input[type=checkbox]{flex-shrink:0;margin-top:3px}.idea-title-input{min-width:0;font-family:var(--font);color:var(--color-text);border-radius:var(--radius-btn);background:0 0;border:none;outline:none;flex:1;padding:1px 4px;font-size:14px;font-weight:600}.idea-title-input:focus{background:var(--color-bg);outline:1px solid var(--color-border)}.idea-desc-textarea{font-family:var(--font);color:var(--color-text-muted);border-radius:var(--radius-btn);resize:none;field-sizing:content;background:0 0;border:none;outline:none;width:100%;min-height:36px;font-size:13px;line-height:1.5;overflow:hidden}.idea-desc-textarea:focus{background:var(--color-bg);outline:1px solid var(--color-border);color:var(--color-text)}button{font-family:var(--font);cursor:pointer;border-radius:var(--radius-btn);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);padding:4px 10px;font-size:13px;line-height:1.4}button:hover{background:var(--color-surface-raised)}button:active{background:var(--color-selected-bg)}.delete-btn{color:var(--color-text-muted);background:0 0;border-color:#0000;flex-shrink:0;padding:2px 6px;font-size:13px}.delete-btn:hover{background:var(--color-surface-raised);border-color:var(--color-border);color:var(--color-text)}menu{margin:0;padding:0}h1,h2,h3,h4,h5,h6{margin:0}input[type=checkbox]{accent-color:var(--color-accent);cursor:pointer}