.conceptualize{display:flex;flex-direction:column;gap:1ch}.conceptualize .conceptual-placeholder{color:#666;margin-bottom:2ch}.conceptualize .conceptual-placeholder ul{margin:1ch 0;padding-left:2ch}.conceptualize .concepts-list{display:flex;flex-direction:column;gap:1ch}.conceptualize .concept-item{display:flex;flex-direction:column;padding:1ch;border:1px solid #eee}.conceptualize .concept-item.favorite{border-color:#000;background:#fafafa}.conceptualize .concept-header{display:flex;justify-content:space-between;align-items:center;gap:1ch}.conceptualize .concept-title{font-weight:700;min-width:0;flex:1;font-family:inherit;font-size:inherit;border:none;background:transparent;width:100%;padding-block:.5ch}.conceptualize .concept-actions{display:flex;flex-shrink:0;gap:.5ch}.conceptualize .concept-actions button:hover{background:#f0f0f0}.conceptualize .concept-description{color:#666;width:100%;border:none;background:transparent;font-family:inherit;font-size:inherit;resize:none;field-sizing:content;padding-block:.5ch}.conceptualize .manual-add{padding:1ch;border:1px dashed #ccc;display:flex;flex-direction:column;gap:.5ch}.conceptualize .manual-add textarea{border:1px solid #ccc}.conceptualize .manual-add textarea{resize:none;field-sizing:content;min-height:2em}.conceptualize .rejected-concepts{margin-top:2ch}.conceptualize .rejected-concepts summary{cursor:pointer;color:#666}.conceptualize .rejected-list{margin-top:1ch;display:flex;flex-direction:column;gap:.5ch}.conceptualize .rejected-list-header{display:flex;margin-bottom:.5ch}.conceptualize .rejected-item{display:flex;justify-content:space-between;align-items:center;padding:.5ch;background:#f8f8f8;color:#666}.conceptualize .loading{color:#666;font-style:italic}.design{display:flex;flex-direction:column;gap:1ch}.design .fit-placeholder{color:#666;margin-bottom:2ch}.design .fit-placeholder ul{margin:1ch 0;padding-left:2ch}.design .designs-grid{display:flex;flex-direction:column;gap:1ch}.design .design-card{display:flex;flex-direction:column;border:1px solid #eee;background:#fff;padding:1ch 0;gap:1ch}.design .design-card menu{padding-inline:1ch}.design .design-mockups{padding:0 1ch 1ch}.design .design-mockups .rejected-mockups{margin-top:1ch}.design .design-mockups .rejected-mockups summary{cursor:pointer;color:#666}.design .design-card.pinned{border-color:#000;background:#fafafa}.design .design-name{font-weight:700;font-family:inherit;font-size:inherit;border:none;background:transparent;width:100%;resize:none;field-sizing:content}.design .design-parameters{display:flex;flex-direction:column;gap:.5ch;padding:0 1ch}.design .parameter-row{display:grid;grid-template-columns:minmax(auto,20ch) 1fr;gap:1ch;align-items:start}.design .parameter-name{color:#666;font-weight:400;padding-block:var(--spacing-unit)}.design .parameter-value{font-family:inherit;font-size:inherit;border:none;background:transparent;width:100%;resize:none;field-sizing:content}.design .rejected-designs{margin-top:2ch}.design .rejected-designs summary{cursor:pointer;color:#666}.design .rejected-list{margin-top:1ch;display:flex;flex-direction:column;gap:.5ch}.design .rejected-list-header{display:flex;margin-bottom:.5ch}.design .rejected-item{display:flex;justify-content:space-between;align-items:center;padding:.5ch;background:#f8f8f8;color:#666}.design .mockups-section{margin-top:2ch}.design .mockups-section h3{margin-bottom:1ch;font-weight:700;font-size:inherit}.design .cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(24ch,1fr));gap:1ch}.design .rejected-mockups{margin-top:2ch}.design .rejected-mockups summary{cursor:pointer;color:#666}.moodboard{display:flex;flex-direction:column;gap:1ch}.moodboard .visualize-placeholder{color:#666;margin-bottom:2ch}.moodboard .visualize-placeholder ul{margin:1ch 0;padding-left:2ch}.moodboard .visualize-actions{display:flex;gap:1ch;flex-wrap:wrap}.moodboard .artifact-placeholder{height:8ch;background:#f8f8f8;display:flex;align-items:center;justify-content:center;color:#999;font-size:.9em}.moodboard .cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(24ch,1fr));gap:1ch}.moodboard .rejected-artifacts{margin-top:2ch}.moodboard .rejected-artifacts summary{cursor:pointer;color:#666}.moodboard .rejected-list{margin-top:1ch;display:flex;flex-direction:column;gap:.5ch}.moodboard .rejected-list-header{display:flex;margin-bottom:.5ch}.moodboard .rejected-item{display:flex;justify-content:space-between;align-items:center;padding:.5ch;background:#f8f8f8;color:#666}.parameterize{display:flex;flex-direction:column;gap:1ch}.parameterize .parameterize-placeholder{color:#666;margin-bottom:2ch}.parameterize .parameterize-placeholder ul{margin:1ch 0;padding-left:2ch}.parameterize .domain-input{display:flex;flex-direction:column;gap:.5ch;margin-bottom:2ch}.parameterize .parameters-list{display:flex;flex-direction:column;gap:1ch}.parameterize .parameter-card{display:flex;flex-direction:column;border:1px solid #eee;background:#fff;padding:1ch 0;gap:.5ch}.parameterize .parameter-card menu{padding-inline:1ch}.parameterize .parameter-card.pinned{border-color:#000;background:#fafafa}.parameterize .parameter-name{font-weight:700;min-width:0;flex:1;font-family:inherit;font-size:inherit;border:none;background:transparent;width:100%;resize:none;field-sizing:content}.parameterize .parameter-description{color:#666;width:100%;border:none;background:transparent;font-family:inherit;font-size:inherit;resize:none;field-sizing:content;min-height:2lh}.parameterize .rejected-parameters{margin-top:2ch}.parameterize .rejected-parameters summary{cursor:pointer;color:#666}.parameterize .rejected-list{margin-top:1ch;display:flex;flex-direction:column;gap:.5ch}.parameterize .rejected-list-header{display:flex;margin-bottom:.5ch}.parameterize .rejected-item{display:flex;justify-content:space-between;align-items:center;padding:.5ch;background:#f8f8f8;color:#666}.parameterize .rejected-item button{background:none;border:none;cursor:pointer;padding:.25ch .5ch}.parameterize .rejected-item button:hover{background:#eee}.parti-form{display:flex;flex-direction:column;gap:1ch}:root{font-family:monospace;font-size:14px;--color-text: #222;--color-text-secondary: #666;--color-text-active: #000;--color-error: #d73a49;--color-error-bg: #fff5f5;--color-error-border: #fdaeb7;--page-background: white;--spacing-unit: 1ch}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;font-size:inherit;font-family:inherit}html{scrollbar-gutter:stable}body{color:var(--color-text);background:var(--page-background);line-height:1.4}#app{max-width:90rem;margin:0 auto;display:grid;gap:calc(4 * var(--spacing-unit));padding:calc(4 * var(--spacing-unit))}.main{display:flex;flex-direction:column;gap:calc(6 * var(--spacing-unit))}h1,h2{font-weight:700;color:var(--color-text)}p{color:var(--color-text-secondary)}.header{gap:var(--spacing-unit);display:flex;flex-direction:column}.header summary{cursor:pointer;color:var(--color-text)}.header summary:hover{color:var(--color-text-active)}.section{display:flex;flex-direction:column;gap:var(--spacing-unit)}.section .section-header{display:flex;flex-direction:column;gap:var(--spacing-unit);position:sticky;top:0;padding-block-start:2ch;background-color:var(--page-background)}label{color:var(--color-text-secondary)}menu{display:flex;gap:1ch;flex-wrap:wrap}menu textarea{flex:1;min-width:20ch;resize:none;field-sizing:content}textarea{font-family:inherit;font-size:inherit;resize:none;field-sizing:content;width:100%;padding:var(--spacing-unit);border:1px solid #ccc}textarea:focus{outline:2px solid var(--color-text-active)}button{font-family:inherit;font-size:inherit;padding:var(--spacing-unit) calc(var(--spacing-unit) * 2);border:1px solid #ccc;background:#fff;color:var(--color-text);cursor:pointer}button:hover{background:#f5f5f5}button:active{background:#eee;color:var(--color-text-active)}button:disabled{background:#f8f8f8;color:#ccc;cursor:not-allowed}button.small{padding:calc(var(--spacing-unit) / 2) var(--spacing-unit);font-size:.9em}input{font-family:inherit;font-size:inherit;padding:var(--spacing-unit);border:1px solid #ccc;width:100%}input:focus{outline:2px solid var(--color-text-active)}.media-card{display:flex;flex-direction:column;border:1px solid #eee;background:#fff}.media-card.pinned{border-color:#000;background:#fafafa}.media-card .hidden{display:none!important}.media-card .card-image{width:100%;aspect-ratio:1;object-fit:cover;display:block}.media-card .card-edit-area{height:12ch;display:flex;flex-direction:column;flex-grow:1}.media-card .card-edit-textarea{width:100%;height:100%;border:none;background:#f8f8f8;font-family:inherit;font-size:.9em;padding:1ch;resize:none;field-sizing:content}.media-card .card-content{padding:1ch 0;display:flex;flex-direction:column;gap:.5ch;flex-grow:1}.media-card .card-content menu{padding-inline:1ch}.media-card:has(.card-edit-area:not(.hidden)) .card-content{flex-grow:0}.media-card .card-name{font-weight:700;min-width:0;flex:1;font-family:inherit;font-size:inherit;border:none;background:transparent;width:100%;resize:none;field-sizing:content}generative-image img{width:100%;height:100%;object-fit:cover}
