#asset-generation-workspace {position:fixed;inset:0;z-index:280;background:#0009;backdrop-filter:blur(8px);padding:18px;color:#e8e8e8;font-family:inherit;font-size:14px;}
#asset-generation-workspace[hidden], #asset-generation-workspace [hidden] {display:none!important;}
#asset-generation-workspace * {box-sizing:border-box;}
#asset-generation-workspace button, #asset-generation-workspace input, #asset-generation-workspace select, #asset-generation-workspace textarea {font:inherit;color:inherit;border:1px solid #ffffff20;border-radius:12px!important;background:#27292c;outline:none;}
#asset-generation-workspace button {cursor:pointer;padding:9px 14px;}
#asset-generation-workspace button:hover {color:#f0cf85;border-color:#e3c98d70;background:#333538;}
#asset-generation-workspace :focus-visible {outline:2px solid #e3c98d;outline-offset:2px;}
#asset-generation-workspace .ag-window {height:100%;position:relative;display:flex;flex-direction:column;background:#101113;border:1px solid #ffffff20;border-radius:26px;overflow:hidden;box-shadow:0 24px 90px #0008;}
#asset-generation-workspace header {display:flex;align-items:center;gap:14px;padding:14px 22px;min-height:68px;border-bottom:1px solid #ffffff12;}
#asset-generation-workspace header input {padding:9px 12px;max-width:360px;min-width:80px;flex:1;}
#asset-generation-workspace [data-role=save-state] {margin-left:auto;color:#929699;font-size:12px;}
#asset-generation-workspace .ag-body {display:flex;flex:1;min-height:0;}
#asset-generation-workspace aside {width:220px;flex-shrink:0;padding:18px 12px;border-right:1px solid #ffffff12;overflow:auto;}
#asset-generation-workspace aside button {width:100%;text-align:left;margin-bottom:10px;}
#asset-generation-workspace nav {margin-top:18px;}
#asset-generation-workspace nav .active {color:#e3c98d;border-color:#e3c98d80;}
#asset-generation-workspace small {display:block;color:#979c9f;font-size:12px;margin:7px 0;}
#asset-generation-workspace main {flex:1;min-width:0;display:flex;flex-direction:column;position:relative;}
#asset-generation-workspace .ag-history {flex:1;min-height:0;overflow:auto;padding:30px max(24px, calc((100% - 880px)/2));scrollbar-gutter:stable;}
#asset-generation-workspace article {margin-bottom:32px;}
#asset-generation-workspace .ag-prompt {white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;margin:0 0 12px;user-select:text;}
#asset-generation-workspace .ag-result img {display:block;max-width:100%;max-height:52vh;object-fit:contain;border-radius:16px;background:#202224;margin:16px 0;}
#asset-generation-workspace .ag-result-actions {display:flex;gap:8px;flex-wrap:wrap;}
#asset-generation-workspace .ag-error {color:#efacac;white-space:pre-wrap;user-select:text;overflow-wrap:anywhere;}
#asset-generation-workspace .ag-progress {padding:22px;border-radius:16px;background:#202224;color:#e3c98d;}
#asset-generation-workspace .ag-empty {margin-top:12vh;text-align:center;color:#e3c98d;font-size:22px;}
#asset-generation-workspace .ag-composer {position:relative;width:calc(100% - 40px);max-width:940px;align-self:center;margin:12px 20px 20px;padding:16px;border:1px solid #ffffff20;border-radius:22px;background:#1b1d20;}
#asset-generation-workspace .ag-composer-title {color:#e3c98d;display:flex;gap:16px;margin-bottom:8px;}
#asset-generation-workspace [data-role=notice] {font-size:12px;color:#c1c4c6;white-space:pre-wrap;user-select:text;}
#asset-generation-workspace textarea {resize:vertical;width:100%;min-height:90px;max-height:26vh;padding:12px;line-height:1.7;}
#asset-generation-workspace .ag-controls {display:flex;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap;}
#asset-generation-workspace select {padding:9px;}
#asset-generation-workspace [data-role=points] {margin-left:auto;color:#e3c98d;}
#asset-generation-workspace .ag-send {color:#e3c98d;border-color:#e3c98d70;}
#asset-generation-workspace .ag-references {display:flex;gap:10px;overflow:auto;}
#asset-generation-workspace .ag-references>div {position:relative;margin-top:8px;flex-shrink:0;}
#asset-generation-workspace .ag-references img {width:56px;height:56px;object-fit:cover;border-radius:10px;}
#asset-generation-workspace .ag-references button {position:absolute;right:0;top:0;padding:0 5px;background:#000b;}
#asset-generation-workspace .ag-model-wrap {position:relative;}
/* Canvas picker geometry at 50% screen scale: same font, colors, spacing and states. */
#asset-generation-workspace .ag-model-picker {position:absolute;bottom:calc(100% + 14px);left:0;z-index:3;width:max-content;max-width:min(360px,75vw);max-height:55vh;overflow:auto;padding:15px;border-radius:15px;background:rgba(38,40,43,.78);backdrop-filter:blur(32px) saturate(1.5);box-shadow:0 9px 24px #0007,inset 0 1px 0 #ffffff17;}
#asset-generation-workspace .canvas-image-model-grid {display:grid;grid-template-columns:1fr;gap:11px;padding:8px;}
#asset-generation-workspace .canvas-image-model-grid button {display:flex;align-items:center;gap:9px;height:54px;padding:0 20px;border-radius:11px!important;font-size:18px;font-weight:600;text-align:left;white-space:nowrap;background:#ffffff26;color:#cfd6d9;transition:transform .25s,background .25s;}
#asset-generation-workspace .canvas-image-model-grid button svg {width:22px;height:22px;flex-shrink:0;}
#asset-generation-workspace .canvas-image-model-grid button:hover {transform:scale(1.04);background:#ffffff66;border-color:#ffffff66;}
#asset-generation-workspace .canvas-image-model-grid button.active {color:white;background:rgba(200,169,106,.6);border-color:rgba(240,207,133,.6);}
#asset-generation-workspace .ag-name-dialog {position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);z-index:5;width:min(400px,90%);padding:24px;border-radius:22px;background:#26282b;border:1px solid #e3c98d80;box-shadow:0 0 0 100vmax #0009;}
#asset-generation-workspace .ag-name-dialog input {display:block;width:100%;padding:12px;margin:14px 0;}
#asset-generation-workspace .ag-name-dialog>div {display:flex;justify-content:flex-end;gap:10px;}
#asset-generation-workspace ::-webkit-scrollbar {width:5px;height:5px;}
#asset-generation-workspace ::-webkit-scrollbar-thumb {background:#e3c98d70;border-radius:8px;}
#asset-generation-workspace ::-webkit-scrollbar-track {background:transparent;}
@media(max-width:800px) {#asset-generation-workspace {padding:8px;}#asset-generation-workspace aside {width:150px;}#asset-generation-workspace header {gap:8px;padding:10px;}#asset-generation-workspace .ag-history {padding:20px;}#asset-generation-workspace .ag-composer {margin:8px;width:calc(100% - 16px);padding:12px;}}
@media(max-width:580px) {#asset-generation-workspace aside {width:110px;padding:8px;}#asset-generation-workspace header strong,#asset-generation-workspace [data-role=save-state] {display:none;}#asset-generation-workspace .ag-controls {gap:5px;}#asset-generation-workspace button {padding:8px;}#asset-generation-workspace .ag-model-picker {left:-90px;}}