.ai-design-tabs { display:flex; gap:8px; margin-bottom:14px; }
.ai-design-tabs button { flex:1; }
.ai-design-tabs button[aria-selected="true"] { border-color:var(--accent, #c2f291); color:var(--accent, #c2f291); }
#aiDesignWorkspace { min-width:0; font-size:13px; }
#aiDesignWorkspace [hidden], #aiStyleWorkspace[hidden] { display:none!important; }
.ai-design-toolbar { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
.ai-design-toolbar select { flex:1; min-width:140px; }
.ai-design-refs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.ai-design-ref { min-width:0; padding:10px; border:1px solid rgba(255,255,255,.16); border-radius:12px; display:grid; gap:8px; }
.ai-design-ref [data-reference-preview] { min-height:75px; display:grid; gap:4px; font-size:11px; overflow-wrap:anywhere; color:#b7bdc6; }
.ai-design-ref img { width:100%; height:105px; object-fit:contain; }
.ai-design-ref input { width:100%; font-size:11px; }
#aiDesignWorkspace select, #aiDesignWorkspace textarea, #aiDesignWorkspace input[type="number"] { width:100%; box-sizing:border-box; border:1px solid #515863; border-radius:8px; color:inherit; background:#171b22; padding:8px; }
.ai-design-consent { display:flex; align-items:flex-start; gap:8px; margin:12px 0; font-size:12px; line-height:1.7; }
.ai-design-consent input { margin-top:4px; flex:none; }
.ai-design-messages { max-height:360px; overflow:auto; margin:12px 0; }
.ai-design-message { padding:10px; margin:8px 0; border-left:2px solid #66717d; background:rgba(255,255,255,.035); }
.ai-design-message.from-user { border-left-color:#c2f291; }
.ai-design-message p { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.7; margin:5px 0; }
.ai-design-empty { color:#b7bdc6; line-height:1.8; }
.ai-design-spec { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:12px; }
.ai-design-spec label:first-child { grid-column:1/-1; }
.ai-design-spec label { display:grid; gap:5px; font-size:12px; }
.ai-design-status { line-height:1.7; margin:12px 0; }
.ai-design-status.is-error { color:#ffb29e; }
.ai-design-versions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.ai-design-version { display:grid; gap:8px; padding:8px; border:1px solid #444d59; border-radius:12px; }
.ai-design-version.is-selected { border-color:#c2f291; }
.ai-design-version img { width:100%; aspect-ratio:1; object-fit:contain; background:repeating-conic-gradient(#252a32 0% 25%, #353b45 0% 50%) 50% / 16px 16px; }
.ai-design-version .button { padding:8px; font-size:11px; min-width:0; white-space:normal; }

.ai-design-history summary,.ai-design-reference-options summary,.ai-design-requirements summary{cursor:pointer;padding:12px 0;color:#c4cbd4;font-size:12px;min-height:44px;box-sizing:border-box}
.ai-design-prompt{margin-top:20px}.ai-design-prompt>label{font-size:15px;font-weight:600}.ai-design-prompt textarea{min-height:190px;line-height:1.8;resize:vertical}.ai-design-prompt .ai-design-empty{margin:8px 0 12px}.ai-design-prompt>.button{margin-top:12px}

.ai-aspect{margin:20px 0;min-width:0}.ai-aspect-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:13px}.ai-aspect-heading strong{font-size:12px;font-weight:400}.ai-aspect-options{display:flex;gap:7px;overflow-x:auto;padding:2px 1px 6px;scroll-snap-type:x proximity}.ai-aspect .ai-aspect-option{display:flex;flex:0 0 62px;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:68px;min-width:0;padding:7px 4px;border:1px solid currentColor;border-radius:12px;background:transparent;color:inherit;font:inherit;font-size:12px;line-height:1.6;scroll-snap-align:start;cursor:pointer}.ai-aspect .ai-aspect-option[aria-checked="true"]{color:var(--accent,#c2f291);background:rgba(194,242,145,.08);font-weight:600}.ai-aspect .ai-aspect-option:focus-visible{outline:2px solid var(--accent,#c2f291);outline-offset:2px}.ai-aspect .ai-aspect-option:disabled{opacity:.45;cursor:default}.ai-aspect-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px}.ai-aspect-frame{display:block;box-sizing:border-box;border:1.5px solid currentColor;border-radius:2px}.ai-aspect-frame.is-original{border-style:dashed}.ai-aspect-help{font-size:12px;line-height:1.7;margin:6px 0 0;color:inherit}