.model-workbench{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);height:calc(100dvh - 210px);min-height:600px;overflow:hidden;border:1px solid #29383b;border-radius:16px;background:#0d1214;margin:0}
.model-config{display:flex;flex-direction:column;min-width:0;min-height:0;background:#11191c;border-right:1px solid #29383b}
.model-config-scroll{overflow:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#456268 transparent}
.model-config-section{padding:22px;border-bottom:1px solid #2b3d40}
.model-kicker{display:block;color:#8db8b8;font-size:10px;letter-spacing:2px;margin:0 0 11px}
.model-config-section h2{color:#f3fbf9;font-size:21px;margin:0 0 8px}
.model-config-section h3{color:#e6f0ee;font-size:13px;margin:0 0 13px}
.model-config-section p,.model-field-note{color:#b5c6c8;font-size:12px;line-height:1.6;margin:0}
.model-config-section label:not(.model-ratio-options label){display:block;color:#d4e1e1;font-size:12px;font-weight:600;margin:0 0 9px}
.model-config-section input:not([type=radio]),.model-config-section textarea{display:block;width:100%;box-sizing:border-box;background:#1b272b;border:1px solid #42585c;border-radius:9px;color:#f1faf8;font:inherit;font-size:13px;padding:11px 12px;margin:0 0 18px}
.model-config-section textarea{min-height:150px;resize:vertical;line-height:1.6}
.model-config-section input::placeholder,.model-config-section textarea::placeholder{color:#9eb5b7}
.model-ratio-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.model-ratio-options label{position:relative;cursor:pointer}
.model-ratio-options input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer}
.model-ratio-options span{display:flex;min-height:60px;flex-direction:column;justify-content:center;gap:3px;padding:8px;border:1px solid #3b5358;border-radius:9px;background:#1b272b;color:#e6f1ef;text-align:center;font-size:13px}
.model-ratio-options small{font-size:10px;color:#acc4c4}
.model-ratio-options input:checked+span{border-color:#57d2cd;background:#19383a;color:#a5f4ee}
.model-ratio-options input:focus-visible+span{outline:2px solid #8bf1e9;outline-offset:3px}
.model-reference-option .secondary{margin-top:13px;color:#e5f4f1;background:#1d2b2f;border:1px solid #3f595c}
.model-config-submit{position:sticky;bottom:0;padding:16px 22px;background:#122025;border-top:1px solid #365054}
.model-config-submit>p:first-child{color:#b6cece;font-size:11px;line-height:1.5;margin:0 0 10px}
.model-config-submit .primary{width:100%;background:#55d0ca;color:#09272a;font-weight:700}
.model-config-submit .model-form-error{margin:0 0 8px;color:#ffb7aa}
.model-results{min-width:0;min-height:0;padding:28px;overflow:auto;scrollbar-width:thin;scrollbar-color:#456268 transparent;background:radial-gradient(ellipse at top right,#17383a55,transparent 65%),#0d1214}
.model-results-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}
.model-results-head h2{color:#f4faf8;font-size:24px;margin:0}
.model-results-head .secondary{font-size:12px;white-space:nowrap;background:#1e2d31;border:1px solid #425c60;color:#e5f4f1}
.model-preview-frame{position:relative;display:grid;place-items:center;height:min(58dvh,545px);min-height:360px;overflow:hidden;border:1px solid #385054;border-radius:13px;background:#101a1d}
.model-preview-frame img{width:100%;height:100%;object-fit:contain}
.model-form h3{font-size:13px;margin:0 0 10px}
.model-preview-frame span{position:absolute;top:14px;left:14px;padding:6px 9px;border:1px solid #517174;border-radius:7px;background:#122227e8;color:#d9f0ec;font-size:11px}
.model-preview-note{font-size:12px;color:#aec8c6;line-height:1.6;margin:14px 2px}
.model-preview-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:470px;border:1px dashed #3f6263;border-radius:13px;background:radial-gradient(circle at center,#163b3c,#101719 65%);padding:30px}
.model-preview-state>span{color:#59d6d0;font-size:42px}
.model-preview-state h3{color:#f3fbf9;font-size:21px;margin:14px 0 5px}
.model-preview-state p{color:#b4cecc;line-height:1.6;font-size:13px;max-width:400px}
.model-preview-state a{color:#8ce9df;font-size:12px;margin-top:12px}
.model-preview-spin{animation:model-spin 2.3s ease-in-out infinite}
@keyframes model-spin{50%{transform:rotate(90deg) scale(1.25);opacity:.6}}
.model-preview-finish{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}
.model-preview-finish>div{flex:1;min-width:180px;color:#eaf5f2}
.model-preview-finish p{font-size:12px;color:#aec6c5;line-height:1.5;margin:5px 0 0}
.model-preview-finish .secondary{background:#1d2d31;border:1px solid #456064;color:#e4f4f0}
.model-workbench~.model-library-head{padding:18px 0 0;border-top:1px solid #324247}
#models-root{margin-top:28px;padding-top:23px;border-top:1px solid #34474a}
#models-root .models-intro{display:none}
#models-root .model-empty{border:1px dashed #3d5459;background:#121b1e;color:#eaf4f1}
#models-root .model-empty p,#models-root .model-library-head p{color:#aac1c2}
#models-root .model-empty .model-heading-actions{display:none}
#models-root .model-card{background:#172125;border-color:#34484d;color:#ecf6f4}
#models-root .model-card.is-default{border-color:#62c9c3;box-shadow:0 0 0 1px #62c9c3}
#models-root .model-photo{background:#11191c}
#models-root .model-card small,#models-root .model-card p{color:#acc2c4}
#models-root .model-card .secondary{background:#203035;border-color:#446166;color:#e7f3f1}
#models-root .model-card .text-button{color:#a9e7e0}
#models-root .model-default-badge{background:#173638;border-color:#54ada8;color:#b4f1ec}
.model-reference-picker{border-top-color:#39575a;color:#e0efec}
.model-reference-picker label,.model-reference-picker strong{color:#e4f3ef}
.model-reference-picker select{appearance:none;color-scheme:dark;background:#1d2a2e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23a7d9d5' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid #49676a;border-radius:9px;color:#eaf5f2;padding:10px 38px 10px 12px;min-height:42px}
.model-reference-picker select option{background:#1d2a2e;color:#eaf5f2}
.model-reference-picker .hint,.model-reference-picker .model-anchor-choice span{color:#b1c7c8}
.model-reference-picker .model-picker-link{color:#8fe5dd}
.model-reference-picker .model-picker-preview img{background:#132327}
.asset-category-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}
.asset-category-tabs button{min-height:40px;padding:8px 12px;border:1px solid #385457;border-radius:9px;background:#19272b;color:#c3d8d9;font-size:12px}
.asset-category-tabs button.active{border-color:#5bd3ca;background:#1a3a3b;color:#a6f1e9}
.asset-category-tabs span{margin-left:5px;opacity:.75}
.asset-results{margin-top:0}
.asset-results .ai-job{background:#152125;border:1px solid #34494d;color:#edf5f4}
.asset-results .ai-media{background:#0e171a}
.asset-results .ai-job-meta h3{color:#f1f9f7}
.asset-results .ai-job-actions button,.asset-results .ai-job-actions a{color:#8ce7df}
.asset-type{display:inline-block;font-size:11px;color:#a4e5df;margin-bottom:8px}
.asset-empty{padding:60px 24px;text-align:center;border:1px dashed #425c60;border-radius:14px;background:#121d20;color:#e8f4f2}
.asset-empty p{font-size:13px;color:#adc5c6}
#model-workbench-root :focus-visible,.asset-category-tabs button:focus-visible,.model-reference-picker select:focus-visible{outline:2px solid #83ebe2;outline-offset:3px}
@media(max-width:900px){.model-workbench{grid-template-columns:1fr;height:auto}.model-config{min-height:580px;border-right:0;border-bottom:1px solid #344a4d}.model-config-scroll{max-height:54dvh}.model-results{padding:20px;max-height:70dvh}.model-preview-frame{height:430px;min-height:300px}}
@media(max-width:520px){.model-workbench{border-radius:12px}.model-results-head{align-items:flex-start;flex-direction:column}.model-preview-frame{height:350px}.model-ratio-options{gap:5px}.model-ratio-options span{padding:5px;font-size:12px}.asset-category-tabs button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.model-preview-spin{animation:none}}
@media(max-width:900px){body:not(.auth-locked) .model-config{min-height:0}body:not(.auth-locked) .model-config-scroll{max-height:none;overflow:visible}body:not(.auth-locked) .model-results{max-height:none;overflow:visible}}
.model-preview-frame.model-front-preview{max-width:520px;margin-inline:auto}
#model-preview .model-preview-frame.model-front-preview>img{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;object-position:center;transform:none}
.model-preview-frame .model-image-unavailable{position:static;max-width:380px;border:0;background:transparent;color:#c1d4d0;font-size:13px;padding:24px}
.model-preview-frame .model-image-unavailable>span{position:static;display:block;border:0;background:transparent;color:inherit;padding:0}