@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.visible\!{visibility:visible!important}.relative{position:relative}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.resize{resize:both}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--ink:#272e3a;--muted:#898d94;--paper:#f3f4f7;--line:#e0e4eb;--green:#4f5869;--soft:#eaecf1}*{box-sizing:border-box}body{color:var(--ink);background:var(--paper);margin:0;font-family:Inter,Microsoft YaHei,system-ui,sans-serif;font-size:13px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #6c7a93}input,textarea,select{color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:7px;max-width:100%;padding:11px}textarea{resize:vertical;line-height:1.8}input[type=range]{width:100%;accent-color:var(--green);padding:0}.btn{border:1px solid var(--line);background:#fff;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:10px 16px;font-size:12px;transition:all .15s;display:inline-flex}.btn:hover{background:#edeff3}.btn.primary{background:var(--green);color:#fff;border-color:var(--green)}.btn.primary:hover{background:#3f495a}.btn.small{min-height:34px;padding:7px 12px;font-size:12px}.brand{letter-spacing:2px;align-items:center;gap:10px;font-size:20px;font-weight:600;display:flex}.brand>span{color:#fff;background:var(--green);letter-spacing:0;border-radius:9px;place-items:center;width:38px;height:38px;font-size:23px;display:grid}.brand small{color:var(--muted);letter-spacing:2px;margin-top:4px;font-size:12px;font-weight:400;display:block}.eyebrow{letter-spacing:2.4px;color:#7f8b9f;font-size:12px;font-weight:500}.muted{color:var(--muted);line-height:1.8}.landing{max-width:1280px;margin:auto;padding:0 60px}.landing nav{justify-content:space-between;align-items:center;height:104px;display:flex}.landing-hero{border-bottom:1px solid var(--line);padding:90px 0 100px}.landing h1{letter-spacing:2px;margin:25px 0;font-size:clamp(40px,5.5vw,76px);font-weight:400;line-height:1.35}.landing-hero p{color:#787d87;margin-bottom:30px;font-size:16px;line-height:2}.landing-hero .muted{margin-top:20px;font-size:12px;display:block}.landing-features{grid-template-columns:repeat(3,1fr);gap:45px;padding:48px 0;display:grid}.landing-features h2{margin:20px 0 12px;font-size:16px;font-weight:500}.landing-features p{color:var(--muted);font-size:12px;line-height:1.9}.landing footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:26px 0;font-size:12px;display:flex}.auth-page{background:radial-gradient(at 60% 30%,#e3e7ed,#f3f4f7);place-items:center;min-height:100vh;display:grid}.auth-box{border:1px solid var(--line);background:#fff;border-radius:18px;width:min(460px,92vw);padding:44px;box-shadow:0 25px 80px #34452a0a}.auth-box h1{margin:38px 0 10px;font-size:28px;font-weight:500}.auth-box p{color:var(--muted);line-height:1.8}.auth-box form{flex-direction:column;gap:24px;margin-top:32px;display:flex}.auth-box label,.project-dialog label{color:#606876;flex-direction:column;gap:10px;display:flex}.auth-box input{height:46px}.auth-links{justify-content:space-between;font-size:12px;display:flex}.workspace{min-height:100vh;display:flex}.app-sidebar{border-right:1px solid var(--line);z-index:10;background:#f9fafb;flex-direction:column;width:216px;padding:30px 20px;display:flex;position:fixed;inset:0 auto 0 0}.workspace-caption{color:#9097a2;justify-content:space-between;padding:34px 8px 18px;font-size:12px;display:flex}.workspace-caption span{background:#eaecf1;border-radius:3px;padding:1px 5px}.nav-item{text-align:left;text-overflow:ellipsis;white-space:nowrap;border-radius:7px;align-items:center;gap:12px;width:100%;margin:2px 0;padding:12px 13px;font-size:12px;display:flex;overflow:hidden}.nav-item svg{color:#7d889b;flex-shrink:0}.nav-item:hover{background:#edeff3}.nav-item.active{color:#46546d;background:#e3e7ed}.sidebar-projects{margin-top:30px;overflow:auto}.sidebar-projects>small{letter-spacing:1px;color:#98a0ae;margin:0 12px 12px;font-size:12px;display:block}.sidebar-projects .nav-item{font-size:12px}.project-dot{background:#a2acbe;border-radius:2px;flex-shrink:0;width:6px;height:6px}.sidebar-bottom{margin-top:auto;padding-top:24px}.sidebar-bottom>p{color:#5d6b83;margin:20px 12px;font-size:12px;line-height:2}.sidebar-bottom>p small{color:#8d96a5;font-size:12px}.user-email{border-top:1px solid var(--line);overflow-wrap:anywhere;color:var(--muted);margin-top:20px;padding:18px 10px 0;font-size:12px;display:block}.app-main{width:calc(100% - 216px);min-width:0;min-height:100vh;margin-left:216px}.app-header{border-bottom:1px solid var(--line);height:65px;color:var(--muted);background:#f9fafb;justify-content:space-between;align-items:center;padding:0 30px;font-size:12px;display:flex}.app-header>div:first-child{gap:14px;display:flex}.header-tools{align-items:center;gap:18px;display:flex}.mock-badge{color:#9a875e;letter-spacing:.3px;background:#eaecf1;border-radius:4px;padding:5px 9px;font-size:12px}.avatar{background:#dde1e9;border-radius:50%;width:30px;height:30px;font-size:12px}.notice{color:#91713e;background:#fbf4df;border-bottom:1px solid #eee4cb;padding:10px 30px;font-size:12px;line-height:1.8}.notice.empty{display:none}.dashboard{max-width:1450px;margin:auto;padding:40px}.page-title{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.page-title h1,.dashboard>h1{letter-spacing:1px;margin:13px 0;font-size:29px;font-weight:400}.page-title p{color:var(--muted);margin:0;font-size:12px}.welcome-card{background:#eaecf1;border:1px solid #e0e4eb;border-radius:12px;justify-content:space-between;align-items:center;gap:32px;padding:34px 38px;display:flex}.welcome-card h2{color:#43516b;margin:17px 0 14px;font-size:29px;font-weight:400;line-height:1.6}.welcome-card p{color:#7c889c;margin-bottom:20px;font-size:12px;line-height:1.8}.welcome-note{color:#8b97ac;border-left:1px solid #d0d6e2;flex-direction:column;justify-content:center;align-items:center;gap:22px;width:30%;min-height:180px;display:flex}.welcome-note strong{letter-spacing:1px;font-size:12px;font-weight:400}.welcome-note span{font-size:12px}.section-heading{justify-content:space-between;align-items:center;margin:38px 0 18px;display:flex}.section-heading h2{font-size:15px;font-weight:500}.section-heading h2 span{color:#939dae;margin-left:10px;font-size:12px}.section-heading small{color:#939dae;font-size:12px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.project-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:9px;transition:all .2s;overflow:hidden}.project-card:hover{border-color:#a8b3c7;transform:translateY(-2px)}.project-cover{color:#949fb3;background:#e3e7ed;justify-content:center;align-items:center;gap:20px;height:150px;display:flex}.project-cover span{letter-spacing:3px;font-size:12px}.project-card>div:last-child:not(.project-cover){padding:18px}.project-card h3{margin:0 0 14px;font-size:14px;font-weight:500}.project-card p{color:var(--muted);justify-content:space-between;margin:0;font-size:12px;display:flex}.new-project{color:#8692a7;background:#f6f7f9;border-style:dashed;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:228px;display:flex}.new-project h3,.new-project p{margin:0}.legacy-link{color:#7c889c;align-items:center;gap:7px;margin-top:30px;font-size:12px;display:flex}.studio-bar{border-bottom:1px solid var(--line);background:#f9fafb;align-items:center;gap:14px;height:59px;padding:12px 20px;display:flex}.studio-bar>strong{font-size:12px;font-weight:500}.back{display:flex}.studio-tabs{gap:6px;margin-left:15px;display:flex}.studio-tabs button{color:#808999;border-radius:6px;padding:8px 14px;font-size:12px}.studio-tabs button.active{color:#4b5972;background:#e3e7ed}.studio-tabs span{color:#a69a7d;margin-left:5px;font-size:12px}.studio-bar>.btn{margin-left:auto}.studio-layout{grid-template-columns:198px minmax(280px,1fr) 268px;height:calc(100vh - 124px);min-height:560px;display:grid}.asset-panel{border-right:1px solid var(--line);background:#fcfcfd;padding:18px 15px;overflow-y:auto}.panel-heading{justify-content:space-between;align-items:center;margin:0 0 18px;display:flex}.panel-heading h2{align-items:center;gap:7px;margin:0;font-size:12px;font-weight:500;display:flex}.panel-heading h2 small{color:#8d94a0;font-size:12px}.panel-heading>span{color:#99a1ad;font-size:12px}.upload-tile{color:#6d7c97;background:#f3f4f7;border:1px dashed #c0c9d8;border-radius:7px;flex-direction:column;align-items:center;gap:10px;width:100%;padding:23px 7px;display:flex}.upload-tile b{font-size:12px;font-weight:400}.upload-tile small{color:#949dad;font-size:12px}.asset-heading{color:#7d889b;justify-content:space-between;margin:24px 0 12px;font-size:12px;display:flex}.asset-heading span{font-size:12px}.asset-list{grid-template-columns:1fr 1fr;gap:10px;display:grid}.asset-item{text-align:left;border:1px solid var(--line);background:#fff;border-radius:5px;flex-direction:column;min-width:0;padding:3px;display:flex;overflow:hidden}.asset-item.selected{border-color:#65789a;box-shadow:0 0 0 1px #65789a}.asset-item img{object-fit:cover;background:#edeff3;border-radius:3px;width:100%;height:65px}.asset-item span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:6px 2px;font-size:12px;overflow:hidden}.asset-item small{color:#99a1ad;padding:0 2px 3px;font-size:12px}.reference-item{text-align:left;border:1px solid #0000;border-radius:5px;align-items:center;gap:7px;width:100%;margin:6px 0;padding:5px;display:flex}.reference-item.selected{border-color:#8391aa}.reference-item img{object-fit:cover;border-radius:3px;width:36px;height:36px}.reference-item span{text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.panel-hint{color:#969eab;margin:14px 0;font-size:12px;line-height:1.8}.canvas-column{flex-direction:column;min-width:0;min-height:0;display:flex}.canvas-toolbar{border-bottom:1px solid var(--line);background:#f6f7f9;flex-shrink:0;justify-content:space-between;align-items:center;height:46px;padding:0 15px;display:flex}.canvas-toolbar>div{align-items:center;gap:6px;display:flex}.canvas-toolbar button{color:#7d889b;border-radius:5px;place-items:center;width:29px;height:29px;display:grid}.canvas-toolbar button.active{color:#485a7a;background:#dde1e9}.canvas-toolbar small{color:#8b93a2;text-align:center;width:36px;font-size:12px}.canvas-toolbar span{border-left:1px solid var(--line);height:14px;margin:0 4px}.canvas-surface{background:#eaecf1;flex:1;min-height:150px;position:relative;overflow:hidden}.canvas-surface.painting{cursor:crosshair}.canvas-empty{text-align:center;pointer-events:none;color:#737e91;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.canvas-empty>span{letter-spacing:2.5px;color:#99a2b2;font-size:12px}.canvas-empty h2{letter-spacing:1px;margin:22px 0 14px;font-size:25px;font-weight:400;line-height:1.7}.canvas-empty p{color:#98a0ae;font-size:12px}.canvas-status{color:#9098a7;border-top:1px solid var(--line);background:#f3f4f7;justify-content:space-between;align-items:center;height:32px;padding:0 16px;font-size:12px;display:flex}.version-panel{border-top:1px solid var(--line);background:#f9fafb;flex-shrink:0;height:163px;padding:16px 18px}.version-panel .panel-heading{margin-bottom:12px}.version-list{gap:10px;display:flex;overflow-x:auto}.version-list>button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:5px;flex-direction:column;flex-shrink:0;gap:4px;width:104px;padding:3px;display:flex}.version-list>button.active{border-color:#6a7a95}.version-list img{object-fit:cover;border-radius:3px;width:96px;height:57px}.version-list span{padding:0 3px;font-size:12px}.version-list small{color:#8d96a5;padding:0 3px;font-size:12px}.version-list>p{color:#9098a7;padding:20px 0;font-size:12px}.parameter-panel{border-left:1px solid var(--line);background:#fcfcfd;padding:20px;overflow-y:auto}.field-label{color:#707b8f;margin:22px 0 10px;font-size:12px;display:block}.field-label>span{float:right;font-size:12px}.template-list{grid-template-columns:1fr 1fr;gap:8px;display:grid}.template-list button{text-align:left;background:#fff;border:1px solid #e0e4eb;border-radius:6px;padding:11px 9px;position:relative}.template-list button.active{background:#eaecf1;border-color:#93a3be}.template-list button>span{font-size:12px}.template-list small{color:#929bab;margin-top:6px;font-size:12px;line-height:1.6;display:block}.template-list svg{color:#596e91;width:12px;position:absolute;top:7px;right:6px}.parameter-panel textarea{width:100%;min-height:132px;font-size:12px}.parameter-panel>.panel-hint{margin-top:7px}.param-row{grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;display:grid}.param-row label{color:#7e899a;font-size:12px}.param-row input,.param-row select{width:100%;min-width:0;margin-top:8px;padding:8px;font-size:12px}.mock-card{color:#aa9568;background:#f4f1e6;border-radius:6px;gap:9px;margin:26px 0 14px;padding:12px;display:flex}.mock-card>svg{flex-shrink:0}.mock-card b{font-size:12px;font-weight:500}.mock-card p{color:#a99c7d;margin:6px 0 0;font-size:12px;line-height:1.8}.generate-button{width:100%;font-size:12px}.job-status{color:#838ea0;justify-content:space-between;margin-top:12px;font-size:12px;display:flex}.task-history{color:#8893a5;margin-top:24px;font-size:12px}.task-history summary{cursor:pointer}.task-history button{padding:7px;font-size:12px;display:block}.material-host{flex-direction:column;height:calc(100vh - 124px);display:flex}.material-host iframe{background:var(--paper);border:0;flex:1;width:100%}.material-note{color:#9d865a;background:#fcf5e4;justify-content:space-between;padding:12px 20px;font-size:12px;display:flex}.material-note button{text-decoration:underline}.settings-card{border:1px solid var(--line);background:#fff;border-radius:10px;max-width:700px;margin-top:30px;padding:28px}.settings-card h2{font-size:18px;font-weight:400}.settings-card p{color:var(--muted);font-size:12px;line-height:2}.settings-card .btn{margin:14px 12px 14px 0}.dialog-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#26392666;place-items:center;display:grid;position:fixed;inset:0}.project-dialog{border:1px solid var(--line);background:#fff;border-radius:14px;width:min(480px,92vw);padding:32px}.project-dialog h2{margin:16px 0;font-size:24px;font-weight:400}.project-dialog p{color:var(--muted);margin-bottom:26px;font-size:12px;line-height:1.8}.project-dialog>div:last-child{justify-content:flex-end;gap:10px;margin-top:28px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:1600px){.studio-layout{grid-template-columns:230px minmax(360px,1fr) 310px}.asset-item img{height:85px}.parameter-panel{padding:24px}.canvas-empty h2{font-size:32px}.project-cover{height:190px}}@media (max-width:1150px){.app-sidebar{width:180px;padding:25px 12px}.app-main{width:calc(100% - 180px);margin-left:180px}.studio-layout{grid-template-columns:160px minmax(250px,1fr) 235px}.asset-panel{padding:15px 10px}.parameter-panel{padding:16px}.dashboard{padding:28px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-empty h2{font-size:21px}.studio-tabs{gap:0;margin-left:0}.studio-tabs button{padding:7px 9px}}@media (max-width:900px){.app-sidebar{width:66px;padding:20px 8px}.app-sidebar .brand{gap:0;font-size:0}.app-sidebar .brand>div,.workspace-caption,.sidebar-projects,.sidebar-bottom>p,.user-email{display:none}.nav-item{justify-content:center;gap:0;padding:13px;font-size:0}.nav-item svg{width:20px}.app-main{width:calc(100% - 66px);margin-left:66px}.studio-layout{grid-template-columns:140px minmax(210px,1fr) 210px}.app-header{padding:0 18px}.parameter-panel{padding:12px}.template-list{gap:5px}.template-list button{padding:9px 7px}.template-list small,.mock-badge{font-size:12px}.canvas-status>span:last-child{display:none}}@media (max-width:700px){.landing{padding:0 24px}.landing nav{height:80px}.landing .brand small{display:none}.landing-hero{padding:55px 0}.landing-features{grid-template-columns:1fr;gap:22px}.landing footer{flex-wrap:wrap;gap:20px}.dashboard{padding:24px 18px}.page-title{align-items:flex-start;gap:14px}.page-title h1{font-size:23px}.page-title .btn{white-space:nowrap;font-size:12px}.welcome-card{padding:24px;display:block}.welcome-card h2{font-size:24px}.welcome-note{display:none}.project-grid{grid-template-columns:1fr}.studio-layout{grid-template-columns:120px minmax(0,1fr);height:auto;min-height:0}.canvas-column{height:650px}.parameter-panel{border-top:1px solid var(--line);grid-column:1/-1;padding:24px;display:block}.asset-panel{max-height:650px}.studio-bar>strong{display:none}.studio-tabs button{font-size:12px}.studio-bar{padding:10px}.studio-bar>.btn{padding:7px;font-size:12px}.header-tools{gap:10px}.app-header{padding:0 12px;font-size:12px}.mock-badge{white-space:nowrap;text-overflow:ellipsis;max-width:120px;overflow:hidden}.canvas-empty h2{font-size:18px}.canvas-empty p{max-width:160px;font-size:12px}.version-panel{padding:14px 10px}.version-panel .panel-heading>span{display:none}.asset-list{grid-template-columns:1fr}.material-note{gap:8px;font-size:12px;line-height:1.8}}.workspace{height:100dvh;overflow:hidden}.app-main{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-header,.studio-bar,.notice{flex-shrink:0}.studio-layout{flex:1;height:auto;min-height:0}.dashboard{flex:1;overflow:auto}.material-host{flex:1;height:auto;min-height:0}.canvas-column{min-height:0}.canvas-surface{flex:1;min-height:0}.personal-center>h1{margin:16px 0;font-size:30px;font-weight:400}.personal-message{color:#9c7950;margin:12px 0;font-size:12px;line-height:1.8}.personal-summary{grid-template-columns:1fr 1fr;gap:20px;max-width:900px;margin-top:28px;display:grid}.personal-summary>div{border:1px solid var(--line);background:#fff;border-radius:12px;padding:26px}.personal-summary small,.personal-summary strong{display:block}.personal-summary strong{margin:14px 0;font-size:30px;font-weight:400}.personal-summary p,.personal-summary small{color:var(--muted);font-size:12px;line-height:1.8}.personal-tabs{border-bottom:1px solid var(--line);gap:10px;margin-top:24px;display:flex}.personal-tabs button{padding:13px 16px;font-size:12px}.personal-tabs button.active{border-bottom:2px solid var(--green)}.personal-form label{color:var(--green);margin:20px 0;font-size:12px;display:block}.personal-form input,.personal-form select,.personal-form textarea{margin-top:10px}.personal-usage{grid-template-columns:1fr 1fr;gap:16px;margin:22px 0;display:grid}.personal-usage>div{background:var(--paper);border-radius:8px;padding:20px}.personal-usage small,.personal-usage strong,.personal-usage span{display:block}.personal-usage strong{margin:12px 0;font-size:22px;font-weight:400}.personal-usage small,.personal-usage span{color:var(--muted);font-size:12px}.ledger-row{border-bottom:1px solid var(--line);justify-content:space-between;padding:16px 0;font-size:13px;display:flex}.ledger-row small,.feedback-row small{color:var(--muted);margin-top:7px;font-size:12px;display:block}.feedback-row{border-bottom:1px solid var(--line);padding:18px 0}.feedback-row b{font-size:13px}@media (max-width:700px){.workspace{height:auto;overflow:auto}.app-main{height:auto;min-height:100dvh;overflow:visible}.studio-layout{flex:none}.dashboard{overflow:visible}.personal-summary{grid-template-columns:1fr}.personal-tabs{gap:0}.personal-tabs button{padding:12px 8px;font-size:12px}.material-host{flex:none;height:800px}}.material-workbench{flex:1;grid-template-columns:198px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.material-assets{overflow:auto}.material-content{background:#fff;flex-direction:column;min-width:0;min-height:0;display:flex}.material-flow{border-bottom:1px solid var(--line);background:#f9fafb;justify-content:center;align-items:center;gap:28px;padding:16px 20px;display:flex}.material-flow>div{grid-template-columns:28px auto;align-items:center;column-gap:8px;display:grid}.material-flow span{color:#5b6b86;text-align:center;background:#e3e7ed;border-radius:50%;grid-row:span 2;padding:6px 0;font-size:12px}.material-flow b{font-size:13px}.material-flow small{color:#7e8591;font-size:12px}.material-flow i{color:#9ca3b0;font-style:normal}.material-actions{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:8px;padding:12px 16px;display:flex}.material-actions>div{flex-wrap:wrap;gap:6px;display:flex}.material-context{color:#606876;background:#f3f4f7;justify-content:space-between;align-items:center;gap:10px;padding:9px 16px;font-size:12px;display:flex}.material-context>span{text-overflow:ellipsis;white-space:nowrap;max-width:45%;overflow:hidden}.material-context small{font-size:12px}.material-editor-frame{background:#fff;border:0;flex:1;width:100%;min-height:0}.material-connection{color:#806f47;background:#fff8e9;align-items:center;gap:8px;padding:10px 16px;font-size:12px;display:flex}.material-connection button{color:inherit;cursor:pointer;background:0 0;border:0;margin-left:auto;text-decoration:underline}.material-workbench-foot{border-top:1px solid var(--line);color:#7e8591;justify-content:space-between;gap:10px;padding:10px 16px;font-size:12px;display:flex}.material-local-note{color:#788191;padding:18px 0;font-size:12px}.material-local-note b{margin-top:8px;display:block}.material-local-note p{line-height:1.7}.material-assets .asset-list{max-height:none}.material-assets .asset-item:disabled{opacity:.65}@media (max-width:900px){.material-actions .btn{padding:8px 10px;font-size:12px}.material-flow{gap:12px}.material-flow small{display:none}.material-context{flex-direction:column;align-items:flex-start}.material-context>span{max-width:100%}}@media (max-width:700px){.material-workbench{flex-direction:column;display:flex;overflow:visible}.material-assets{max-height:260px}.material-content{min-height:900px}.material-editor-frame{min-height:650px}.material-flow{gap:8px;padding:12px 8px}.material-flow b{font-size:12px}.material-workbench-foot{flex-direction:column}}.project-card-actions{flex-wrap:wrap;gap:8px;padding:0 16px 16px;display:flex}.btn.danger{color:#b42318}.project-purpose{border:0;margin:20px 0;padding:0}.project-purpose legend{margin-bottom:10px;font-size:13px}.project-purpose label{border:1px solid var(--line);cursor:pointer;border-radius:8px;align-items:center;gap:12px;margin:8px 0;padding:14px;display:flex}.project-purpose label.selected{background:#eff6ff;border-color:#2563eb}.project-purpose input[type=radio]{accent-color:#2563eb;width:auto;margin:0}.project-purpose strong,.project-purpose small{display:block}.project-purpose small{color:var(--muted);margin-top:5px;font-size:12px;line-height:1.7}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
:root{--green:#2563eb;--ink:#172338;--muted:#708096;--line:#e2e8f0;--paper:#f8fafc;--blue:#2563eb}body{color:var(--ink);background:#f8fafc;font-family:Arial,Microsoft YaHei,sans-serif}button,input,textarea,select{font:inherit}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #2563eb}button:disabled{cursor:not-allowed;opacity:.45}.btn.primary,.brand>span{color:#fff;background:#2563eb}.btn{min-height:34px;font-size:12px}.brand{color:#172338}.nav-item.active{color:#1d4ed8;background:#eaf1ff}.nav-item svg{color:#64748b}.welcome-card{background:linear-gradient(120deg,#edf3ff,#f8fbff)}.welcome-card h2{color:#183a73}.welcome-note{color:#6586b9;border-color:#d7e3f5}.mock-badge{color:#2563eb;background:#eaf1ff}.app-header,.app-sidebar,.studio-bar,.asset-panel,.parameter-panel{background:#fff}.studio-tabs button.active,.canvas-toolbar button.active,.template-list button.active{color:#2563eb;background:#eaf1ff}.canvas-surface,.extraction-canvas{background:#252a33}.canvas-empty{color:#b5c1d5}.canvas-empty p{color:#8794aa}.comparison-canvas{grid-template-columns:1fr 1fr;gap:2px;display:grid;position:absolute;inset:0}.comparison-canvas>div{background:#252a33;justify-content:center;align-items:center;min-width:0;display:flex;position:relative;overflow:hidden}.comparison-canvas img{object-fit:contain;width:100%;height:100%}.comparison-canvas small{color:#fff;z-index:2;background:#111827b3;border-radius:4px;padding:6px 9px;position:absolute;top:14px;left:14px}.personal-tabs button.active{color:#2563eb;border-color:#2563eb}.personal-tabs{flex-wrap:wrap}.parameter-panel select,.extraction-parameters select{width:100%;margin-top:10px;font-size:12px}.panel-hint{color:#748399;font-size:11px}.mock-card{color:#305889;background:#eff5ff}.mock-card p{color:#657f9e}.field-label{color:#52647e}.canvas-toolbar span{border:0;height:auto;font-size:11px}.app-header{font-size:12px}.user-email{font-size:11px}.asset-item small,.version-list small{font-size:10px}.version-list img{height:66px}.version-panel{height:176px}.asset-list{gap:8px}.studio-layout{grid-template-columns:190px minmax(270px,1fr) 290px}.studio-tabs button{font-size:12px}.extraction-workspace{background:#fff;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.extraction-steps{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:20px;padding:16px 20px;display:flex}.extraction-steps>div{color:#8995a8;white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.extraction-steps>div.current{color:#1d4ed8;font-weight:600}.extraction-steps span{background:#eef2f7;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.extraction-steps .current span{color:#fff;background:#2563eb}.extraction-steps>.btn{white-space:nowrap;margin-left:auto}.extraction-notice{color:#1d4ed8;background:#eff6ff;margin:0;padding:10px 20px;font-size:12px;line-height:1.7}.extraction-layout{flex:1;grid-template-columns:245px minmax(280px,1fr) 310px;min-height:0;display:grid}.extraction-list,.extraction-parameters{background:#fff;min-height:0;padding:18px;overflow-y:auto}.extraction-list{border-right:1px solid var(--line)}.extraction-parameters{border-left:1px solid var(--line)}.extraction-layout h2{margin:4px 0 18px;font-size:14px;font-weight:600}.extraction-layout h2 small{float:right;color:#8492a8;font-size:11px;font-weight:400}.extraction-list>select{width:100%;margin:0 0 12px;font-size:12px}.extraction-list>.btn{width:100%;margin-bottom:12px}.list-operations{border-top:1px solid var(--line);color:#64748b;gap:12px;padding:12px 0;font-size:11px;display:flex}.list-operations button{align-items:center;gap:5px;display:flex}.candidate-card{border:1px solid var(--line);border-radius:8px;gap:8px;margin:9px 0;padding:12px 10px;display:flex}.candidate-card.selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.candidate-card>input{flex-shrink:0;margin-top:4px}.candidate-card>button{text-align:left;flex:1;min-width:0}.candidate-card b{font-size:13px;line-height:1.6;display:block}.candidate-card small{color:#7c8ba0;overflow-wrap:anywhere;margin-top:4px;font-size:10px;line-height:1.7;display:block}.candidate-card span{color:#51759e;background:#f1f5f9;border-radius:4px;margin-top:8px;padding:3px 5px;font-size:10px;display:inline-block}.extraction-empty{text-align:center;color:#8291a6;padding:30px 8px;line-height:1.9}.extraction-empty h3{color:#52647e;font-size:13px}.extraction-empty p{font-size:11px}.extraction-center{background:#252a33;flex-direction:column;min-width:0;min-height:0;display:flex}.extraction-canvas{cursor:grab;flex:1;min-height:200px;position:relative;overflow:hidden}.extraction-canvas:active{cursor:grabbing}.extraction-preview{color:#a8b5c8;background:#1d232c;border-top:1px solid #394251;flex-direction:column;flex-shrink:0;height:230px;display:flex}.preview-tabs{border-bottom:1px solid #343d49;align-items:center;gap:5px;padding:10px 14px;display:flex}.preview-tabs>button{border-radius:4px;padding:6px 12px;font-size:11px}.preview-tabs>button.active{color:#fff;background:#3b4658}.preview-tabs select{color:#cbd5e1;background:#303a49;border-color:#475569;max-width:160px;margin-left:auto;padding:5px;font-size:10px}.preview-image{flex:1;justify-content:center;align-items:center;min-height:0;padding:12px;display:flex}.preview-image>img{object-fit:contain;width:100%;height:100%}.preview-image>p{font-size:12px;line-height:1.8}.tile-preview{aspect-ratio:1;grid-template-columns:repeat(3,1fr);height:100%;display:grid}.tile-preview img{object-fit:fill;width:100%;height:100%}.sample-editor{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.sample-editor>label{color:#64748b;margin:14px 0;font-size:11px;display:block}.sample-editor input:not([type=checkbox]),.sample-editor select,.sample-editor textarea{width:100%;margin-top:7px;font-size:12px}.sample-editor textarea{min-height:80px}.sample-actions{gap:8px;margin:14px 0;display:flex}.quad-fields{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0;display:grid}.quad-fields label{color:#64748b;font-size:10px}.quad-fields input{height:30px;padding:4px 6px}.risk-note{color:#a47b28;font-size:11px;line-height:1.7}.check-label{color:#64748b;align-items:center;gap:8px;margin:12px 0;font-size:11px;display:flex}.extraction-parameters>.btn,.sample-editor>.btn{width:100%}.scope-note{color:#64748b;background:#f1f5f9;border-radius:6px;padding:12px;font-size:11px;line-height:1.8}.task-list{color:#61738b;margin:14px 0;font-size:11px;line-height:1.7}.task-list summary{cursor:pointer}.task-list>div{border-bottom:1px solid var(--line);padding:9px 0}.task-list small{overflow-wrap:anywhere;display:block}.task-list button{color:#2563eb;margin-right:10px}.cloud-material-library{background:#f8fafc;flex:1;padding:20px;overflow:auto}.material-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;display:grid}.material-grid>article{border:1px solid var(--line);background:#fff;border-radius:8px;flex-direction:column;gap:10px;padding:12px;display:flex}.material-grid img{aspect-ratio:1;object-fit:cover;width:100%}.material-grid b{font-size:12px}.material-grid small{color:#8492a8;font-size:11px}.material-grid>p{color:#748399;font-size:12px;line-height:1.8}.community-search{gap:12px;margin:24px 0;display:flex}.community-search input{flex:1}.community-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.community-card{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.case-cover{width:100%;height:180px;display:block}.case-cover img{object-fit:cover;width:100%;height:100%}.community-card>div{padding:18px}.community-card h2{font-size:17px}.community-card small{color:#94a3b8;font-size:11px}.community-card p{color:#64748b;white-space:pre-wrap;font-size:12px;line-height:1.8}.case-actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.community-pages{justify-content:center;align-items:center;gap:16px;padding:30px;font-size:12px;display:flex}.publish-form{max-height:90vh;overflow:auto}.publish-form label{margin:15px 0}.case-detail>img{object-fit:contain;width:100%;max-height:40vh}.case-detail p{white-space:pre-wrap}.landing-model{grid-template-columns:1fr 1fr;gap:18px;margin:40px 0 70px;display:grid}.landing-model>article{border:1px solid var(--line);background:#fff;border-radius:14px;padding:30px}.landing-model p{color:#64748b;font-size:13px;line-height:1.9}.featured-empty{color:#64748b;border:1px dashed #cbd5e1;border-radius:12px;padding:32px;line-height:1.9}.landing-hero{background:radial-gradient(at 80% 20%,#e5eeff,#0000 60%)}@media (min-width:1700px){.extraction-layout{grid-template-columns:280px minmax(400px,1fr) 345px}.extraction-preview{height:260px}}@media (max-width:1250px){.extraction-layout{grid-template-columns:210px minmax(230px,1fr) 275px}.extraction-steps{gap:10px;padding:12px}.extraction-steps>div{gap:5px;font-size:10px}.extraction-list,.extraction-parameters{padding:14px}.community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:950px){.extraction-layout{grid-template-columns:185px minmax(220px,1fr) 245px}.extraction-steps{flex-wrap:wrap;gap:12px}.extraction-steps>.btn{margin-left:0}.studio-layout{grid-template-columns:150px minmax(230px,1fr) 250px}.extraction-preview{height:210px}}@media (max-width:750px){.extraction-workspace{flex:none;overflow:auto}.extraction-layout{flex-direction:column;display:flex}.extraction-list{max-height:300px}.extraction-center{flex-shrink:0;height:600px}.extraction-parameters{overflow:visible}.extraction-canvas{min-height:300px}.studio-layout{grid-template-columns:120px minmax(0,1fr)}.studio-layout .parameter-panel{grid-column:1/-1}.landing-model,.community-grid{grid-template-columns:1fr}.extraction-steps>div{font-size:11px}.comparison-canvas{grid-template-rows:1fr 1fr;grid-template-columns:1fr}.studio-bar{flex-wrap:wrap;height:auto}}.project-card>a{color:inherit;text-decoration:none;display:block}.project-cover img{object-fit:cover;width:100%;height:100%}.project-cover{position:relative;overflow:hidden}.project-cover>span{background:#ffffffdf;border-radius:5px;padding:5px 8px;position:absolute;bottom:12px;right:12px}.project-edit{margin:0 16px 16px}.project-card>a>div:not(.project-cover){padding:16px}.extraction-canvas.sampling{cursor:crosshair;touch-action:none}.sample-drawing-tip{color:#fff;pointer-events:none;background:#172554e8;border:1px solid #60a5fa;border-radius:8px;padding:10px 14px;font-size:12px;position:absolute;bottom:16px;left:16px;right:16px}.candidate-filters{gap:8px;margin:14px 0;display:grid}.candidate-filters>div{grid-template-columns:1fr 1fr;gap:6px;display:grid}.candidate-filters input,.candidate-filters select{width:100%;min-width:0;font-size:12px}.list-operations{flex-wrap:wrap}.project-dialog>ul{color:#475569;max-height:30vh;font-size:13px;line-height:1.9;overflow:auto}.app-sidebar{padding:22px 16px}.workspace-caption{padding-top:24px;padding-bottom:14px}.sidebar-projects{flex:1;min-height:70px;margin-top:18px}.sidebar-projects>small{margin-bottom:8px}.sidebar-bottom{flex-shrink:0;padding-top:10px}.sidebar-bottom>p{display:none}.user-email{margin-top:12px;padding-top:14px}.nav-item{padding-top:10px;padding-bottom:10px}.extraction-parameters .field-label textarea{width:100%;min-height:85px;margin-top:10px;display:block}.landing .brand{white-space:nowrap;flex-shrink:0}.landing .brand>span{flex-shrink:0}.dashboard{box-sizing:border-box;width:100%}.studio-project-link{text-overflow:ellipsis;white-space:nowrap;max-width:230px;font-size:13px;font-weight:600;overflow:hidden}.studio-layout{grid-template-rows:minmax(0,1fr) 176px}.studio-layout>.version-panel{grid-area:2/1/auto/-1;height:auto;padding:14px 22px}.studio-layout>.canvas-column,.studio-layout>.asset-panel,.studio-layout>.parameter-panel{grid-row:1;min-height:0}.left-tool-strip{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:5px;margin:0 0 18px;padding-bottom:16px;display:grid}.left-tool-strip button{border:1px solid var(--line);color:#64748b;border-radius:6px;place-items:center;height:34px;display:grid}.left-tool-strip button.active{color:#2563eb;background:#eff6ff;border-color:#a9c4ff}.left-tool-strip>span{display:none}.canvas-toolbar>div>small{width:auto}.extraction-center>.extraction-canvas{min-height:280px}.result-panel{border-top:1px solid var(--line);margin:24px 0 20px;padding-top:20px}.result-panel .extraction-preview{border-radius:8px;height:280px;overflow:hidden}.result-panel .preview-tabs{flex-wrap:wrap;gap:3px;padding:8px}.result-panel .preview-tabs>button{padding:6px 8px}.result-panel .preview-tabs select{width:100%;max-width:none;margin:5px 0 0}.extraction-parameters .scope-note{margin-top:18px}.project-detail-tabs{border-bottom:1px solid var(--line);gap:26px;margin:24px 0;display:flex}.project-detail-tabs>a{color:#64748b;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:14px 0;font-size:14px;display:flex}.project-detail-tabs>a[aria-current=page]{color:#2563eb;border-color:#2563eb}.project-detail-tabs span{background:#edf2f8;border-radius:4px;padding:2px 6px;font-size:11px}.project-resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.resource-card{border:1px solid var(--line);background:#fff;border-radius:10px;transition:border-color .15s;overflow:hidden}.resource-card:hover{border-color:#93b4f8}.resource-card>img{object-fit:cover;background:#edf2f8;width:100%;height:190px}.resource-card>div{padding:18px}.resource-card h2{overflow-wrap:anywhere;margin:10px 0;font-size:14px;line-height:1.6}.resource-card small,.resource-card p,.resource-card span{color:#718096;font-size:12px;line-height:1.8}.textures .resource-card>img{aspect-ratio:1;height:auto}.resource-empty{text-align:center;color:#748399;background:#f8fafc;border:1px dashed #cad5e3;border-radius:12px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;min-height:260px;padding:28px;display:flex}.resource-empty h2{color:#334155;margin:18px 0 5px;font-size:18px}.resource-empty p{max-width:420px;font-size:13px;line-height:1.8}.resource-empty .btn{margin-top:12px}.personal-layout{grid-template-columns:190px minmax(0,1fr);align-items:start;gap:32px;margin-top:28px;display:grid}.personal-settings-nav{border:1px solid var(--line);background:#fff;border-radius:10px;flex-direction:column;padding:12px;display:flex;position:sticky;top:0}.personal-settings-nav>small{letter-spacing:1px;color:#94a3b8;padding:12px 10px;font-size:11px}.personal-settings-nav>a,.personal-settings-nav>button{text-align:left;color:#64748b;border-radius:6px;margin:3px 0;padding:13px 12px;font-size:13px}.personal-settings-nav>.active{color:#2563eb;background:#eff6ff;font-weight:600}.personal-settings-content{min-width:0}.personal-settings-content>.settings-card,.personal-settings-content>.personal-summary{max-width:none;margin-top:0;margin-bottom:24px}.personal-settings-content .settings-card{padding:28px}.personal-settings-content .personal-form input,.personal-settings-content .personal-form textarea,.personal-settings-content .personal-form select{box-sizing:border-box;width:100%}.personal-summary{gap:16px}.community-category{color:#64748b;white-space:nowrap;align-items:center;gap:10px;font-size:13px;display:flex}.community-category select{min-width:130px}.case-title{text-align:left;display:block}.case-title h2{margin:12px 0}.case-category-tag{color:#2563eb;background:#eff6ff;border-radius:4px;padding:4px 7px;font-size:11px;display:inline-block}.case-detail{width:min(760px,92vw);max-height:90vh;overflow:auto}.case-detail>img{object-fit:cover;border-radius:8px;width:100%;height:280px}.community-card p{-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:64px;display:-webkit-box;overflow:hidden}.community-search{align-items:center}.community-search>input{min-width:120px}.landing nav{gap:20px}.landing-hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);align-items:center;gap:54px;padding:85px 0 70px;display:grid}.landing-hero h1{font-size:clamp(36px,4vw,58px);line-height:1.25}.landing-hero-copy>p{font-size:15px;line-height:2}.landing-hero-copy>.muted{margin-top:22px;font-size:11px;line-height:1.8;display:block}.product-preview{background:#fff;border:1px solid #dce5f2;border-radius:14px;min-width:0;margin:0;overflow:hidden;box-shadow:0 22px 70px #284a7d18}.preview-window-bar{border-bottom:1px solid var(--line);background:#f8fafc;align-items:center;gap:5px;padding:14px;font-size:10px;display:flex}.preview-window-bar>span{background:#cbd5e1;border-radius:50%;width:7px;height:7px}.preview-window-bar>b{color:#475569;margin-left:8px;font-weight:500}.preview-window-bar>small{color:#94a3b8;margin-left:auto}.preview-window-tabs{color:#2563eb;border-bottom:1px solid var(--line);gap:20px;padding:13px 16px;font-size:11px;display:flex}.preview-window-content{grid-template-columns:100px minmax(0,1fr) 110px;min-height:230px;display:grid}.preview-window-content>aside{color:#64748b;flex-direction:column;gap:13px;padding:18px 12px;font-size:10px;display:flex}.preview-window-content b{font-weight:500}.preview-window-content i{background:#e8eef7;border:1px solid #dce5f2;border-radius:5px;height:40px;display:block}.preview-window-content i.wide{height:22px}.preview-window-content>aside:last-child{border-left:1px solid var(--line)}.preview-window-content>aside>a{color:#fff;text-align:center;background:#2563eb;border-radius:5px;margin-top:auto;padding:8px}.preview-design-canvas{background:#202b3b;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.preview-design-canvas svg{width:100%;max-height:250px}.preview-design-canvas>small{color:#afc1d9;font-size:9px;position:absolute;bottom:14px}.preview-window-bottom{border-top:1px solid var(--line);color:#64748b;background:#f8fafc;align-items:center;gap:9px;padding:14px 12px;font-size:9px;display:flex}.preview-window-bottom i{background:#fff;border:1px solid #d8e4f3;border-radius:4px;padding:9px;font-style:normal}.preview-window-bottom>a{color:#2563eb;align-items:center;gap:5px;margin-left:auto;display:flex}.product-preview figcaption{text-align:center;color:#94a3b8;border-top:1px solid var(--line);padding:12px;font-size:10px}@media (max-width:1200px){.project-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-hero{gap:28px}.preview-window-content{grid-template-columns:80px minmax(0,1fr) 90px}.preview-window-content>aside{padding:16px 9px}.preview-window-bottom i{display:none}.personal-layout{grid-template-columns:165px minmax(0,1fr);gap:22px}}@media (max-width:900px){.landing-hero{grid-template-columns:1fr;gap:36px;padding:50px 0}.product-preview{max-width:650px}.preview-window-content{grid-template-columns:100px minmax(0,1fr) 110px;min-height:260px}.community-search{flex-wrap:wrap}.community-category{width:100%}.studio-project-link{max-width:160px}.studio-bar{flex-wrap:wrap;height:auto}.personal-layout{grid-template-columns:140px minmax(0,1fr);gap:16px}.personal-settings-content .settings-card{padding:20px}}@media (max-width:750px){.studio-layout{grid-template-rows:auto auto auto}.studio-layout>.asset-panel{grid-area:1/1}.studio-layout>.canvas-column{grid-area:1/2;height:500px}.studio-layout>.parameter-panel{grid-area:2/1/auto/-1}.studio-layout>.version-panel{grid-area:3/1/auto/-1;min-height:176px}.personal-layout{flex-direction:column;display:flex}.personal-settings-nav{flex-flow:wrap;gap:4px;width:100%;position:static}.personal-settings-nav>small{display:none}.personal-settings-nav>a,.personal-settings-nav>button{padding:9px;font-size:12px}.personal-settings-content{width:100%}.project-detail-page .page-title{flex-direction:column;align-items:flex-start}.project-resource-grid{grid-template-columns:1fr}.project-detail-tabs{gap:18px}.landing nav>.case-actions{gap:5px}.landing nav .btn{padding:8px;font-size:11px}.preview-window-content{grid-template-columns:76px minmax(0,1fr) 85px}.preview-window-tabs{gap:14px}.landing-hero h1{font-size:36px}.result-panel .extraction-preview{height:320px}}@media (max-width:900px){.app-sidebar{padding:20px 8px}}@media (max-width:700px){.landing nav{align-items:center;height:auto;min-height:80px;padding:18px 0}.landing nav>.case-actions{justify-content:flex-end;margin-top:0}}.mask-editor-dialog{color:#18243a;background:#fff;border-radius:16px;width:min(1200px,94vw);max-height:94vh;padding:24px;overflow:auto;box-shadow:0 24px 80px #0f172a40}.mask-editor-dialog header,.mask-editor-dialog footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.mask-editor-dialog h2{margin:0;font-size:20px}.mask-tools{flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0;display:flex}.mask-tools label{align-items:center;gap:8px;font-size:13px;display:flex}.mask-edit-stage{background:#1e293b;justify-content:center;max-height:62vh;display:flex;overflow:auto}.mask-edit-stage canvas{object-fit:contain;touch-action:none;cursor:crosshair;max-width:100%;max-height:62vh}.mask-editor-dialog p,.mask-editor-dialog footer span{color:#64748b;font-size:13px;line-height:1.6}.texture-edit-preview{background:#e2e8f0;max-width:720px;max-height:60vh;margin:0 auto;overflow:auto}.texture-edit-preview>img{width:100%;display:block}.texture-edit-preview .tile-preview{grid-template-columns:repeat(3,1fr);gap:0;display:grid}.texture-edit-preview .tile-preview img{width:100%;display:block}.mask-editor-dialog button:focus-visible{outline-offset:2px;outline:3px solid #93c5fd}.material-source-picker{width:100%;max-width:1100px;margin:0 auto;padding:clamp(28px,5vw,72px);overflow:auto}.material-source-picker h1{margin:16px 0;font-size:32px}.material-source-picker>p{color:#64748b;line-height:1.8}.source-options{grid-template-columns:1fr 1fr;gap:22px;margin:32px 0;display:grid}.source-option{text-align:left;color:#2455b0;cursor:pointer;background:#fff;border:1px solid #cfdaeb;border-radius:14px;flex-direction:column;align-items:flex-start;gap:14px;padding:32px;display:flex}.source-option:hover{background:#f5f8ff;border-color:#2563eb}.source-option strong{font-size:20px}.source-option span{color:#64748b}.source-option:disabled{opacity:.6;cursor:wait}.source-image-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin:24px 0;display:grid}.source-image-grid button{text-align:left;cursor:pointer;background:#fff;border:1px solid #dce3ef;border-radius:10px;padding:0;overflow:hidden}.source-image-grid img{object-fit:cover;background:#edf1f7;width:100%;height:140px}.source-image-grid span,.source-image-grid small{overflow-wrap:anywhere;padding:8px 12px;display:block}.platform-source-list{background:#fff;border:1px solid #dce3ef;border-radius:12px;margin-bottom:24px;padding:24px}.platform-source-list select{border:1px solid #dce3ef;border-radius:8px;width:100%;margin-top:12px;padding:12px;display:block}.material-source-picker button:focus-visible{outline-offset:3px;outline:3px solid #2563eb}@media (max-width:700px){.source-options{grid-template-columns:1fr}.material-source-picker h1{font-size:26px}}.extraction-parameters>.result-panel:first-child{border-top:0;margin-top:0;padding-top:0}.material-preview-status{color:#865719;background:#fff7e6;border-radius:5px;max-width:100%;padding:5px 8px;font-size:11px;line-height:1.6;display:inline-block}.material-preview-status.generated{color:#21623a;background:#edf7ef}.result-panel .preview-image{min-width:0;overflow:hidden}.result-panel .preview-image>p{text-align:center;max-width:100%}.material-preview-note{color:#65758b;overflow-wrap:break-word;margin:10px 0;font-size:11px;line-height:1.8}.result-panel>.btn{width:100%;margin-top:4px}.material-generation-heading{border-top:1px solid var(--line);margin:22px 0 16px;padding-top:18px;font-size:14px;font-weight:600}.auto-diffuse-action{background:#eff6ff;border:1px solid #d8e6ff;border-radius:7px;margin:12px 0;padding:12px}.auto-diffuse-action>p{color:#35547b;margin:0 0 10px;font-size:11px;line-height:1.8}.auto-diffuse-action>.btn{width:100%;padding:10px 8px;font-size:12px}.auto-diffuse-action>small{color:#65758b;margin-top:8px;font-size:10px;line-height:1.8;display:block}.project-purpose-badge{color:#365b96;background:#eff6ff;border-radius:5px;margin-top:5px;padding:4px 8px;font-size:11px;line-height:1.6;display:inline-block}.page-title .project-purpose-badge{align-self:center;margin:0}.material-mode-label{color:#35547b;margin:0 0 12px;font-size:11px;display:block}.material-mode-label select{width:100%;margin-top:6px;padding:8px;font-size:11px;display:block}.selection-canvas{color:#b9c5d6;background:#222831;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:350px;padding:22px;display:flex;overflow:auto}.selection-canvas>p{font-size:12px}.selection-image{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;max-height:75vh;position:relative}.selection-image>img{object-fit:fill;pointer-events:none;width:100%;height:100%;display:block}.selection-image>.selection-mask{opacity:.35;mix-blend-mode:screen;filter:sepia()saturate(5)hue-rotate(85deg);position:absolute;inset:0}.rough-selection{pointer-events:none;background:#2563eb33;border:2px solid #60a5fa;position:absolute}.selection-quad{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.selected-result-canvas{background:#222831;justify-content:center;align-items:center;height:100%;min-height:350px;padding:20px;display:flex}.selected-result-canvas>img{object-fit:contain;max-width:100%;max-height:65vh}.selected-result-canvas>.tile-preview{aspect-ratio:1;width:100%}.material-features{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}.extraction-parameters>.btn{width:100%;margin:5px 0}.extraction-canvas-tools button.active{color:#1d4ed8;background:#dbeafe}.extraction-canvas-tools{background:#f8fafc;border-bottom:1px solid #dce4ee;flex-shrink:0;padding:10px 12px}.extraction-canvas-tools>div{flex-wrap:wrap;gap:8px;display:flex}.extraction-canvas-tools button{color:#334155;background:#fff;border:1px solid #dce4ee;border-radius:6px;padding:8px 12px;font-size:12px;line-height:1.5}.extraction-canvas-tools button.active{color:#fff;background:#2563eb;border-color:#2563eb}.extraction-center>.selection-canvas,.extraction-center>.selected-result-canvas{flex:1;height:auto;min-height:0}.extraction-center>.preview-tabs{background:#f8fafc;flex-shrink:0;gap:4px;padding:8px 10px;display:flex}.extraction-center>.preview-tabs button{color:#334155;padding:7px 9px;font-size:11px}.extraction-center>.preview-tabs button:disabled{color:#94a3b8}.extraction-center>.preview-tabs button.active{color:#1d4ed8;background:#dbeafe}.selection-image>.selection-mask{opacity:1;mix-blend-mode:normal;filter:none}.extraction-steps{overflow-x:auto}.extraction-steps>div{white-space:nowrap;flex-shrink:0;font-size:11px}.material-point-marker{pointer-events:none;background:#2563eb;border:3px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #2563eb}.mask-bounds{pointer-events:none;border:1px dashed #14f195;position:absolute}.mask-bounds>small{color:#fff;white-space:nowrap;background:#166534;padding:2px 5px;font-size:10px;position:absolute;top:-18px;left:0}.material-stage-nav{flex-direction:column;gap:6px;margin:12px 0 20px;display:flex}.material-stage-nav button{text-align:left;color:#475569;background:#fff;border:1px solid #dce3ed;border-radius:8px;align-items:center;gap:10px;padding:10px;display:flex}.material-stage-nav button.active{color:#1d4ed8;background:#eff6ff;border-color:#2563eb;font-weight:600}.material-stage-nav button:disabled{opacity:.4}.material-stage-nav span{background:#eef2f7;border-radius:50%;padding:2px 7px}.sam-list-footer{background:#fff;border-top:1px solid #e2e8f0;padding:16px 0;position:sticky;bottom:0}.sam-list-footer>button{width:100%}.candidate-card>.danger{color:#b91c1c;margin:4px 12px 12px}.mask-edit-stage{justify-content:flex-start}.mask-edit-stage canvas{image-rendering:auto}.extraction-workspace .candidate-card:has(>.danger){flex-direction:column}.extraction-workspace .candidate-card>.danger{flex:none;align-self:flex-end;margin:0;padding:5px 9px;font-size:11px}.extraction-center{isolation:isolate;overflow:hidden}.selected-result-canvas{flex:1 1 0;min-width:0;position:relative;overflow:hidden;min-height:0!important;padding:0!important}.material-result-preview{flex-direction:column;min-height:0;display:flex;position:absolute;inset:0}.material-result-controls{color:#cbd5e1;flex-shrink:0;gap:8px;padding:8px 12px;font-size:11px;display:flex}.material-result-controls button{border:1px solid #475569;border-radius:5px;padding:5px 10px}.material-result-controls button[aria-pressed=true]{color:#fff;background:#334155}.material-result-stage{flex:1;min-height:0;position:relative;overflow:auto}.material-result-stage.fit{overflow:hidden}.material-result-stage.fit>img{object-fit:contain;box-sizing:border-box;width:100%;max-width:100%;height:100%;max-height:100%;padding:16px;position:absolute;inset:0}.material-result-stage.native>img{max-width:none;max-height:none;margin:auto;display:block}.extraction-center>.preview-tabs,.extraction-canvas-tools{z-index:1;flex-shrink:0;position:relative}.selected-result-canvas>.tile-preview{aspect-ratio:auto;width:auto;height:auto;position:absolute;inset:16px}.selection-canvas.source-zoom-canvas{justify-content:flex-start;align-items:stretch;padding:0;overflow:hidden}.source-zoom-tools{flex-shrink:0;align-items:center;gap:12px;padding:8px 12px;font-size:11px;display:flex}.source-zoom-tools label{align-items:center;gap:8px;display:flex}.source-zoom-tools select{color:#fff;background:#334155;border-color:#475569;padding:4px}.source-image-viewport{flex:1;min-height:0;padding:16px;overflow:auto}.source-image-viewport>.selection-image{max-width:none;max-height:none;margin:auto}.source-zoom-canvas>p{flex-shrink:0;margin:0;padding:6px 12px;font-size:11px}.texture-comparison{grid-template-columns:1fr 1fr;gap:12px;width:100%;height:100%;min-height:0;padding:12px;display:grid}.texture-comparison>div{flex-direction:column;min-width:0;min-height:0;display:flex}.texture-comparison h3{color:#dce5ef;margin:0 0 8px;font-size:14px}.texture-comparison .material-result-preview{flex:1;min-height:0}.selected-result-canvas .material-wipe{box-sizing:border-box;flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;padding:12px;display:flex;overflow:hidden}.material-wipe-heading{color:#e2e8f0;flex-shrink:0;justify-content:space-between;padding:0 4px 10px;font-size:13px;display:flex}.material-wipe-stage{isolation:isolate;background:#222831;flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.material-wipe-stage .material-wipe-image{object-fit:cover;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;max-width:100%;height:100%;max-height:100%;margin:0;position:absolute;inset:0;transform:none}.material-wipe-layer{background:#222831;position:absolute;inset:0;overflow:hidden}.material-wipe-divider{pointer-events:none;z-index:2;background:#fff;width:2px;position:absolute;top:0;bottom:0;transform:translate(-50%);box-shadow:0 0 4px #000}.material-wipe-divider span{color:#fff;background:#2563eb;border:2px solid #fff;border-radius:50%;place-items:center;width:38px;height:38px;font-size:24px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.material-wipe-stage .material-wipe-slider{opacity:0;cursor:ew-resize;z-index:3;touch-action:pan-y;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.material-wipe-stage:focus-within{outline-offset:-2px;outline:2px solid #60a5fa}.material-wipe>p{color:#94a3b8;flex-shrink:0;margin:8px 0 0;font-size:11px;line-height:1.6}.mask-wide-dialog{flex-direction:column;width:96vw;max-width:none;height:94vh;padding:18px;display:flex;overflow:hidden}.mask-workspace{flex:1;grid-template-columns:260px minmax(0,1fr);gap:18px;min-height:0;margin-top:16px;display:grid}.mask-controls{padding-right:10px;overflow:auto}.mask-controls .mask-tools{margin:12px 0}.mask-controls select{width:100%;margin:8px 0}.mask-controls .mask-actions{flex-direction:column;gap:10px;display:flex}.mask-wide-dialog .mask-edit-stage{min-height:0;max-height:none;padding:16px;display:block;overflow:auto}.mask-wide-dialog canvas{touch-action:none;margin:auto;display:block}.plane-corner{color:#fff;z-index:6;cursor:move;touch-action:none;background:#2563eb;border:2px solid #fff;border-radius:50%;width:30px;height:30px;padding:0;font-size:13px;position:absolute;transform:translate(-50%,-50%)}.source-zoom-tools button{color:#fff;background:#334155;border:1px solid #64748b;border-radius:5px;padding:5px 8px}.source-zoom-tools button.active{background:#2563eb}.source-image-viewport>.selection-image{position:relative}.selection-quad{pointer-events:none}@media (max-width:750px){.mask-workspace{grid-template-columns:200px minmax(0,1fr);gap:8px}.mask-wide-dialog{padding:10px}.source-zoom-tools{flex-wrap:wrap}}.source-zoom-tools>button{white-space:nowrap;flex-shrink:0}.source-zoom-tools>span{min-width:0;line-height:1.5}.source-zoom-canvas .selection-mask{opacity:1;mix-blend-mode:normal;filter:none}.sam-list-footer{position:static;bottom:auto}.sam-list-footer>button{white-space:normal}.render-workflow{background:#f7f9fc;height:auto;min-height:calc(100vh - 180px)}.render-steps{background:#fff;border-bottom:1px solid #dce4f0;gap:18px;padding:18px 24px;display:flex}.render-steps span{color:#7c8da5}.render-steps .active{color:#245ff4;font-weight:700}.render-grid{grid-template-columns:250px minmax(320px,1fr) 320px;align-items:start;display:grid}.render-assets,.render-controls{background:#fff;flex-direction:column;gap:12px;min-width:0;padding:20px;display:flex}.render-assets h2,.render-controls h2{font-size:18px}.render-assets p,.render-controls p{color:#75859b;font-size:13px;line-height:1.7}.render-controls label{display:block}.render-controls textarea,.render-controls input:not([type=checkbox]),.render-reference select{border:1px solid #dce4f0;border-radius:8px;width:100%;padding:10px}.render-canvas{background:#eef2f8;min-width:0}.render-canvas>.source-zoom-canvas{height:65vh;min-height:420px}.render-thumb{text-align:left;background:#fff;border:1px solid #dce4f0;border-radius:8px;flex-direction:column;gap:8px;padding:8px;display:flex}.render-thumb img{object-fit:contain;width:100%;max-height:145px}.render-thumb.selected,.render-layer.selected{background:#eff6ff;border:2px solid #2563eb}.render-layer{border:1px solid #dce4f0;border-radius:8px;padding:10px}.render-layer>button{text-align:left;width:100%;margin-bottom:10px;display:block}.render-layer label{gap:5px;margin-right:12px;font-size:13px;display:inline-flex}.render-reference label{overflow-wrap:anywhere;align-items:center;gap:6px;font-size:12px;display:flex}.render-reference img{object-fit:cover;width:45px;height:45px}.render-candidates{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;padding:15px;display:grid}.render-canvas>h3{margin:18px}.render-history{overflow-wrap:anywhere;border-bottom:1px solid #dce4f0;margin:10px;padding:10px;font-size:13px}.render-comparison{background:#222a34;height:65vh;position:relative}.render-comparison img{object-fit:contain;width:100%;height:100%;position:absolute}.render-comparison input{width:80%;position:absolute;bottom:20px;left:10%}@media (max-width:1100px){.render-grid{grid-template-columns:180px minmax(280px,1fr) 270px}}@media (max-width:800px){.render-grid{grid-template-columns:1fr}.render-assets{max-height:280px;overflow:auto}.render-steps{flex-wrap:wrap}.render-canvas>.source-zoom-canvas{height:60vh}}.render-prompt-point{color:#fff;text-align:center;pointer-events:none;z-index:5;border:2px solid #fff;border-radius:50%;width:24px;height:24px;line-height:20px;position:absolute;transform:translate(-50%,-50%)}.render-canvas>.canvas-toolbar{flex-wrap:wrap;justify-content:flex-start;gap:8px;height:auto;min-height:52px;padding:10px 14px}.render-canvas>.canvas-toolbar button{color:#334155;white-space:nowrap;width:auto;height:auto;min-height:34px;padding:8px 12px;display:inline-flex}.render-canvas>.canvas-empty{color:#aab8cb;pointer-events:auto;background:#222a34;min-height:440px;padding:30px;position:relative;inset:auto}.render-controls .model-picker,.render-controls .model-picker label{display:block}.render-controls .model-picker select{width:100%;margin:8px 0}.render-controls .model-picker small{color:#75859b;font-size:12px;line-height:1.6;display:block}.render-controls .canvas-empty{position:relative}.render-canvas>.canvas-status{align-items:center;min-height:32px;padding:8px 16px;display:flex}.render-controls>.field-label{margin:10px 0;display:block}.render-controls>.field-label select{border:1px solid #dce4f0;border-radius:8px;width:100%;margin:8px 0;padding:10px;display:block}.render-controls>.field-label small{color:#75859b;font-size:12px;line-height:1.6;display:block}.render-workflow{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.render-steps,.render-workflow>.extraction-notice{flex-shrink:0}.render-steps{flex-wrap:wrap}.render-grid{flex:1;grid-template-columns:minmax(180px,230px) minmax(0,1fr) minmax(260px,320px);align-items:stretch;min-width:0;min-height:0;overflow:hidden}.render-assets,.render-controls,.render-canvas{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;padding-bottom:24px;overflow:auto}.render-assets>.render-thumb,.render-assets>.render-layer,.render-controls>label,.render-controls>.field-label{flex-shrink:0}.render-canvas>.source-zoom-canvas,.render-comparison{height:clamp(280px,55dvh,650px);min-height:280px}@media (max-width:1000px){.render-grid{grid-template-columns:170px minmax(0,1fr) 250px}.render-assets,.render-controls{padding:12px}}@media (max-width:800px){.render-workflow{flex:auto;overflow:auto}.render-grid{flex-direction:column;flex:none;display:flex;overflow:visible}.render-assets{max-height:280px;overflow:auto}.render-controls,.render-canvas{overflow:visible}.render-canvas>.source-zoom-canvas{height:55dvh;min-height:280px}.render-controls .render-next-actions{position:static}}.render-controls .render-next-actions{z-index:4;background:#fff;border-bottom:1px solid #dce4f0;gap:8px;padding:10px 0;display:grid;position:sticky;top:0}.render-next-actions .btn{white-space:normal;width:100%}.render-assets>label select{border:1px solid #dce4f0;border-radius:8px;width:100%;margin-top:8px;padding:10px;display:block}.render-reference img{object-fit:contain;background:#f1f5f9;flex-shrink:0;width:72px;height:72px}@media (max-width:800px){.render-controls .render-next-actions{position:static}}