@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-cyrillic-ext-400-normal-g30qAdWV.woff2) format("woff2"),url(/assets/ibm-plex-sans-cyrillic-ext-400-normal-Dsrv2Tcn.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-cyrillic-400-normal-DZqxrq2p.woff2) format("woff2"),url(/assets/ibm-plex-sans-cyrillic-400-normal-BTotfTJu.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-greek-400-normal-_efipK4i.woff2) format("woff2"),url(/assets/ibm-plex-sans-greek-400-normal-D9ESIMu3.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-vietnamese-400-normal-DG4YqDda.woff2) format("woff2"),url(/assets/ibm-plex-sans-vietnamese-400-normal-fK1oJ5dG.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-ext-400-normal-C5H60-Va.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-ext-400-normal-RBey6euL.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-400-normal-CYLoc0-x.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-cyrillic-ext-500-normal-Cs5J6C77.woff2) format("woff2"),url(/assets/ibm-plex-sans-cyrillic-ext-500-normal-DB5PtV2g.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-cyrillic-500-normal-CocWQlwt.woff2) format("woff2"),url(/assets/ibm-plex-sans-cyrillic-500-normal-ByOcLdNv.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-greek-500-normal-JMMifIXV.woff2) format("woff2"),url(/assets/ibm-plex-sans-greek-500-normal-CuWXN6rf.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-vietnamese-500-normal-e4dixQRQ.woff2) format("woff2"),url(/assets/ibm-plex-sans-vietnamese-500-normal-BEb3_waV.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-latin-ext-500-normal-DakdToA3.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-ext-500-normal-D0aIdm-b.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-latin-500-normal-6ng42L7E.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-500-normal-BgVn5rGT.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-cyrillic-ext-600-normal-DUMzJB7m.woff2) format("woff2"),url(/assets/ibm-plex-sans-cyrillic-ext-600-normal-Bz0x94Yp.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-cyrillic-600-normal-71GNu3SW.woff2) format("woff2"),url(/assets/ibm-plex-sans-cyrillic-600-normal-BGq0mW3O.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-greek-600-normal-DzTrcv_p.woff2) format("woff2"),url(/assets/ibm-plex-sans-greek-600-normal-D-CqTdkO.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-vietnamese-600-normal-DpPYBSTl.woff2) format("woff2"),url(/assets/ibm-plex-sans-vietnamese-600-normal-DgdngZtN.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-ext-600-normal-DOrvGEcy.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-ext-600-normal-DIrixKbi.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-600-normal-Cu4Hd6ag.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;font-family:IBM Plex Sans,system-ui,sans-serif;font-synthesis:none;--bg: #090b0d;--surface: #0e1114;--surface-raised: #14181c;--surface-hover: #191e23;--line: #2a3036;--line-soft: #20262b;--text: #f3f5f7;--text-muted: #a1a8b0;--text-faint: #7d858e;--accent: #a33bf4;--accent-strong: #b84cff;--accent-soft: rgb(163 59 244 / 16%);--success: #58d68d;--danger: #ff6b7b;--warning: #f8c15c;--radius-sm: 7px;--radius: 11px;--radius-lg: 16px}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,select{color:inherit}button{border:0}button:not(:disabled),select:not(:disabled),input[type=range]:not(:disabled){cursor:pointer}button:disabled,select:disabled,input:disabled{cursor:not-allowed;opacity:.52}:focus-visible{outline:2px solid #c878ff;outline-offset:2px}::selection{background:#a33bf46b}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100vh;background:var(--bg)}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 26px;background:#060709f0;border-bottom:1px solid var(--line-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar__brand-row,.topbar__actions,.account-button,.project-name,.button,.stage-header,.role-group__heading>span,.reference-card__weight-row,.canvas-note,.status-pill,.canvas-heading__actions,.prompt-tab,.payload-meta,.generation-result figcaption,.project-row,.settings-provider__heading{display:flex;align-items:center}.wordmark{width:193px;height:40px;object-fit:contain;object-position:left center}.topbar__divider{width:1px;height:26px;margin:0 18px;background:var(--line-soft)}.project-name{gap:9px;min-width:0;padding:8px 4px;color:#d9dde1;background:transparent;font-size:16px}.project-name span{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-name-input{width:260px;padding:8px 10px;color:var(--text);background:var(--surface-raised);border:1px solid var(--accent);border-radius:var(--radius-sm)}.topbar__actions{gap:8px}.button{justify-content:center;gap:9px;min-height:40px;padding:0 15px;border-radius:var(--radius-sm);font-weight:500;background:var(--surface-raised);border:1px solid var(--line);transition:background .15s ease,border-color .15s ease,transform .15s ease}.button:not(:disabled):hover{background:var(--surface-hover);border-color:#414951}.button:not(:disabled):active{transform:translateY(1px)}.button--quiet{color:#e4e7ea;background:#0c0f11}.button--text{min-height:30px;padding:0 5px;color:#c875ff;background:transparent;border-color:transparent}.button--text:not(:disabled):hover{color:#dda4ff;background:transparent;border-color:transparent}.button--primary{min-height:52px;color:#fff;background:#9229e8;border-color:#ad4ff2;box-shadow:0 10px 28px #7f1ed138;font-size:16px;font-weight:600}.button--primary:not(:disabled):hover{background:#a138ef;border-color:#c26bf8}.button--wide{width:100%}.icon-button{display:inline-grid;place-items:center;width:40px;height:40px;color:var(--text-muted);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm)}.icon-button:not(:disabled):hover{color:var(--text);background:var(--surface-raised);border-color:var(--line)}.icon-button--small{width:30px;height:30px}.icon-button--danger:not(:disabled):hover{color:var(--danger)}.account-button{gap:10px;min-height:42px;padding:0 4px;background:transparent}.avatar{display:grid;place-items:center;width:34px;height:34px;color:#fff;background:#8a2bd8;border:1px solid #b65af4;border-radius:50%;font-size:12px;font-weight:600}.account-name{min-width:38px}.workspace{display:grid;grid-template-columns:minmax(400px,458px) minmax(0,1fr);align-items:start}.composer-rail{min-height:calc(100vh - 64px);background:#0d1013;border-right:1px solid var(--line)}.stage-section{border-bottom:1px solid var(--line)}.stage-header{width:100%;min-height:62px;gap:12px;padding:10px 20px;text-align:left;background:transparent}.stage-header:hover{background:#ffffff06}.stage-number{display:grid;place-items:center;flex:0 0 auto;width:25px;height:25px;color:var(--text-muted);border:1px solid #5d6670;border-radius:50%;font-size:12px}.stage-header--active .stage-number{color:#d998ff;background:var(--accent-soft);border-color:var(--accent)}.stage-header__copy{display:grid;flex:1;gap:3px}.stage-header__copy strong{font-size:17px;font-weight:500}.stage-header__copy small{color:var(--text-muted);font-size:12px}.stage-header__caret{color:var(--text-muted);transition:transform .15s ease}.stage-header--active .stage-header__caret{transform:rotate(180deg)}.stage-content{padding:2px 20px 16px}.stage-content--compact{padding-top:0}.method-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:5px 0 13px}.method-switch__option{display:flex;align-items:flex-start;gap:8px;min-width:0;padding:11px;color:var(--text-muted);text-align:left;background:#101417;border:1px solid var(--line);border-radius:var(--radius-sm)}.method-switch__option>span{display:grid;min-width:0;gap:2px}.method-switch__option strong{color:var(--text);font-size:11px;font-weight:500}.method-switch__option small{color:var(--text-faint);font-size:9px}.method-switch__option--active{color:#d998ff;background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 72%,var(--line))}.reference-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:34px;margin-bottom:8px;color:var(--text-muted);font-size:12px}.reference-toolbar__actions{display:flex;align-items:center;gap:4px;margin-left:auto}.reference-toolbar__actions .button{min-height:30px;padding:4px 7px;font-size:11px}.role-group{margin-bottom:13px}.role-group__heading{display:flex;align-items:center;justify-content:space-between;height:31px;color:#cbd0d5;border-bottom:1px solid var(--line-soft);font-size:12px;letter-spacing:.045em;text-transform:uppercase}.role-group__heading>span:first-child{gap:8px}.role-group__heading>span:first-child svg{color:var(--accent-strong)}.role-group__heading>span:last-child{color:var(--text-faint);font-size:11px;letter-spacing:0;text-transform:none}.reference-list{display:grid}.reference-card{display:grid;grid-template-columns:70px minmax(0,1fr) 31px;gap:10px;min-height:68px;padding:6px 0;border-bottom:1px solid var(--line-soft);transition:opacity .15s ease}.reference-card--muted{opacity:.5}.reference-card__image-wrap{position:relative;width:70px;height:54px;overflow:hidden;background:#191e22;border:1px solid #343b42;border-radius:8px}.reference-card__image{display:block;width:100%;height:100%;object-fit:cover}.reference-card__analysis-placeholder{display:grid;place-items:center;align-content:center;width:100%;height:100%;gap:2px;color:#d998ff;background:linear-gradient(145deg,#992dff29,#59636d14)}.reference-card__analysis-placeholder small{color:var(--text-muted);font-size:8px;letter-spacing:.08em;text-transform:uppercase}.reference-card__image-error{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--danger);background:#080a0cc2}.reference-card__body{min-width:0}.reference-card__title-row{display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:7px;margin-bottom:9px}.reference-card__name{min-width:0;padding:0;color:var(--text);background:transparent;border:0;overflow:hidden;text-overflow:ellipsis;font-size:13px}.compact-select,.field-select,.settings-input{color:#e8eaed;background:#101417;border:1px solid #31383e;border-radius:var(--radius-sm)}.compact-select{width:104px;height:28px;padding:0 7px;font-size:11px}.reference-card__weight-row{gap:10px}.weight-slider{width:100%;height:4px;margin:0;accent-color:var(--accent)}.weight-value{min-width:37px;color:#f3f3f5;text-align:right;font-size:12px}.reference-card__actions{display:flex;flex-direction:column;justify-content:center;gap:1px}.upload-empty{display:grid;justify-items:center;width:100%;padding:26px;color:var(--text-muted);background:#101417;border:1px dashed #3c444b;border-radius:var(--radius);outline:none;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.upload-empty:hover,.upload-empty:focus-visible,.upload-empty--dragging{background:#992dff12;border-color:var(--accent-strong);box-shadow:0 0 0 2px #992dff24}.upload-empty__content{display:grid;justify-items:center;gap:5px;pointer-events:none}.upload-empty strong{color:var(--text);font-weight:500}.upload-empty span{font-size:12px}.upload-empty--blend{gap:18px;cursor:default}.upload-empty--blend .upload-empty__content>span{max-width:300px;text-align:center;line-height:1.5}.field-label{display:block;margin:10px 0 6px;color:#e0e4e8;font-size:12px;font-weight:500}.textarea-wrap{position:relative}.textarea-wrap textarea{display:block;width:100%;min-height:64px;resize:vertical;padding:10px 11px 22px;color:#d4d8dc;background:#101417;border:1px solid #343a40;border-radius:var(--radius-sm);line-height:1.45;font-size:12px}.textarea-wrap span{position:absolute;right:9px;bottom:7px;color:var(--text-faint);font-size:10px}.field-select{width:100%;height:40px;padding:0 11px;font-size:12px}.stage-summary{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center;padding:12px;background:#111519;border:1px solid var(--line-soft);border-radius:var(--radius-sm)}.summary-icon{display:grid;place-items:center;width:36px;height:36px;color:#c877ff;background:var(--accent-soft);border-radius:9px}.stage-summary div{display:grid;gap:3px}.stage-summary strong{font-size:12px;font-weight:500}.stage-summary small,.stage-help{color:var(--text-muted);font-size:11px}.rail-message{margin:14px 22px 0;padding:10px 11px;color:#d7c1e7;background:#18111f;border:1px solid #4c2d62;border-radius:var(--radius-sm);font-size:12px}.rail-message--error{color:#ffd2d7;background:#211115;border-color:#67303a}.composer-action{position:sticky;bottom:0;z-index:12;padding:14px 20px 16px;background:#0d1013f5;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.workspace-canvas{position:sticky;top:64px;min-width:0;min-height:calc(100vh - 64px);background:#0a0d0f}.canvas-view{width:100%;max-width:1220px;min-height:calc(100vh - 64px);margin:0 auto;padding:31px 36px 44px}.canvas-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}.canvas-heading h1,.canvas-centered h1{margin:0 0 4px;font-size:18px;font-weight:500;letter-spacing:-.01em}.canvas-heading p,.canvas-centered p{margin:0;color:var(--text-muted);font-size:13px}.eyebrow{margin-bottom:6px!important;color:#b75ef7!important;font-size:10px!important;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.status-pill{flex:0 0 auto;gap:7px;min-height:30px;padding:0 10px;color:var(--text-muted);background:#101417;border:1px solid var(--line);border-radius:999px;font-size:11px}.status-pill>span{width:7px;height:7px;background:var(--accent);border-radius:50%}.status-pill--ready>span{background:var(--success)}.reference-mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));width:100%;height:clamp(330px,45vh,478px);overflow:hidden;background:#15191c;border:1px solid #383f45;border-radius:12px}.mosaic-tile{position:relative;min-width:0;min-height:0;margin:0;overflow:hidden;border-right:1px solid #161a1d;border-bottom:1px solid #161a1d}.mosaic-tile img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease,filter .2s ease}.mosaic-tile__analysis{display:grid;place-items:center;align-content:center;width:100%;height:100%;gap:5px;color:#cf81ff;text-align:center;background:radial-gradient(circle at 50% 45%,rgb(163 59 244 / 17%),transparent 48%),linear-gradient(145deg,#15191d,#101317)}.mosaic-tile__analysis span{margin-top:4px;color:var(--text-muted);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.mosaic-tile__analysis strong{color:var(--text);font-size:13px;font-weight:500}.mosaic-tile__analysis small{color:var(--text-faint);font-size:10px}.mosaic-tile:hover img{transform:scale(1.025);filter:brightness(1.07)}.mosaic-tile figcaption{position:absolute;left:10px;bottom:10px;display:grid;gap:1px;max-width:calc(100% - 20px);padding:7px 9px;background:#06080ad1;border:1px solid rgb(255 255 255 / 12%);border-radius:7px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease}.mosaic-tile:hover figcaption,.mosaic-tile:focus-within figcaption{opacity:1;transform:translateY(0)}.mosaic-tile figcaption span{color:#d08aff;font-size:9px;text-transform:uppercase}.mosaic-tile figcaption strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500}.mosaic-tile figcaption small{color:var(--text-muted);font-size:9px}.reference-mosaic--1 .mosaic-tile{grid-column:1 / 13;grid-row:1 / 3}.reference-mosaic--2 .mosaic-tile--1{grid-column:1 / 7;grid-row:1 / 3}.reference-mosaic--2 .mosaic-tile--2{grid-column:7 / 13;grid-row:1 / 3}.reference-mosaic--3 .mosaic-tile--1{grid-column:1 / 8;grid-row:1 / 3}.reference-mosaic--3 .mosaic-tile--2{grid-column:8 / 13;grid-row:1}.reference-mosaic--3 .mosaic-tile--3{grid-column:8 / 13;grid-row:2}.reference-mosaic--4 .mosaic-tile--1,.reference-mosaic--4 .mosaic-tile--3,.reference-mosaic--6 .mosaic-tile--1,.reference-mosaic--6 .mosaic-tile--4{grid-column:1 / 7}.reference-mosaic--4 .mosaic-tile--2,.reference-mosaic--4 .mosaic-tile--4,.reference-mosaic--6 .mosaic-tile--3,.reference-mosaic--6 .mosaic-tile--6{grid-column:7 / 13}.reference-mosaic--4 .mosaic-tile--1,.reference-mosaic--4 .mosaic-tile--2,.reference-mosaic--6 .mosaic-tile--1,.reference-mosaic--6 .mosaic-tile--2,.reference-mosaic--6 .mosaic-tile--3{grid-row:1}.reference-mosaic--4 .mosaic-tile--3,.reference-mosaic--4 .mosaic-tile--4,.reference-mosaic--6 .mosaic-tile--4,.reference-mosaic--6 .mosaic-tile--5,.reference-mosaic--6 .mosaic-tile--6{grid-row:2}.reference-mosaic--5 .mosaic-tile--1{grid-column:1 / 5;grid-row:1}.reference-mosaic--5 .mosaic-tile--2{grid-column:5 / 10;grid-row:1}.reference-mosaic--5 .mosaic-tile--3{grid-column:10 / 13;grid-row:1 / 3}.reference-mosaic--5 .mosaic-tile--4{grid-column:1 / 7;grid-row:2}.reference-mosaic--5 .mosaic-tile--5{grid-column:7 / 10;grid-row:2}.reference-mosaic--6 .mosaic-tile--1,.reference-mosaic--6 .mosaic-tile--4{grid-column:1 / 5}.reference-mosaic--6 .mosaic-tile--2,.reference-mosaic--6 .mosaic-tile--5{grid-column:5 / 9}.reference-mosaic--6 .mosaic-tile--3,.reference-mosaic--6 .mosaic-tile--6{grid-column:9 / 13}.blend-details{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(420px,1.45fr);gap:42px;padding-top:28px}.blend-details h2{margin:0 0 2px;font-size:15px;font-weight:500}.blend-details section>p{margin:0;color:var(--text-muted);font-size:12px}.recipe-list,.contribution-list{margin-top:14px}.recipe-row{display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:center;min-height:54px;border-bottom:1px solid var(--line-soft)}.recipe-row>svg,.contribution-row>svg{color:var(--accent-strong)}.recipe-row div,.contribution-copy{display:grid;gap:2px}.recipe-row strong,.contribution-copy strong{font-size:13px;font-weight:500}.recipe-row span,.contribution-copy small{color:var(--text-muted);font-size:11px}.recipe-row--empty{opacity:.58}.contribution-row{display:grid;grid-template-columns:30px minmax(154px,.9fr) minmax(100px,1fr) 58px;gap:10px;align-items:center;min-height:58px;border-bottom:1px solid var(--line-soft)}.contribution-bar{height:5px;overflow:hidden;background:#2d3339;border-radius:99px}.contribution-bar span{display:block;height:100%;background:var(--accent);border-radius:inherit}.contribution-row output{color:#f4f4f5;text-align:right;font-size:12px}.canvas-note{gap:8px;margin:24px 0 0;color:var(--text-muted);font-size:12px}.canvas-empty,.canvas-centered{display:grid;place-items:center;align-content:center;min-height:420px;padding:40px;text-align:center;background:#0d1013;border:1px dashed #323940;border-radius:var(--radius-lg)}.canvas-centered{min-height:calc(100vh - 64px);background:transparent;border:0}.canvas-empty h2{margin:14px 0 4px;font-size:17px;font-weight:500}.canvas-empty p,.canvas-centered p{max-width:520px}.canvas-empty>svg,.canvas-empty__icon{color:var(--accent-strong)}.canvas-heading--prompt{align-items:center}.canvas-heading__actions{gap:8px}.stale-banner{margin-bottom:14px;padding:10px 12px;color:#f8dfac;background:#211b10;border:1px solid #5a4922;border-radius:var(--radius-sm);font-size:12px}.prompt-direction{display:grid;gap:7px;margin-bottom:14px;padding:13px 15px;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--line));border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface) 94%,var(--accent) 6%)}.prompt-direction strong{display:block;margin-top:3px;color:var(--text);font-size:13px;line-height:1.5}.prompt-direction>p,.grounding-panel__empty{margin:0;color:var(--text-soft);font-size:12px;line-height:1.5}.prompt-direction--missing{border-color:#5a4922;background:#211b10}.revision-workshop{display:grid;gap:13px;margin-bottom:18px;padding:18px;background:color-mix(in srgb,var(--surface-raised) 92%,var(--accent) 8%);border:1px solid var(--line);border-radius:var(--radius-lg)}.revision-workshop__heading,.revision-result header,.variant-selection,.revision-history li{display:flex;align-items:center;justify-content:space-between;gap:14px}.revision-workshop__heading h2{margin:2px 0 3px;font-size:17px}.revision-workshop__heading p:last-child{margin:0;color:var(--text-muted);font-size:12px}.revision-composer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 9px 9px 13px;color:var(--accent-strong);background:#0d1114;border:1px solid #3b4249;border-radius:11px}.revision-composer textarea{width:100%;min-height:48px;resize:vertical;padding:6px 0;color:var(--text);background:transparent;border:0;outline:0;font-size:13px;line-height:1.45}.revision-result,.variant-selection,.revision-history{padding:13px;background:#101417;border:1px solid var(--line-soft);border-radius:10px}.revision-result header>div,.variant-selection>div,.revision-history summary>div{display:grid;gap:3px}.revision-result header small,.variant-selection small,.revision-history small{color:var(--text-faint);font-size:10px}.revision-result header>span,.variant-selection span{color:#d998ff;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.revision-diff{display:grid;grid-template-columns:145px repeat(2,minmax(0,1fr));gap:8px;margin-top:9px;padding-top:9px;border-top:1px solid var(--line-soft)}.revision-diff code{color:#d998ff;font-size:11px}.revision-diff div{display:grid;gap:3px}.revision-diff span{color:var(--text-faint);font-size:9px;letter-spacing:.06em;text-transform:uppercase}.revision-diff p{margin:0;color:var(--text-muted);font-size:11px;line-height:1.45}.variant-selection{flex-wrap:wrap;border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.variant-selection strong{max-width:760px;font-size:12px;line-height:1.45}.variant-selection details{flex-basis:100%;color:var(--text-faint);font-size:10px}.variant-selection details code{display:block;margin-top:7px;overflow-wrap:anywhere}.revision-history summary,.variant-selection summary{cursor:pointer}.revision-history ol{display:grid;gap:7px;margin:10px 0 0;padding:0;list-style:none}.revision-history li{display:block;padding-top:7px;border-top:1px solid var(--line-soft);font-size:11px}.revision-history li>details>summary{display:flex;align-items:center;justify-content:space-between;gap:14px}.revision-history li>details>summary>span{color:var(--text-muted)}.revision-history__empty{margin:8px 0 0;color:var(--text-faint)}.grounding-panel{display:grid;gap:14px;margin-bottom:18px;padding:18px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface) 92%,var(--accent) 8%)}.grounding-panel__header,.grounding-resolutions article header{display:flex;align-items:center;justify-content:space-between;gap:16px}.grounding-panel__header h2{margin:2px 0 0;font-size:1rem}.grounding-panel__header>span,.grounding-resolutions article header span{color:var(--text-soft);font-family:var(--font-mono);font-size:.72rem}.grounding-sources{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}.grounding-sources article{display:grid;gap:4px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface-raised) 88%,var(--accent) 12%)}.grounding-sources span,.grounding-change span{color:var(--accent-strong);font-family:var(--font-mono);font-size:.67rem;letter-spacing:.06em;text-transform:uppercase}.grounding-sources small{color:var(--text-soft);font-size:.72rem}.grounding-gaps{padding:14px;border:1px solid color-mix(in srgb,var(--danger) 35%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--danger) 8%,transparent)}.grounding-gaps strong{display:flex;align-items:center;gap:7px}.grounding-gaps__header{display:flex;align-items:center;justify-content:space-between;gap:16px}.grounding-gaps__download{flex:0 0 auto}.grounding-gaps p,.grounding-resolutions p{margin:7px 0 0;color:var(--text-soft)}.grounding-gaps__terms{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.grounding-gaps__terms span,.grounding-resolutions article header span{padding:4px 8px;border-radius:999px;background:var(--surface-raised)}.grounding-resolutions{display:grid;gap:9px}.grounding-resolutions article{padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-raised)}.grounding-resolutions small{display:block;margin-top:7px;color:var(--text-soft);line-height:1.45}.grounding-gap-missing,.grounding-gap-evidence{margin-top:10px;padding:11px 12px;border-radius:9px;background:color-mix(in srgb,var(--surface) 88%,transparent)}.grounding-gap-missing{border-left:2px solid var(--accent-strong)}.grounding-gap-missing>span,.grounding-gap-evidence>span{color:var(--accent-strong);font-family:var(--font-mono);font-size:.67rem;letter-spacing:.06em;text-transform:uppercase}.grounding-gap-missing p,.grounding-gap-evidence p{color:var(--text);line-height:1.5}.grounding-gap-missing small{margin-top:8px}.grounding-change{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.grounding-change p{display:grid;gap:5px;margin:0;padding:10px;border-radius:8px;background:color-mix(in srgb,var(--surface) 88%,transparent);line-height:1.45}@media(max-width:720px){.grounding-gaps__header{align-items:flex-start;flex-direction:column}.grounding-change{grid-template-columns:1fr}}.prompt-tabs{display:flex;gap:4px;padding:4px;overflow-x:auto;background:#0f1316;border:1px solid var(--line);border-radius:9px;-webkit-mask-image:linear-gradient(to right,black calc(100% - 20px),transparent);mask-image:linear-gradient(to right,black calc(100% - 20px),transparent)}.prompt-tab{flex:0 0 auto;gap:7px;min-height:35px;padding:0 13px;color:var(--text-muted);background:transparent;border-radius:6px;font-size:12px}.prompt-tab--active{color:#fff;background:#242a30}.prompt-surface{margin-top:13px;overflow:hidden;background:#0e1215;border:1px solid var(--line);border-radius:var(--radius)}.domain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line-soft)}.domain-card{min-height:126px;padding:20px;background:#0e1215}.domain-card span,.negative-panel span{color:#ca7bff;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.domain-card p{margin:10px 0 0;color:#d5d9dd;line-height:1.6;font-size:13px}.prompt-prose{max-width:880px;padding:28px 30px;color:#dde1e4;line-height:1.78;font-size:14px;white-space:pre-wrap}.code-panel{max-height:620px;margin:0;padding:24px;overflow:auto;color:#cfd4da;background:#090c0e;font-family:IBM Plex Mono,monospace;font-size:11px;line-height:1.65;white-space:pre-wrap;word-break:break-word}.code-panel--payload{max-height:390px}.payload-meta{justify-content:space-between;gap:16px;padding:11px 15px;color:var(--text-muted);border-bottom:1px solid var(--line-soft);font-size:11px}.payload-meta code{color:#c77aff;font-family:IBM Plex Mono,monospace}.negative-panel{padding:17px 20px;border-top:1px solid var(--line-soft)}.negative-panel p{margin:7px 0 0;color:var(--text-muted);line-height:1.55;font-size:12px}.generation-result{margin:0;overflow:hidden;background:#0e1215;border:1px solid var(--line);border-radius:var(--radius-lg)}.generation-result>img{display:block;width:100%;max-height:690px;object-fit:contain;background:#07090b}.generation-result figcaption{justify-content:space-between;gap:18px;padding:14px 16px}.generation-result figcaption>div{display:grid;gap:2px}.generation-result figcaption strong{font-size:13px;font-weight:500}.generation-result figcaption span{color:var(--text-muted);font-size:11px}.generation-result figcaption small{max-width:min(70vw,620px);overflow:hidden;color:var(--text-faint);font-family:var(--font-mono);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.generation-record{display:grid;gap:16px}.research-observation{display:grid;gap:12px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised)}.research-observation header,.research-observation__actions{display:flex;align-items:end;justify-content:space-between;gap:14px}.research-observation h2{margin:3px 0 0;font-size:16px}.research-observation header label{display:grid;gap:5px;color:var(--text-muted);font-size:11px}.research-observation select,.research-observation textarea{border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text)}.research-observation select{padding:7px 9px}.research-observation textarea{width:100%;padding:11px 12px;resize:vertical;line-height:1.5}.research-observation__actions span{color:var(--text-muted);font-size:11px}.generation-ready{display:grid;justify-items:center;padding:42px 28px 0;text-align:center}.generation-ready__icon{display:grid;place-items:center;width:62px;height:62px;color:#c876ff;background:var(--accent-soft);border:1px solid #5a2d75;border-radius:16px}.generation-ready h2{margin:17px 0 5px;font-size:18px;font-weight:500}.generation-ready>p{max-width:580px;margin:0 0 25px;color:var(--text-muted);font-size:13px}.generation-ready .code-panel{width:100%;text-align:left;border:1px solid var(--line);border-radius:var(--radius)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:22px;background:#020304b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dialog-panel{width:min(560px,100%);max-height:min(780px,calc(100vh - 44px));overflow-y:auto;background:#111519;border:1px solid #363d44;border-radius:14px;box-shadow:0 24px 80px #0000008c}.dialog-panel__header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;background:#111519;border-bottom:1px solid var(--line)}.dialog-panel__header h2{margin:0;font-size:17px;font-weight:500}.dialog-panel__body{padding:20px}.project-row{gap:14px;min-height:64px;padding:5px 6px 5px 12px;background:#0d1114;border:1px solid var(--line-soft);border-radius:9px}.project-row__open{display:flex;flex:1;align-items:center;justify-content:space-between;min-width:0;gap:14px;padding:5px 4px 5px 0;color:inherit;text-align:left;background:transparent}.project-row__open:hover .project-row__copy strong{color:#fff}.project-row__copy{display:grid;gap:3px}.project-row__copy strong{font-size:13px;font-weight:500}.project-row__copy span{color:var(--text-muted);font-size:11px}.settings-copy{margin:0 0 17px;color:var(--text-muted);line-height:1.55;font-size:12px}.dialog-error{margin:0 0 13px;padding:9px 10px;color:#ffd2d7;background:#211115;border:1px solid #67303a;border-radius:var(--radius-sm);font-size:12px}.settings-provider{margin-bottom:12px;padding:14px;background:#0d1114;border:1px solid var(--line-soft);border-radius:9px}.settings-provider__heading{justify-content:space-between;gap:12px;margin-bottom:9px}.settings-provider__heading strong{font-size:13px;font-weight:500}.provider-status{color:var(--text-faint);font-size:10px}.provider-status--set{color:var(--success)}.settings-input-row{display:grid;grid-template-columns:1fr auto;gap:8px}.dialog-toolbar{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:start;margin-bottom:14px}.dialog-loading{display:flex;align-items:center;justify-content:center;gap:9px;min-height:120px;color:var(--text-muted);font-size:12px}.project-list{display:grid;gap:8px}.provider-status{display:inline-flex;align-items:center;gap:4px}.auth-screen{display:grid;justify-items:center;align-content:center;min-height:100vh;padding:30px 20px;background:#080a0c}.auth-wordmark{width:220px;height:56px;object-fit:contain;margin-bottom:24px}.auth-card{display:grid;justify-items:center;width:min(430px,100%);padding:35px 30px;text-align:center;background:#101417;border:1px solid var(--line);border-radius:14px}.auth-card>svg{color:var(--warning)}.auth-card h1{margin:16px 0 7px;font-size:19px;font-weight:500}.auth-card p{margin:0;color:var(--text-muted);line-height:1.55;font-size:13px}.auth-loader{width:28px;height:28px;border:2px solid #333a40;border-top-color:var(--accent);border-radius:50%;animation:spin .85s linear infinite}.auth-actions{display:flex;gap:8px;margin-top:22px}.auth-actions a{text-decoration:none}.settings-input{min-width:0;height:40px;padding:0 11px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.workspace{grid-template-columns:380px minmax(0,1fr)}.canvas-view{padding-inline:25px}.blend-details{grid-template-columns:1fr;gap:26px}}@media(max-width:959px){.topbar{padding-inline:18px}.workspace{display:block}.composer-rail{min-height:auto;border-right:0;border-bottom:1px solid var(--line)}.workspace-canvas{position:static;min-height:520px}.canvas-view,.canvas-centered{min-height:520px}.composer-action{z-index:35}.reference-mosaic{height:440px}.stage-content--references{padding-bottom:26px}}@media(max-width:680px){.topbar{height:58px;padding:0 12px}.wordmark{width:137px;height:34px}.topbar__brand-row .topbar__divider,.topbar__actions .topbar__divider,.account-name,.topbar__projects span,.project-name{display:none}.topbar__actions{gap:2px}.workspace-canvas{min-height:470px}.stage-header,.stage-content{padding-inline:16px}.revision-composer,.revision-diff{grid-template-columns:1fr}.revision-composer>svg{display:none}.composer-action{padding:12px 16px 14px}.reference-card{grid-template-columns:62px minmax(0,1fr) 30px}.reference-card__image-wrap{width:62px;height:58px}.reference-card__title-row{grid-template-columns:minmax(0,1fr) 92px}.compact-select{width:92px}.canvas-view{min-height:470px;padding:24px 16px 34px}.canvas-heading{display:grid;gap:13px}.canvas-heading__actions{width:100%}.canvas-heading__actions .button{flex:1}.reference-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,128px);height:auto;max-height:none;overflow:visible}.reference-mosaic .mosaic-tile{grid-column:auto!important;grid-row:auto!important}.reference-mosaic--1 .mosaic-tile{grid-column:1 / 3!important;grid-row:1 / 4!important}.mosaic-tile figcaption{display:none}.blend-details{padding-top:23px}.contribution-row{grid-template-columns:28px minmax(126px,1fr) 50px}.contribution-bar{grid-column:2 / 4;margin:-8px 0 8px}.contribution-row output{grid-column:3;grid-row:1}.domain-grid{grid-template-columns:1fr}.domain-card{min-height:104px}.prompt-surface{border-radius:9px}.payload-meta{display:grid}.generation-result figcaption{align-items:flex-start}.generation-result figcaption .button{min-width:44px;padding-inline:12px}.dialog-backdrop{align-items:end;padding:0}.dialog-panel{width:100%;max-height:88vh;border-radius:16px 16px 0 0}.settings-input-row,.dialog-toolbar{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.field-hint{margin:-2px 0 2px;color:var(--text-muted);font-size:11px;line-height:1.45}.field-hint--warning{margin-top:5px;color:var(--warning)}.generation-workshop__heading{display:grid;gap:3px;margin:1px 0 14px;padding:11px 12px;background:color-mix(in srgb,var(--accent) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:var(--radius-sm)}.generation-workshop__heading span{color:var(--text);font-size:12px;font-weight:650}.generation-workshop__heading small{color:var(--text-muted);font-size:10px;line-height:1.4}.generation-workshop__model-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.generation-workshop__model-grid .field-select{min-width:0}.generation-workshop__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:11px}.generation-workshop__grid>div:first-child:last-child,.generation-workshop__grid>div:nth-child(3){grid-column:1 / -1}.generation-workshop__grid .field-select{min-width:0}.button--generate{width:100%;min-height:42px;margin-top:14px;color:#f1e7fb;background:color-mix(in srgb,var(--accent) 14%,var(--surface));border-color:color-mix(in srgb,var(--accent) 42%,var(--line))}.button--generate:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 22%,var(--surface));border-color:color-mix(in srgb,var(--accent) 65%,var(--line))}.button--character{border-color:color-mix(in srgb,var(--accent) 48%,var(--line));background:color-mix(in srgb,var(--accent) 11%,var(--surface));color:#e9d7ff}.button--character:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 72%,var(--line));background:color-mix(in srgb,var(--accent) 18%,var(--surface))}.character-sheet-card{display:grid;grid-template-columns:minmax(220px,420px) minmax(150px,1fr);gap:18px;align-items:center;margin:20px 0 4px;padding:12px;border:1px solid color-mix(in srgb,var(--accent) 26%,var(--line));border-radius:12px;background:linear-gradient(110deg,#9d3dff17,#ffffff05)}.character-sheet-card img{display:block;width:100%;aspect-ratio:16 / 9;border-radius:7px;object-fit:cover;background:#f5f3f0}.character-sheet-card figcaption{display:grid;gap:7px}.character-sheet-card figcaption span{display:flex;gap:8px;align-items:center;color:var(--text);font-weight:600}.character-sheet-card figcaption small{color:var(--text-muted);line-height:1.45}@media(max-width:720px){.character-sheet-card{grid-template-columns:1fr}.canvas-heading__actions{flex-wrap:wrap}}.provider-connection{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px;padding:7px 9px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:#ffffff05;color:var(--text-faint);font-size:11px}.provider-connection>span{display:flex;align-items:center;gap:7px}.provider-connection>span>span{width:7px;height:7px;border-radius:50%;background:var(--warning);box-shadow:0 0 0 3px #f8c15c1a}.provider-connection--ready{border-color:#58d68d33;color:var(--success)}.provider-connection--ready>span>span{background:var(--success);box-shadow:0 0 0 3px #58d68d1a}.character-profile{display:grid;gap:16px}.character-profile__intro{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:start;padding:18px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:var(--radius);background:radial-gradient(circle at 8% 0%,rgb(163 59 244 / 14%),transparent 34%),var(--surface-raised)}.character-profile__icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgb(163 59 244 / 28%);border-radius:10px;background:var(--accent-soft);color:var(--accent-strong)}.character-profile__intro h2{margin:3px 0 5px;color:var(--text);font-size:22px;line-height:1.15}.character-profile__intro p:last-child{max-width:650px;margin:0;color:var(--text-muted);font-size:13px;line-height:1.5}.character-profile__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.character-assets-control{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.8fr) auto;gap:18px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised)}.character-assets-control h3{margin:3px 0 5px;font-size:16px}.character-assets-control p:last-child{margin:0;color:var(--text-muted);font-size:12px}.character-assets-options{display:grid;gap:8px}.character-assets-options label{display:flex;align-items:center;gap:8px;color:var(--text-soft);font-size:12px}.character-assets-options input{accent-color:var(--accent)}.character-assets-results{display:grid;gap:12px}.character-profile__sheet{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:15px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised)}.character-profile__sheet img{display:block;width:100%;max-height:360px;aspect-ratio:16 / 9;border-radius:var(--radius-sm);object-fit:contain;background:#f7f6f4}.character-profile__sheet figcaption{display:flex;align-items:center;gap:7px;padding-right:10px;color:var(--success);font-size:12px;white-space:nowrap}.character-profile__sheet figcaption .button{margin-left:auto}.grounding-gap-actions{display:flex;gap:8px;margin-top:8px}.character-profile__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--line);gap:1px}.character-profile__section{min-width:0;padding:18px;background:var(--surface)}.character-profile__section--identity,.character-profile__section--materials,.character-profile__section--preserve{grid-column:1 / -1}.character-profile__label{display:flex;align-items:center;gap:7px;margin-bottom:12px;color:var(--accent-strong);font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.character-traits{display:flex;flex-wrap:wrap;gap:7px}.character-traits span{padding:6px 8px;border:1px solid var(--line-soft);border-radius:6px;background:var(--surface-raised);color:var(--text-muted);font-size:12px;line-height:1.35}.character-profile__empty{margin:0;color:var(--text-faint);font-size:12px;line-height:1.5}.character-palette{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.character-swatch{display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px;align-items:center;min-width:0;padding:7px;border:1px solid var(--line-soft);border-radius:8px;background:var(--surface-raised)}.character-swatch>span{width:38px;height:38px;border:1px solid rgb(255 255 255 / 18%);border-radius:7px;box-shadow:inset 0 0 0 1px #00000026}.character-swatch div{display:grid;min-width:0;gap:2px}.character-swatch strong{color:var(--text);font-family:IBM Plex Mono,monospace;font-size:11px}.character-swatch small{overflow:hidden;color:var(--text-faint);font-size:11px;text-overflow:ellipsis;white-space:nowrap}@media(max-width:880px){.character-profile__intro{grid-template-columns:auto minmax(0,1fr)}.character-profile__actions{grid-column:1 / -1;justify-content:flex-start}.character-profile__sheet,.character-profile__grid{grid-template-columns:1fr}.character-assets-control{grid-template-columns:1fr;align-items:start}.character-profile__section--identity,.character-profile__section--materials,.character-profile__section--preserve{grid-column:auto}.character-profile__sheet figcaption{padding:2px 4px 4px}}@media(max-width:520px){.character-palette{grid-template-columns:1fr}.research-observation header,.research-observation__actions{align-items:stretch;flex-direction:column}}
