/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,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;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{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}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{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{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.start{inset-inline-start:var(--spacing)}.block{display:block}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}}*{box-sizing:border-box}html{background:var(--bg)}body{background:radial-gradient(circle at 58% -12%,#4d6cb31f,transparent 38%),var(--bg);color:var(--text);font-family:var(--font-geist-sans),"PingFang SC","Microsoft YaHei",sans-serif;min-width:320px;margin:0}button,input,textarea{font:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.hidden-input{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.studio{min-height:100vh;padding-bottom:8px}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line-soft);z-index:100;background:#080c17e0;grid-template-columns:minmax(230px,1fr) auto minmax(230px,1fr);align-items:center;height:66px;padding:0 22px;display:grid;position:sticky;top:0}.brand{gap:11px}.brand,.brand-icon{align-items:center;display:flex}.brand-icon{color:var(--cyan);background:linear-gradient(135deg,#35d6e733,#8b5cf63d);border:1px solid #35d6e761;border-radius:9px;justify-content:center;width:37px;height:37px;font-size:19px}.brand h1{letter-spacing:-.02em;margin:0;font-size:20px;line-height:1}.brand p{color:var(--quiet);letter-spacing:.06em;margin:5px 0 0;font-size:10px}.save-note{color:var(--quiet);align-items:center;gap:7px;font-size:11px;display:flex}.save-note i{background:#54e5a4;border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #54e5a49e}.save-note i.key-ready{background:var(--cyan);box-shadow:0 0 12px #35d6e79e}.save-note button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:7px;padding:7px 11px}.save-note button:first-of-type{margin-left:8px}.mobile-help{border:1px solid var(--line);color:var(--cyan);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:none}#canvas,#characters,#directions,#output{scroll-margin-top:125px}.workflow-bar{border-bottom:1px solid var(--line-soft);z-index:90;background:#0a111ef0;grid-template-columns:auto minmax(520px,1fr) auto;align-items:center;gap:14px;padding:9px 20px;display:grid;position:sticky;top:66px}.workflow-intro b{color:#dce8f8;font-size:10px;display:block}.workflow-intro span{color:var(--quiet);margin-top:3px;display:block}.workflow-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.workflow-steps button{color:var(--muted);cursor:pointer;text-align:left;background:#0b1322;border:1px solid #273752;border-radius:8px;grid-template-columns:25px 1fr;align-items:center;gap:7px;min-width:0;padding:7px;display:grid}.workflow-steps i{color:var(--quiet);background:#17243a;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:8px;font-style:normal;display:flex}.workflow-steps b{white-space:nowrap;font-size:9px;display:block}.workflow-steps small{color:var(--quiet);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;display:block;overflow:hidden}.workflow-next{cursor:pointer;white-space:nowrap;background:linear-gradient(105deg,#25cbd9,#6578ee);border:0;border-radius:7px;padding:9px 11px;font-size:10px;font-weight:700}.character-area{border-bottom:1px solid var(--line-soft);background:linear-gradient(#0e1728bf,#0a111eb8);padding:12px 20px 14px}.area-title{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.area-title small,.canvas-toolbar small,.direction-title small,.output-heading small{color:var(--cyan);letter-spacing:.17em;font-weight:650;display:block}.area-title h2,.direction-title h2{margin:2px 0 0;font-size:14px}.character-actions{color:var(--quiet);align-items:center;gap:12px;font-size:10px;display:flex}.character-actions button,.subhead button,.upload-card button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;padding:6px 9px;font-size:10px}.character-actions button:hover,.subhead button:hover,.upload-card button:hover{background:var(--cyan-soft);color:var(--cyan);border-color:#35d6e78c}.character-actions button:disabled{cursor:not-allowed;opacity:.38}.character-grid{grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:8px;max-width:1580px;margin:auto;display:grid}.character-grid>button{aspect-ratio:.92;background:radial-gradient(circle at 70% 10%,var(--c2),transparent 42%),linear-gradient(145deg,var(--c1),#111827 72%)}@supports (color:color-mix(in lab,red,red)){.character-grid>button{background:radial-gradient(circle at 70% 10%,color-mix(in srgb,var(--c2) 38%,transparent),transparent 42%),linear-gradient(145deg,var(--c1),#111827 72%)}}.character-grid>button{cursor:pointer;border:1px solid #31405a;border-radius:9px;min-height:82px;padding:0;transition:border-color .14s,box-shadow .14s,transform .14s;position:relative;overflow:hidden}.character-grid>button:hover{border-color:#66809e;transform:translateY(-1px)}.character-grid>button>b{z-index:3;background:#060c17bf;border-bottom-right-radius:5px;padding:4px 5px;font-size:9px;position:absolute;top:0;left:0}.character-grid img{object-fit:cover;width:100%;height:100%}.silhouette{position:absolute;inset:0;overflow:hidden}.silhouette i{background:linear-gradient(145deg,var(--c2),var(--c1));opacity:.85;border-radius:50% 50% 44% 44%;width:36%;height:38%;position:absolute;top:15%;left:32%}.silhouette em{background:linear-gradient(160deg,var(--c2),var(--c1) 68%);opacity:.72;border-radius:50% 50% 8% 8%;width:70%;height:58%;position:absolute;bottom:-14%;left:15%}.character-name{text-overflow:ellipsis;white-space:nowrap;z-index:2;background:linear-gradient(#0000,#050911f2);padding:20px 5px 5px;font-size:9px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.reference-count{color:var(--cyan);background:#080c17db;border:1px solid #35d6e780;border-radius:10px;padding:3px 5px;font-size:8px;top:5px}.check,.reference-count{z-index:4;position:absolute;right:5px}.check{background:var(--cyan);color:#06202a;justify-content:center;align-items:center;width:17px;height:17px;font-size:9px;font-weight:900;display:none;bottom:5px}.character-grid button.selected .check{display:flex}.workspace{grid-template-columns:224px minmax(480px,1fr) 360px;gap:7px;max-width:1920px;margin:7px auto 0;padding:0 7px;display:grid}.panel{border:1px solid var(--line);background:linear-gradient(#0e1728fa,#0a111efa);border-radius:10px;min-height:648px;box-shadow:0 18px 60px #00000047}.tabs{border:1px solid var(--line-soft);background:#080c17;grid-template-columns:1fr 1fr;margin-bottom:11px;display:grid}.tabs button{color:var(--quiet);cursor:pointer;background:0 0;border:0;padding:7px;font-size:10px}.tabs button.active{background:var(--panel-2);color:var(--cyan)}.layer-category{margin:9px 1px 7px}.layer-category>small{color:var(--quiet);letter-spacing:.08em;margin-bottom:6px;font-size:8px;display:block}.layer-heading{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.layer-heading small{color:var(--quiet);letter-spacing:.08em;font-size:8px}.layer-heading button{color:var(--cyan);cursor:pointer;background:#35d6e714;border:1px solid #35d6e74d;border-radius:5px;padding:4px 7px;font-size:8px}.layer-heading button:hover{background:#35d6e724;border-color:#35d6e78c}.layer-category>button{border:1px solid var(--line-soft);color:inherit;cursor:pointer;text-align:left;background:#0b1220;border-radius:7px;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;width:100%;padding:8px;display:grid}.layer-category>button.selected{background:var(--cyan-soft);border-color:#35d6e78c}.layer-category>button>span{color:var(--cyan);text-align:center;font-size:18px}.layer-category>button strong{font-size:9px;display:block}.layer-category>button small{color:var(--quiet);margin-top:2px;font-size:8px;display:block}.layer-category>button i{color:var(--quiet);font-style:normal}.character-layer-list{flex-direction:column;gap:5px;max-height:190px;display:flex;overflow-y:auto}.character-layer-list>button{border:1px solid var(--line-soft);color:inherit;cursor:pointer;text-align:left;background:#0b1220;border-radius:7px;grid-template-columns:31px 1fr auto;align-items:center;gap:7px;width:100%;padding:5px;display:grid}.character-layer-list>button.selected{background:var(--cyan-soft);border-color:#35d6e78c}.character-layer-list img{object-fit:cover;object-position:top;background:#162238;border-radius:5px;width:31px;height:38px}.empty-layer-preview{color:var(--cyan);background:#35d6e70e;border:1px dashed #35d6e757;border-radius:5px;justify-content:center;align-items:center;width:31px;height:38px;font-size:15px;display:flex}.character-layer-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;display:block;overflow:hidden}.character-layer-list small{color:var(--quiet);margin-top:2px;font-size:8px;display:block}.character-layer-list i{color:var(--quiet);padding:4px;font-style:normal}.control-name input{color:#dce8f8;background:0 0;border:0;border-bottom:1px solid #0000;width:100%;min-width:0;padding:3px 2px;font-size:9px;font-weight:700}.control-name input:focus,.control-name input:hover{border-bottom-color:#35d6e78c;outline:0}.layer-actions{grid-template-columns:repeat(3,1fr);gap:4px;margin:7px 0 9px;display:grid}.layer-actions button{color:var(--muted);cursor:pointer;background:#101b2e;border:1px solid #2b3c58;border-radius:5px;padding:6px 4px;font-size:8px}.layer-actions button:hover{background:var(--cyan-soft);color:var(--cyan);border-color:#35d6e773}.reference-variants{background:#35d6e70b;border:1px solid #35d6e724;border-radius:7px;margin:0 1px 10px;padding:8px}.reference-variants>div:first-child{justify-content:space-between;align-items:baseline;margin-bottom:7px;display:flex}.reference-variants strong{color:var(--muted);font-size:9px}.reference-variants small{color:var(--cyan);font-size:8px}.variant-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;display:grid}.variant-grid button{border:1px solid var(--line-soft);cursor:pointer;background:#080f1c;border-radius:4px;height:45px;padding:0;overflow:hidden}.variant-grid button:hover{border-color:#66809e}.variant-grid img{object-fit:cover;object-position:top center;width:100%;height:100%}.upload-card{border:1px solid var(--line-soft);background:#121d31b8;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:9px;display:grid}.upload-icon{background:var(--cyan-soft);color:var(--cyan);border-radius:6px;justify-content:center;align-items:center;width:31px;height:31px;font-size:18px;display:flex}.background-card strong,.subhead strong,.upload-card strong{font-size:10px;display:block}.background-card small,.subhead small,.upload-card small{color:var(--quiet);margin-top:3px;font-size:8px;display:block}.background-card{border:1px solid var(--line-soft);text-align:left;background:#0b1220;border-radius:7px;align-items:center;gap:8px;width:100%;margin-top:8px;padding:7px;display:flex}.background-card.selected{background:var(--cyan-soft);border-color:#35d6e78c}.background-card img{object-fit:cover;border-radius:5px;width:62px;height:42px}.background-card div{min-width:0}.background-card strong{text-overflow:ellipsis;white-space:nowrap;max-width:112px;overflow:hidden}.background-card i{color:var(--quiet);margin-left:auto;font-style:normal}.empty-background{color:var(--quiet);border:1px dashed #2b3b56;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:5px;height:75px;margin-top:8px;font-size:22px;display:flex}.empty-background span{font-size:9px}.background-prompt{margin-top:8px;display:block}.background-prompt>span{color:var(--muted);margin-bottom:5px;font-size:8px;display:block}.background-prompt textarea{color:var(--text);resize:vertical;background:#0b1220;border:1px solid #2a3b56;border-radius:6px;width:100%;min-height:58px;padding:7px;font-size:8px;line-height:1.55}.background-prompt textarea:focus{border-color:#35d6e79e;outline:0;box-shadow:0 0 0 2px #35d6e714}.background-prompt small{color:#63758d;margin-top:4px;font-size:7px;line-height:1.5;display:block}.subhead{justify-content:space-between;align-items:center;margin:15px 1px 7px;display:flex}.subhead button{color:var(--cyan);padding:5px 8px}.object-list{flex-direction:column;gap:5px;max-height:155px;display:flex;overflow-y:auto}.object-list>button{border:1px solid var(--line-soft);cursor:pointer;text-align:left;background:#0b1220;border-radius:6px;grid-template-columns:31px 1fr auto;align-items:center;gap:7px;padding:5px;display:grid}.object-list>button.selected{background:var(--cyan-soft);border-color:#35d6e78c}.object-list img{object-fit:contain;background:#1b2639;border-radius:4px;width:31px;height:31px}.object-list button>span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.object-list button i{color:var(--quiet);padding:3px;font-style:normal}.empty-objects{border:1px dashed var(--line);color:var(--quiet);text-align:center;border-radius:6px;padding:13px;font-size:9px;line-height:1.7}.controls{border-top:1px solid var(--line-soft);margin-top:13px;padding-top:12px}.control-name{grid-template-columns:auto 1fr auto;align-items:center;gap:6px;margin-bottom:10px;display:grid}.control-name span{color:var(--cyan)}.control-name strong{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.control-name button{color:#ff6b81;cursor:pointer;background:0 0;border:0;font-size:17px}.controls label{grid-template-columns:44px 1fr 32px;align-items:center;gap:6px;margin:9px 0;display:grid}.controls label b,.controls label span{color:var(--quiet);font-size:8px;font-weight:500}.controls label b{text-align:right}.placement-size-note{color:var(--quiet);background:#ffb04a14;border:1px solid #ffb04a3d;border-radius:6px;margin:10px 0 0;padding:8px 9px;font-size:9px;line-height:1.55}.placement-size-note strong{color:#d78a2b;margin-right:5px}input[type=range]{accent-color:var(--cyan);width:100%;height:3px}.canvas-panel{flex-direction:column;min-width:0;display:flex}.canvas-toolbar{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;height:53px;padding:0 13px;display:flex}.canvas-toolbar strong{margin-top:2px;font-size:11px;display:block}.canvas-buttons{align-items:center;gap:5px;display:flex}.canvas-buttons button{background:var(--panel-2);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;min-width:31px;height:31px;display:flex}.canvas-buttons button:disabled{cursor:not-allowed;opacity:.3}.canvas-buttons button.active-tool{background:var(--cyan-soft);color:var(--cyan);border-color:#35d6e794}.resolution-picker{border:1px solid var(--line);background:#0b1220;border-radius:6px;grid-template-columns:auto auto;align-items:center;gap:3px 6px;padding:4px 7px;display:grid}.resolution-picker span{color:var(--quiet);font-size:7px}.resolution-picker select{color:var(--cyan);cursor:pointer;background:0 0;border:0;grid-row:1/3;padding:0 2px;font-size:9px;font-weight:650}.resolution-picker b{color:var(--muted);font-size:7px;font-weight:500}.canvas-buttons .export{color:var(--cyan);border-color:#35d6e77a;margin-left:3px;padding:0 10px;font-size:10px}.stage{flex:1;justify-content:center;align-items:center;min-height:520px;padding:24px;display:flex;overflow:hidden}.artboard{touch-action:none;background:#131d2c;border:1px solid #354663;width:min(100%,920px);max-width:100%;max-height:520px;position:relative;overflow:hidden;box-shadow:0 16px 45px #00000059}.checker{background-color:#111a29;background-image:linear-gradient(45deg,#ffffff06 25%,#0000 0),linear-gradient(-45deg,#ffffff06 25%,#0000 0),linear-gradient(45deg,#0000 75%,#ffffff06 0),linear-gradient(-45deg,#0000 75%,#ffffff06 0);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.checker,.result-image{position:absolute;inset:0}.result-image{object-fit:contain;width:100%;height:100%}.canvas-empty{color:#53637b;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex;position:absolute;inset:0}.canvas-empty b{font-size:30px}.canvas-empty strong{color:#60708a;font-size:22px}.canvas-empty span{font-size:9px}.movable{cursor:grab;-webkit-user-select:none;user-select:none;position:absolute}.movable.selected:after{border:1px dashed var(--cyan);content:"";pointer-events:none;position:absolute;inset:-4px}.movable img{pointer-events:none;width:100%;display:block}.background-movable{overflow:hidden}.background-movable img{object-fit:cover;width:100%;height:100%}.composition-guide{opacity:.62;pointer-events:none;z-index:4;position:absolute;inset:0}.composition-guide i,.composition-guide:after,.composition-guide:before{content:"";pointer-events:none;border-color:#7aeff99e;position:absolute}.composition-guide.guide-poster:before,.composition-guide.guide-third-left:before,.composition-guide.guide-third-right:before{border-left:1px dashed #7aeff980;border-right:1px dashed #7aeff980;width:33.333%;height:100%;left:33.333%}.composition-guide.guide-poster:after,.composition-guide.guide-third-left:after,.composition-guide.guide-third-right:after{border-top:1px dashed #7aeff980;border-bottom:1px dashed #7aeff980;width:100%;height:33.333%;top:33.333%;left:0}.composition-guide.guide-third-left i:first-child,.composition-guide.guide-third-right i:first-child{background:var(--cyan);border:0;border-radius:50%;width:7px;height:7px;top:calc(33.333% - 3px);box-shadow:0 0 10px #35d6e7b3}.composition-guide.guide-third-left i:first-child{left:calc(33.333% - 3px)}.composition-guide.guide-third-right i:first-child{left:calc(66.666% - 3px)}.composition-guide.guide-center:before,.composition-guide.guide-radial:before{border:1px solid #7aeff99e;border-radius:50%;width:32%;height:32%;top:34%;left:34%}.composition-guide.guide-center:after,.composition-guide.guide-radial:after{border-top:1px dashed #7aeff980;border-bottom:1px dashed #7aeff980;width:100%;height:0;top:50%;left:0}.composition-guide.guide-center i:first-child,.composition-guide.guide-radial i:first-child{border-left:1px dashed #7aeff980;height:100%;top:0;left:50%}.composition-guide.guide-symmetry:before{border-left:1px solid #7aeff9b8;height:100%;top:0;left:50%}.composition-guide.guide-symmetry:after{border:1px dashed #7aeff96b;inset:10%}.composition-guide.guide-diagonal:after,.composition-guide.guide-diagonal:before{border-top:1px solid #7aeff9a6;width:116%;top:50%;left:-8%}.composition-guide.guide-diagonal:before{transform:rotate(-29deg)}.composition-guide.guide-diagonal:after{transform:rotate(29deg)}.composition-guide.guide-triangle:before{border-bottom:1px solid #7aeff9b3;border-left:1px solid #7aeff9b3;width:40%;height:56%;top:22%;left:30%;transform:rotate(-45deg)skew(12deg,12deg)}.composition-guide.guide-circle:before{border:1px solid #7aeff9b3;border-radius:50%;width:54%;height:70%;top:15%;left:23%}.composition-guide.guide-frame:before{border:1px solid #7aeff9b8;inset:14%;box-shadow:0 0 0 8px #080c1729}.composition-guide.guide-s-curve:after,.composition-guide.guide-s-curve:before{border:1px solid #7aeff9a8;border-left-color:#0000;border-radius:50%;width:40%;height:54%}.composition-guide.guide-s-curve:before{top:3%;left:22%;transform:rotate(24deg)}.composition-guide.guide-s-curve:after{bottom:3%;right:22%;transform:rotate(204deg)}.composition-guide.guide-radial i:nth-child(2),.composition-guide.guide-radial i:nth-child(3){border-top:1px dashed #7aeff973;width:120%;top:50%;left:-10%}.composition-guide.guide-radial i:nth-child(2){transform:rotate(32deg)}.composition-guide.guide-radial i:nth-child(3){transform:rotate(-32deg)}.composition-guide.guide-negative-space:before{background:#35d6e712;border-right:1px dashed #7aeff98c;width:62%;height:100%;top:0;left:0}.safe-area{pointer-events:none;z-index:5;border:1px dashed #ffce71b3;position:absolute;inset:7%}.safe-area:after{content:"";border:1px dotted #ffce715c;position:absolute;inset:5%}.generating{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#050a13d6;flex-direction:column;position:absolute;inset:0}.generating,.generating i{justify-content:center;align-items:center;display:flex}.generating i{background:linear-gradient(135deg,var(--cyan),var(--violet));border-radius:50%;width:52px;height:52px;font-style:normal;animation:pulse 1.6s ease-in-out infinite}.generating strong{margin-top:12px;font-size:13px}.generating span{color:var(--quiet);margin-top:5px;font-size:9px}@keyframes pulse{50%{opacity:.5}}.canvas-footer{border-top:1px solid var(--line-soft);color:var(--quiet);justify-content:space-between;align-items:center;height:38px;padding:0 13px;font-size:8px;display:flex}.canvas-footer b{background:var(--panel-3);border:1px solid var(--line);color:var(--cyan);border-radius:4px;margin-right:6px;padding:2px 5px}.output-panel{background:radial-gradient(circle at 90% 0,#8b5cf617,#0000 32%),#070c16db;border-top:1px solid #263750;padding:18px}.output-heading{justify-content:space-between;align-items:flex-start;gap:16px;max-width:920px;margin:0 auto 12px;display:flex}.output-heading h2{margin:3px 0 0;font-size:15px}.output-heading p{color:var(--quiet);margin:4px 0 0;font-size:8px;line-height:1.6}.output-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.output-actions a,.output-actions button{color:var(--muted);cursor:pointer;background:#101a2b;border:1px solid #30445f;border-radius:6px;padding:8px 10px;font-size:9px;text-decoration:none}.output-actions a{background:linear-gradient(105deg,#25cbd9,#6578ee);border-color:#0000;font-weight:700}.output-frame{background:linear-gradient(45deg,#0c1422 25%,#0000 0) 0 0/22px 22px,linear-gradient(-45deg,#0c1422 25%,#0000 0) 0 0/22px 22px,linear-gradient(45deg,#0000 75%,#0c1422 0) 0 0/22px 22px,linear-gradient(-45deg,#0000 75%,#0c1422 0) 0 0/22px 22px,#101a2a;border:1px solid #354963;border-radius:10px;justify-content:center;align-items:center;width:min(100%,920px);max-height:620px;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 55px #0000003d,0 16px 45px #00000038}.output-frame.has-output{border-color:#35d6e794;box-shadow:0 0 0 1px #35d6e714,0 18px 55px #00000052}.output-result{cursor:zoom-in;background:0 0;border:0;justify-content:center;align-self:stretch;align-items:center;width:100%;padding:0;display:flex}.output-result img{object-fit:contain;width:100%;height:100%;display:block}.output-empty,.output-generating{color:var(--quiet);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:24px;display:flex;position:absolute;inset:0}.output-empty b,.output-generating i{color:var(--cyan);background:linear-gradient(135deg,#35d6e733,#8b5cf633);border:1px solid #35d6e742;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:20px;font-style:normal;display:flex}.output-empty strong,.output-generating strong{color:var(--muted);font-size:12px}.output-empty span,.output-generating span{font-size:9px}.output-generating i{animation:pulse 1.6s ease-in-out infinite}.layer-render-panel{background:#080e19a8;border:1px solid #263a54;border-radius:10px;max-width:920px;margin:14px auto 0;overflow:hidden}.layer-render-summary{border-bottom:1px solid var(--line-soft);background:linear-gradient(90deg,#35d6e712,#8b5cf612);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.layer-render-summary small{color:var(--cyan);letter-spacing:.12em;font-size:7px;font-weight:700;display:block}.layer-render-summary strong{margin-top:2px;font-size:11px;display:block}.layer-render-summary>span{color:var(--cyan);background:#35d6e71a;border:1px solid #35d6e740;border-radius:16px;padding:5px 8px;font-size:8px}.layer-render-list{gap:5px;padding:8px;display:grid}.layer-render-card{background:#101a2bbd;border:1px solid #253750;border-radius:7px;grid-template-columns:25px 46px minmax(120px,1fr) auto auto;align-items:center;gap:8px;min-height:58px;padding:6px 8px;transition:border-color .15s,opacity .15s;display:grid}.layer-render-card.status-generating{box-shadow:inset 3px 0 0 var(--cyan);border-color:#35d6e79e}.layer-render-card.status-done{border-color:#5ccaab59}.layer-render-card.status-error{border-color:#f45f8673}.layer-render-card.is-hidden{opacity:.52}.layer-render-index{color:#60738d;font-size:8px;font-weight:700}.layer-render-preview{background:linear-gradient(45deg,#172235 25%,#0000 0) 0 0/10px 10px,linear-gradient(-45deg,#172235 25%,#0000 0) 0 0/10px 10px,#0d1625;border:1px solid #30435f;border-radius:5px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.layer-render-preview img{object-fit:contain;width:100%;height:100%}.layer-render-preview span{color:#6d86a5;font-size:17px}.layer-render-info{min-width:0}.layer-render-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;display:block;overflow:hidden}.layer-render-info span{color:var(--quiet);margin-top:3px;font-size:7px;display:block}.layer-render-info em{color:#ff9ab5;margin-top:3px;font-size:7px;font-style:normal;display:block}.layer-render-status{color:#8ea4bf;white-space:nowrap;background:#0c1524;border:1px solid #2d405b;border-radius:12px;padding:4px 7px;font-size:7px;font-weight:600}.status-generating .layer-render-status{color:var(--cyan);border-color:#35d6e761}.status-done .layer-render-status{color:#77d9ba;border-color:#5ccaab52}.status-error .layer-render-status{color:#ff91ae;border-color:#f45f8659}.layer-render-actions{justify-content:flex-end;align-items:center;gap:4px;display:flex}.layer-render-actions a,.layer-render-actions button,.layer-render-actions label{color:#aec1d8;cursor:pointer;background:#101c2e;border:1px solid #30435f;border-radius:5px;justify-content:center;align-items:center;min-width:27px;height:27px;padding:0 7px;font-size:8px;text-decoration:none;display:inline-flex}.layer-render-actions button:last-child{color:var(--cyan);border-color:#35d6e759}.layer-render-actions button:disabled{cursor:wait;opacity:.45}.layer-render-actions label input{display:none}.layer-render-note{border-top:1px solid var(--line-soft);margin:0;padding:8px 11px;line-height:1.55}.layer-render-note,.output-meta{color:var(--quiet);font-size:8px}.output-meta{justify-content:flex-end;gap:14px;max-width:920px;margin:10px auto 0;display:flex}.output-meta b{color:var(--muted);font-weight:600}.layout-dock{border-top:1px solid var(--line-soft);background:#080e19b8;grid-template-columns:minmax(165px,1fr) auto auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.layout-current{align-items:center;gap:9px;min-width:0;display:flex}.layout-current>div{min-width:0}.layout-current small{color:var(--quiet);font-size:7px;display:block}.layout-current strong{margin-top:1px;font-size:9px;display:block}.layout-current em{color:var(--quiet);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:7px;font-style:normal;display:block;overflow:hidden}.layout-readout{gap:4px;display:flex}.layout-readout span{border:1px solid var(--line);color:var(--muted);background:#0b1220;border-radius:5px;padding:5px 6px;font-size:8px}.layout-readout b{color:var(--cyan);margin-right:3px;font-size:7px}.layout-actions{gap:4px;display:flex}.layout-actions button{color:var(--muted);cursor:pointer;background:#111d30;border:1px solid #2a3b57;border-radius:5px;padding:6px 7px;font-size:8px}.layout-actions button:first-child{background:var(--cyan-soft);color:var(--cyan);border-color:#35d6e77a}.directions{flex-direction:column;max-height:760px;display:flex}.direction-title{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;height:53px;padding:0 13px;display:flex}.direction-title>span{background:var(--cyan-soft);color:var(--cyan);border:1px solid #35d6e733;border-radius:20px;padding:4px 7px;font-size:8px}.target-picker{border-bottom:1px solid var(--line-soft);background:linear-gradient(135deg,#35d6e714,#8b5cf614);padding:9px}.target-picker label>span{color:var(--quiet);margin-bottom:5px;font-size:8px;display:block}.target-picker select{color:#dce8f8;cursor:pointer;background:#0b1220;border:1px solid #37516f;border-radius:6px;width:100%;padding:8px;font-size:10px}.target-picker p{color:var(--quiet);margin:6px 1px 0;font-size:8px;line-height:1.5}.target-picker p b{color:var(--cyan);background:#35d6e726;border-radius:4px;margin-right:5px;padding:2px 5px}.target-actions{gap:5px;margin-top:7px;display:flex}.target-actions button{color:var(--muted);cursor:pointer;background:#080f1cb8;border:1px solid #30445f;border-radius:5px;padding:5px 7px;font-size:8px}.direction-scroll{scrollbar-color:#2c3a50 transparent;scrollbar-width:thin;flex:1;padding:8px;overflow-y:auto}.requirement-tools{z-index:8;background:#080f1cf0;border:1px solid #283a56;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;margin-bottom:7px;padding:5px;display:grid;position:sticky;top:-1px}.requirement-tools label{background:#0b1220;border:1px solid #263851;border-radius:5px;grid-template-columns:auto 1fr auto;align-items:center;display:grid}.requirement-tools label>span{color:var(--quiet);padding-left:7px;font-size:11px}.requirement-tools input{color:var(--text);background:0 0;border:0;min-width:0;padding:7px 6px;font-size:8px}.requirement-tools input:focus{outline:0}.requirement-tools button{color:var(--quiet);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;padding:6px 7px;font-size:8px}.requirement-tools button.active,.requirement-tools button:hover{background:var(--cyan-soft);color:var(--cyan);border-color:#35d6e761}.requirement-empty{color:var(--quiet);text-align:center;background:#121d318c;border:1px dashed #30425f;border-radius:7px;margin-bottom:7px;padding:18px 10px}.requirement-empty b{color:var(--muted);font-size:9px;display:block}.requirement-empty span{margin-top:4px;font-size:8px;display:block}.direction-scroll article,.extra{border:1px solid var(--line-soft);background:#121d319e;border-radius:7px;margin-bottom:6px;display:block;overflow:hidden}.requirement-heading{cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;width:100%;padding:10px;display:grid}.requirement-heading b{color:var(--cyan);font-size:8px}.requirement-heading strong{color:#dce6f5;font-size:9px}.requirement-heading span{color:var(--quiet);transition:transform .18s}article.open .requirement-heading span{transform:rotate(180deg)}.requirement-body{border-top:1px solid var(--line-soft);padding:9px;animation:reveal .18s ease-out}@keyframes reveal{0%{opacity:0;transform:translateY(-4px)}}.option-group+.option-group{margin-top:9px}.extra>span,.option-group>small{color:var(--quiet);margin-bottom:6px;font-size:8px;display:block}.option-group>div{flex-wrap:wrap;gap:4px;display:flex}.option-group button{color:#94a2b8;cursor:pointer;background:#0b1220;border:1px solid #2a3952;border-radius:5px;padding:6px 7px;font-size:8px;line-height:1}.option-group button:hover{color:#fff;border-color:#4d6485}.option-group button.active{background:var(--cyan-soft);color:#8deef8;border-color:#35d6e79e}.composition-summary{background:#0a1423;border:1px solid #35d6e738;border-radius:7px;grid-template-columns:44px 1fr auto;align-items:center;gap:8px;margin-bottom:11px;padding:7px;display:grid}.composition-summary>div{min-width:0}.composition-summary b{color:#dce8f8;font-size:9px;display:block}.composition-summary span:not(.composition-mini){color:var(--quiet);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:7px;display:block;overflow:hidden}.composition-summary button{background:var(--cyan-soft);color:var(--cyan);cursor:pointer;border:1px solid #35d6e773;border-radius:5px;padding:6px;font-size:8px}.composition-presets>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.composition-presets button{text-align:left;grid-template-columns:39px 1fr;align-items:center;gap:6px;min-height:47px;padding:5px;line-height:1.2;display:grid}.composition-presets button>span:last-child{min-width:0}.composition-presets button b{color:inherit;font-size:8px;display:block}.composition-presets button em{color:var(--quiet);margin-top:2px;font-size:6px;font-style:normal;line-height:1.35;display:block}.ratio-presets>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.ratio-presets button{flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;min-height:42px;padding:5px 3px;display:flex}.ratio-mini{background:#74839c2e;border:1px solid #52617a;width:24px;max-width:29px;height:auto;min-height:11px;max-height:18px;display:block}.ratio-presets button.active .ratio-mini{border-color:var(--cyan);background:#35d6e72e}.composition-mini{background:#0b1322;border:1px solid #31435f;border-radius:4px;flex:none;width:42px;height:30px;display:block;position:relative;overflow:hidden}.composition-mini i,.composition-mini:after,.composition-mini:before{content:"";border-color:#5d789b;position:absolute}.composition-mini.center:before,.composition-mini.radial:before{border:1px solid #6fb6c5;border-radius:50%;width:12px;height:12px;top:8px;left:14px}.composition-mini.poster:before,.composition-mini.third-left:before,.composition-mini.third-right:before{border-left:1px solid #49627f;border-right:1px solid #49627f;width:13px;height:100%;left:13px}.composition-mini.third-left:after,.composition-mini.third-right:after{background:var(--cyan);border:0;border-radius:50%;width:5px;height:5px;top:8px}.composition-mini.third-left:after{left:11px}.composition-mini.third-right:after{right:11px}.composition-mini.symmetry:before{border-left:1px solid #6fb6c5;height:100%;left:20px}.composition-mini.symmetry:after{border:1px solid #425977;inset:5px 8px}.composition-mini.diagonal:after,.composition-mini.diagonal:before{border-top:1px solid #6fb6c5;width:48px;top:14px;left:-3px}.composition-mini.diagonal:before{transform:rotate(-31deg)}.composition-mini.diagonal:after{transform:rotate(31deg)}.composition-mini.triangle:before{border-bottom:1px solid #6fb6c5;border-left:1px solid #6fb6c5;width:15px;height:15px;top:7px;left:13px;transform:rotate(-45deg)skew(10deg,10deg)}.composition-mini.circle:before{border:1px solid #6fb6c5;border-radius:50%;width:20px;height:20px;top:4px;left:10px}.composition-mini.frame:before{border:1px solid #6fb6c5;inset:5px 7px}.composition-mini.s-curve:after,.composition-mini.s-curve:before{border:1px solid #6fb6c5;border-left-color:#0000;border-radius:50%;width:15px;height:15px}.composition-mini.s-curve:before{top:1px;left:10px;transform:rotate(22deg)}.composition-mini.s-curve:after{bottom:1px;right:10px;transform:rotate(202deg)}.composition-mini.radial:after{border-left:1px solid #49627f;height:100%;left:20px}.composition-mini.poster:after{background:#6fb6c5;border:0;border-radius:50%;width:12px;height:12px;top:4px;left:14px}.composition-mini.negative-space:before{background:#35d6e71f;border-right:1px dashed #6fb6c5;width:62%;height:100%}.style-presets>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.style-presets button{background:linear-gradient(135deg,#35d6e70d,#8b5cf614),#0b1220;min-height:30px;padding:7px 5px}.style-presets button.active{background:linear-gradient(135deg,#35d6e733,#8b5cf638);box-shadow:inset 0 0 14px #35d6e70d}.style-presets button:nth-child(-n+3):before{color:#f45f86;content:"✦";margin-right:4px}.trained-style-note{color:var(--quiet);background:linear-gradient(135deg,#f45f861a,#8b5cf61a);border:1px solid #f45f8638;border-radius:6px;margin-top:7px;padding:8px;font-size:8px;line-height:1.6;display:block!important}.trained-style-note b{color:#ffc0d2;font-size:8px}.extra{padding:10px;position:relative}.priority-extra{box-shadow:inset 3px 0 #ffb85b,0 0 22px #ffb85b0e;background:linear-gradient(135deg,#ffb74d17,#f45f8612),#121d31b8!important;border-color:#ffb85b85!important;padding:11px!important}.priority-heading{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.priority-heading>div{align-items:center;gap:8px;display:flex}.priority-heading i{color:#271407;background:linear-gradient(135deg,#ffcc73,#ff7d73);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:9px;font-style:normal;font-weight:900;display:flex;box-shadow:0 0 14px #ff995b47}.priority-heading strong{color:#ffd49a;font-size:9px;display:block}.priority-heading small{color:#a99a8e;margin-top:2px;font-size:7px;display:block}.priority-heading em{color:#ffc67c;background:#ffb85b1c;border:1px solid #ffb85b4f;border-radius:999px;padding:4px 7px;font-size:7px;font-style:normal}.extra textarea{color:var(--text);resize:vertical;background:#0b1220;border:1px solid #2a3952;border-radius:6px;width:100%;min-height:90px;padding:9px;font-size:9px;line-height:1.65}.priority-extra textarea{border-color:#ffb85b59;min-height:112px}.priority-extra textarea:focus{border-color:#ffb85b;outline:0;box-shadow:0 0 0 2px #ffb85b1a}.extra textarea::placeholder{color:#6d665f}.extra>b{color:#58677c;font-size:8px;font-weight:500;position:absolute;bottom:15px;right:16px}.creation{border-top:1px solid var(--line-soft);padding:10px}.generation-mode{background:#080f1c;border:1px solid #293b55;border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:8px;padding:4px;display:grid}.generation-mode button{color:#71839b;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;padding:7px 5px}.generation-mode button:disabled{cursor:wait;opacity:.58}.generation-mode b{font-size:9px;display:block}.generation-mode span{color:var(--quiet);margin-top:2px;font-size:7px;display:block}.generation-settings{color:var(--quiet);justify-content:space-between;align-items:center;margin:0 1px 8px;font-size:9px;display:flex}.generation-settings>span{color:var(--cyan);letter-spacing:.08em;font-weight:700}.generation-settings label{align-items:center;gap:6px;display:flex}.generation-settings select{color:var(--muted);background:#080f1c;border:1px solid #31415b;border-radius:5px;padding:4px 6px;font-size:9px}.generation-preflight{background:#080f1cbd;border:1px solid #293b55;border-radius:7px;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:8px;padding:7px;display:grid}.generation-preflight>div{text-align:center;min-width:0}.generation-preflight span{color:var(--quiet);font-size:7px;display:block}.generation-preflight b{color:#cdd9eb;margin-top:3px;font-size:8px;display:block}.generation-preflight>p{color:#ffc67c;background:#ffb85b14;border:1px solid #ffb85b38;border-radius:5px;grid-column:1/-1;margin:2px 0 0;padding:5px 6px;font-size:7px;line-height:1.5}.generation-preflight>label{color:var(--muted);grid-column:1/-1;justify-content:center;align-items:center;gap:5px;margin-top:2px;font-size:7px;display:flex}.generation-preflight input{accent-color:var(--cyan)}.creation>button:not(.handoff-secondary){cursor:pointer;background:linear-gradient(105deg,#25d7e6,#507eea 48%,#8b5cf6);border:0;border-radius:8px;width:100%;padding:13px;font-size:14px;font-weight:650;transition:filter .14s,transform .14s;box-shadow:0 9px 28px #505fea40}.creation>button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.creation>button:disabled{cursor:wait;opacity:.7}.creation>button.cancel-generation{box-shadow:none;color:#ff9db6;background:#f45f861a;border:1px solid #f45f8673;margin-top:7px;padding:8px;font-size:9px}.creation .handoff-secondary{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #30425f;border-radius:7px;width:100%;margin-top:7px;padding:7px;font-size:9px}.creation p{color:var(--quiet);text-align:center;min-height:24px;margin:7px 2px 0;font-size:8px;line-height:1.5}.modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:300;background:#03070ec2;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.settings-modal{background:radial-gradient(circle at 100% 0,#8b5cf61f,#0000 34%),#0e1728;border:1px solid #30425f;border-radius:12px;width:100%;max-width:470px;padding:20px;box-shadow:0 28px 90px #0000008c}.handoff-modal{max-width:650px;max-height:min(780px,100vh - 40px);overflow-y:auto}.guide-modal{max-width:880px;max-height:min(860px,100vh - 40px);padding:28px 30px;overflow-y:auto}.guide-modal .modal-heading small{letter-spacing:.1em;font-size:14px}.guide-modal .modal-heading h2{margin-top:7px;font-size:26px;line-height:1.3}.guide-modal .modal-heading>button{width:40px;height:40px;font-size:24px}.guide-mode-tabs{background:#eef0f2;border:1px solid #d8dde1;border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:22px;padding:4px;display:grid}.guide-mode-tabs button{color:#69727a;cursor:pointer;background:0 0;border:0;border-radius:7px;min-height:42px;padding:8px 12px;font-size:15px;font-weight:650}.guide-mode-tabs button.active{color:#2f3b45;background:#fff;box-shadow:0 1px 4px #232d371f}.guide-modal>.guide-intro{color:#59636c;margin:20px 2px 0;font-size:16px;line-height:1.75}.guide-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.guide-steps>div{background:#0a1322;border:1px solid #283b56;border-radius:10px;grid-template-columns:38px 1fr;align-items:flex-start;gap:12px;min-height:118px;padding:16px;display:grid}.guide-steps>div>b{background:var(--cyan-soft);color:var(--cyan);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;display:flex}.guide-steps strong{color:#dce8f8;font-size:16px;line-height:1.45;display:block}.guide-steps p{color:var(--quiet);margin:6px 0 0;font-size:14px;line-height:1.7;display:block}.feature-checklist{background:#35d6e70e;border:1px solid #35d6e72e;border-radius:10px;margin-top:14px;padding:17px 18px}.feature-checklist>strong{color:var(--cyan);font-size:15px}.feature-checklist ul{grid-template-columns:1fr;gap:9px;margin:12px 0 0;padding:0;list-style:none;display:grid}.feature-checklist li{color:var(--muted);font-size:14px;line-height:1.6}.guide-result{background:#f4f7f9;border-left:4px solid #557996;border-radius:7px;margin-top:14px;padding:15px 17px}.guide-result strong{color:#344b5e;font-size:15px}.guide-result p{color:#5f6871;margin:5px 0 0;font-size:14px;line-height:1.7}.guide-shortcuts{color:var(--quiet);gap:22px;margin-top:16px;font-size:13px;display:flex}.guide-shortcuts kbd{color:var(--muted);background:#101b2e;border:1px solid #344864;border-radius:4px;padding:2px 4px;font-family:inherit}.guide-modal .modal-actions{margin-top:20px}.guide-modal .modal-actions button{min-height:46px;padding:10px 20px;font-size:15px}.result-modal{max-width:940px}.generated-frame{background:linear-gradient(45deg,#0b1322 25%,#0000 0) 0 0/18px 18px,linear-gradient(-45deg,#0b1322 25%,#0000 0) 0 0/18px 18px,linear-gradient(45deg,#0000 75%,#0b1322 0) 0 0/18px 18px,linear-gradient(-45deg,#0000 75%,#0b1322 0) 0 0/18px 18px,#101a2a;border:1px solid #30425f;border-radius:9px;justify-content:center;align-items:center;min-height:280px;max-height:calc(100vh - 235px);margin-top:15px;display:flex;overflow:hidden}.generated-frame img{object-fit:contain;max-width:100%;max-height:calc(100vh - 235px);display:block}.modal-heading{justify-content:space-between;align-items:flex-start;display:flex}.modal-heading small{color:var(--cyan);letter-spacing:.18em;font-size:8px;font-weight:700}.modal-heading h2{margin:4px 0 0;font-size:18px}.modal-heading>button{background:var(--panel-3);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:6px;width:30px;height:30px;font-size:18px;line-height:1}.settings-modal>p{color:var(--muted);margin:15px 0;font-size:11px;line-height:1.75}.settings-modal label span{color:var(--quiet);margin-bottom:6px;font-size:9px;display:block}.settings-modal label input{color:var(--text);font-family:var(--font-geist-mono),monospace;background:#080f1c;border:1px solid #31415b;border-radius:7px;width:100%;padding:11px 12px;font-size:12px}.settings-modal label input:focus{border-color:var(--cyan)}.settings-modal label textarea{color:#dce8f8;font-family:var(--font-geist-mono),"Microsoft YaHei",monospace;resize:vertical;background:#080f1c;border:1px solid #31415b;border-radius:7px;width:100%;padding:12px;font-size:11px;line-height:1.7}.settings-modal label textarea:focus{border-color:var(--cyan)}.reference-order{color:var(--muted);background:#35d6e712;border:1px solid #35d6e72e;border-radius:7px;margin-bottom:14px;padding:10px 12px;font-size:10px;line-height:1.7}.reference-order b{color:var(--cyan);margin-bottom:4px;display:block}.reference-order ol{max-height:105px;margin:0;padding-left:20px;overflow-y:auto}.reference-order li{justify-content:space-between;align-items:center;gap:8px;display:flex}.reference-order li span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.reference-order li a{color:var(--cyan);flex:none;font-size:9px;text-decoration:none}.reference-order li a:hover{text-decoration:underline}.security-note{color:var(--quiet);background:#35d6e712;border:1px solid #35d6e72e;border-radius:7px;margin-top:12px;padding:10px;font-size:9px;line-height:1.7}.security-note b{color:var(--cyan);margin-bottom:2px;font-size:9px;display:block}.modal-actions{justify-content:flex-end;align-items:center;gap:8px;margin-top:17px;display:flex}.modal-actions button{cursor:pointer}.modal-actions a,.modal-actions button{border-radius:7px;padding:9px 12px;font-size:10px}.modal-actions a{text-decoration:none}.remove-key{color:#b9d6e9;background:0 0;border:1px solid #35516b}.save-key{background:linear-gradient(105deg,#25d7e6,#507eea 55%,#8b5cf6);border:0;font-weight:650}.download-result{display:inline-flex}.save-key:disabled{cursor:not-allowed;opacity:.4}@media (max-width:1260px){.workspace{grid-template-columns:205px minmax(430px,1fr) 335px}.character-grid{padding-bottom:4px;overflow-x:auto}.character-grid>button{min-width:76px}.stage{padding:16px}}@media (max-width:1020px){.topbar,.workflow-bar{position:static}.workflow-bar{grid-template-columns:1fr auto}.workflow-intro{display:none}.workspace{grid-template-columns:220px minmax(0,1fr)}.directions{grid-column:1/-1;min-height:0;max-height:none}.direction-scroll{grid-template-columns:repeat(2,1fr);gap:6px;display:grid;overflow:visible}.extra{grid-column:1/-1}.layout-dock{grid-template-columns:1fr auto}.layout-actions{grid-column:1/-1;justify-content:flex-end}}@media (max-width:720px){.topbar{height:61px;padding:0 13px}.brand p,.save-note{display:none}.mobile-help{display:flex}.workflow-bar{padding:8px 10px;display:block}.workflow-steps{padding-bottom:2px;display:flex;overflow-x:auto}.workflow-steps button{flex:0 0 132px}.workflow-next{display:none}.character-area{padding:11px}.character-actions>span{display:none}.character-grid{display:flex}.character-grid>button{flex:0 0 72px}.workspace{flex-direction:column;padding:0 5px;display:flex}.panel{min-height:0}.stage{min-height:340px;padding:12px}.canvas-footer{display:none}.direction-scroll{display:block}.directions .creation{z-index:20;background:#0a111efa;position:sticky;bottom:0}.character-actions .place-character{display:inline-flex}.layout-dock{flex-wrap:wrap;display:flex}.layout-current{flex:170px}.layout-actions{flex:100%}.output-panel{padding:14px 10px}.output-heading{flex-direction:column;align-items:stretch}.output-actions{justify-content:flex-end}.output-frame{min-height:260px}.layer-render-card{grid-template-columns:22px 40px minmax(100px,1fr) auto;gap:6px}.layer-render-preview{width:38px;height:38px}.layer-render-status{display:none}.layer-render-actions{grid-column:3/-1;justify-content:flex-start}.feature-checklist ul,.guide-steps{grid-template-columns:1fr}.guide-shortcuts{flex-direction:column;align-items:flex-start;gap:8px}.guide-modal{max-height:calc(100vh - 20px);padding:20px 18px}.guide-modal .modal-heading h2{font-size:22px}.guide-mode-tabs{margin-top:17px}.guide-mode-tabs button{min-height:40px;padding-inline:6px;font-size:13px}.guide-modal>.guide-intro{margin-top:16px;font-size:15px}.guide-steps>div{min-height:0;padding:14px}.feature-checklist li,.guide-result p,.guide-steps p{font-size:14px}.guide-modal .modal-actions button{width:100%}}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--bg:#1d1f22;--panel:#27292d;--panel-2:#2d3035;--panel-3:#34373d;--line:#41444a;--line-soft:#ffffff13;--cyan:#9aafc2;--cyan-soft:#9aafc21f;--violet:#9aafc2;--text:#e5e6e8;--muted:#b5b8be;--quiet:#858991}body,html{background:var(--bg)}body{font-family:Inter,var(--font-geist-sans),"PingFang SC","Microsoft YaHei",sans-serif}button,input,select,textarea{border-radius:3px!important}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:1px;outline:1px solid #a8bacb}.topbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:#25272a;border-bottom-color:#3b3e43;height:52px;padding:0 16px}.brand{gap:9px}.brand-icon{color:#25272a;background:#d8dade;border:0;border-radius:4px;width:28px;height:28px;font-size:13px;font-weight:800}.brand h1{letter-spacing:.01em;font-size:15px;font-weight:680}.brand p{color:#888c93;letter-spacing:.08em;margin-top:3px;font-size:9px}.save-note{color:#8e9299;gap:6px;font-size:10px}.save-note i,.save-note i.key-ready{box-shadow:none;background:#8da48f;width:5px;height:5px}.save-note button{color:#b9bcc1;background:#2c2f33;border-color:#44474d;padding:6px 9px}.workflow-bar{background:#202225;border-bottom-color:#373a3f;grid-template-columns:150px minmax(520px,1fr) auto;gap:12px;padding:6px 14px;top:52px}.workflow-intro b{color:#c7c9cd;font-size:9px;font-weight:650}.workflow-intro span{color:#777b82;margin-top:2px;font-size:8px}.workflow-steps{gap:0}.workflow-steps button{background:0 0;border-color:#0000;grid-template-columns:20px 1fr;gap:6px;padding:5px 8px;position:relative;border-radius:0!important}.workflow-steps button+button:before{content:"";background:#45484d;width:1px;height:18px;position:absolute;top:8px;left:0}.workflow-steps button:hover{background:#292c30;border-color:#0000}.workflow-steps button.ready i,.workflow-steps i{color:#aeb1b6;background:#35383d;border-radius:2px;width:20px;height:20px;font-size:8px}.workflow-steps b{color:#bfc2c7;font-size:8px;font-weight:650}.workflow-steps small{color:#73777e;font-size:7px}.workflow-next{color:#242629;background:#d5d8dc;border:1px solid #e1e3e6;padding:7px 10px;font-size:9px;font-weight:680}.character-area{background:#292b2f;border-bottom-color:#3b3e43;padding:10px 14px 12px}.area-title small,.canvas-toolbar small,.direction-title small,.output-heading small{color:#858991;letter-spacing:.07em;font-size:8px;font-weight:600}.area-title h2,.direction-title h2{color:#d7d9dc;margin-top:2px;font-size:12px;font-weight:650}.character-actions{color:#83878e;gap:7px;font-size:9px}.character-actions button,.subhead button,.upload-card button{color:#bec1c6;background:#303338;border-color:#484b51;padding:5px 8px}.character-actions .new-character{color:#c3c6ca;background:#303338;border-color:#51545a}.character-actions .place-character{color:#25272a;background:#d4d7da;border-color:#d4d7da;font-weight:680}.character-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px}.character-grid>button{background-color:#232529;background-image:none;border-color:#41444a;min-height:72px;transition:border-color .12s,background-color .12s;border-radius:3px!important}.character-grid>button:hover{background:#2f3237;border-color:#686c73;transform:none}.character-grid>button.selected{border-color:#b6c2cd;box-shadow:inset 0 0 0 1px #b6c2cd}.character-grid>button>b{color:#aeb2b8;background:#191b1ed1;border-radius:0 0 2px}.character-name{background:linear-gradient(#0000,#16181bf5)}.reference-count{color:#c2c8ce;background:#1d1f22e6;border-color:#62666d;border-radius:2px}.check{color:#25272a;background:#d5d8db;border-radius:2px}.workspace{grid-template-columns:238px minmax(500px,1fr) 350px;gap:0;max-width:none;margin:0;padding:0}.panel{box-shadow:none;background:#27292d;border:0;min-height:690px;border-radius:0!important}.assets{border-right:1px solid #3e4146;padding:10px}.directions{border-left:1px solid #3e4146}.tabs{background:#202225;border-color:#3d4045;border-radius:3px;padding:2px}.tabs button{border-radius:2px!important}.tabs button.active{color:#e1e2e4;background:#373a3f}.background-card,.background-prompt textarea,.character-layer-list>button,.controls,.layer-category>button,.object-list>button,.reference-variants,.upload-card{background:#24262a;border-color:#3e4147;border-radius:3px!important}.empty-layer-preview,.upload-icon{color:#aebdca;background:#30343a;border-color:#59636d;border-radius:2px}.variant-grid button{background:#1d1f22;border-color:#3f4248;border-radius:2px!important}.empty-background,.empty-objects{border-color:#4a4d53;border-radius:3px!important}.layer-actions button{color:#b6b9be;background:#303338;border-color:#484b51;border-radius:3px}input[type=range]{accent-color:#9aafc2}.canvas-toolbar{background:#27292d;border-bottom-color:#3d4045;height:48px;padding:0 11px}.canvas-toolbar strong{color:#d8dade;font-size:10px}.canvas-buttons button,.resolution-picker{color:#b9bcc1;background:#303338;border-color:#484b51;border-radius:3px}.stage{background:#17191b;padding:26px}.checker{background-color:#202328}.layout-dock{background:#24262a;border-top-color:#3c3f44}.layout-actions button,.layout-readout span{color:#b6b9be;background:#2f3236;border-color:#45484e;border-radius:3px}.canvas-footer{background:#232529;border-top-color:#383b40}.output-panel{background:#202225;border-top-color:#3d4045;padding:16px}.output-frame{box-shadow:none;background:linear-gradient(45deg,#24262a 25%,#0000 0) 0 0/22px 22px,linear-gradient(-45deg,#24262a 25%,#0000 0) 0 0/22px 22px,linear-gradient(45deg,#0000 75%,#24262a 0) 0 0/22px 22px,linear-gradient(-45deg,#0000 75%,#24262a 0) 0 0/22px 22px,#1f2124;border-color:#4a4d53;border-radius:3px}.output-frame.has-output{box-shadow:none;border-color:#778692}.output-actions a,.output-actions button{color:#c4c7cb;background:#303338;border-color:#4a4d53;border-radius:3px}.output-empty b,.output-generating i{box-shadow:none;color:#aebdca;background:#30343a;border-color:#535b64;border-radius:3px}.output-generating{-webkit-backdrop-filter:none;backdrop-filter:none;background:#1c1e21eb}.layer-render-panel{background:#24262a;border-color:#41444a;border-radius:3px}.layer-render-summary>span{color:#c6d0d8;background:#353a3f;border-color:#555f69;border-radius:3px}.layer-render-card{background:#292c30;border-color:#41444a;border-radius:3px}.layer-render-card.status-generating{border-color:#718595;box-shadow:inset 2px 0 #9aafc2}.layer-render-preview{border-radius:2px}.layer-render-status{background:#24262a;border-radius:3px}.layer-render-actions a,.layer-render-actions button,.layer-render-actions label{background:#32353a;border-color:#4a4d53;border-radius:3px!important}.direction-title{background:#292b2f;border-bottom-color:#3d4045;height:48px}.direction-title>span{color:#c3c6cb;background:#34373c;border-color:#51545a;border-radius:3px}.target-picker p b{color:#c4cdd5;background:#373e45;border-radius:2px}.target-actions button:hover{color:#f0f1f2;border-color:#686c73}.requirement-tools{background:#24262a;border-color:#41444a;border-radius:3px}.direction-scroll article,.extra{background:#2a2c30;border-color:#41444a;border-radius:3px}.option-group button{color:#aeb1b6;background:#232529;border-color:#41444a;border-radius:3px}.option-group button:hover{background:#303338;border-color:#62666d}.composition-summary{background:#222428;border-color:#41444a;border-radius:3px}.composition-mini{background:#24262a;border-color:#4b4e54;border-radius:2px}.style-presets button,.style-presets button.active{background-image:none}.style-presets button:nth-child(-n+3):before{color:#aa9187;content:"专"}.trained-style-note{background:#302e2d;border-color:#514b48;border-radius:3px}.priority-heading i{box-shadow:none;color:#241f18;background:#a88b62;border-radius:2px}.priority-heading em{color:#d9bd93;background:#40372c;border-color:#6b5943;border-radius:3px}.priority-extra textarea{border-color:#665b4c}.priority-extra textarea:focus{box-shadow:none;border-color:#a88b62}.generation-mode{background:#1f2124;border-color:#404349;border-radius:3px}.generation-mode button{border-radius:2px!important}.generation-mode button.active{color:#ededee;background:#3a3e43;border-color:#575b62}.generation-settings>span{color:#aeb5bb;letter-spacing:.04em}.generation-preflight{background:#212326;border-color:#404349;border-radius:3px}.generation-preflight>p{color:#d7b882;background:#352f27;border-color:#655640;border-radius:3px}.creation>button:not(.handoff-secondary){box-shadow:none;color:#242629;background:#d6d8db;border:1px solid #e0e2e4;padding:11px;font-size:12px;font-weight:700;border-radius:3px!important}.creation>button:hover:not(:disabled){filter:none;background:#eef0f1;transform:none}.creation .handoff-secondary{color:#b9bcc1;background:#303338;border-color:#484b51;border-radius:3px}.modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0a0b0cd1}.settings-modal{background:#292b2f;border-color:#50535a;border-radius:4px;box-shadow:0 18px 50px #0000008c}.feature-checklist,.generated-frame,.guide-steps>div,.reference-order>div{background:#232529;border-color:#41444a;border-radius:3px}.guide-steps>div>b{color:#dce3e8;background:#3a4249;border-radius:2px}@media (max-width:1260px){.workspace{grid-template-columns:218px minmax(430px,1fr) 330px}}@media (max-width:1020px){.workspace{grid-template-columns:220px minmax(0,1fr)}.directions{border-top:1px solid #3e4146;border-left:0}}@media (max-width:720px){.topbar{height:52px}.workflow-bar{background:#202225}.workspace{padding:0}.panel{border-bottom:1px solid #3e4146}.directions .creation{background:#25272a}}.workflow-bar{grid-template-columns:minmax(0,1fr) auto;min-height:40px;padding-block:4px}.workflow-intro{display:none}.workflow-steps{min-width:0;display:flex}.workflow-steps button{flex:none;padding-inline:12px 20px}.workflow-steps small{display:none}.workflow-steps b{font-size:10px}.workflow-steps button+button:before{left:-3px}.character-area{padding-block:8px 9px}.area-title{margin-bottom:6px}.area-title small,.canvas-toolbar small,.direction-title small,.output-heading small{font-size:9px}.area-title h2,.direction-title h2{font-size:13px}.character-actions,.character-actions button,.subhead button,.upload-card button{font-size:10px}.character-grid{gap:5px;max-width:none;padding-bottom:1px;display:flex;overflow-x:auto}.character-grid>button{aspect-ratio:.94;flex:0 0 68px;min-height:68px}.assets,.directions{align-self:start;max-height:calc(100vh - 100px);position:sticky;top:100px;overflow-y:auto}.directions{overflow:hidden}.direction-scroll{overscroll-behavior:contain}.tabs button{font-size:11px}.layer-category>small,.layer-heading button,.layer-heading small{font-size:9px}.background-card strong,.character-layer-list strong,.subhead strong,.upload-card strong{font-size:11px}.background-card small,.character-layer-list small,.controls label b,.controls label span,.layer-actions button,.subhead small,.upload-card small{font-size:9px}.background-prompt textarea,.background-prompt>span{font-size:10px}.stage{min-height:590px}.resolution-picker b,.resolution-picker span{font-size:8px}.resolution-picker select{font-size:10px}.canvas-footer,.output-meta,.target-picker label>span{font-size:9px}.target-picker select{font-size:11px}.requirement-heading b,.requirement-tools button,.requirement-tools input,.target-actions button,.target-picker p{font-size:9px}.option-group button{padding:7px 8px;font-size:9px}.priority-heading strong{font-size:10px}.priority-heading em,.priority-heading small{font-size:8px}.extra textarea,.generation-mode b,.generation-settings,.generation-settings select{font-size:10px}.generation-preflight span,.generation-preflight>label,.generation-preflight>p{font-size:8px}.generation-preflight b{font-size:9px}@media (max-width:1020px){.assets,.directions{max-height:none;position:static;overflow:visible}.directions{overflow:visible}}@media (max-width:720px){.workflow-steps button{flex-basis:108px}.character-grid>button{flex-basis:64px}.stage{min-height:360px}}:root{color-scheme:light;--bg:#f1f2f3;--panel:#fff;--panel-2:#f7f8f9;--panel-3:#eceff2;--line:#d7dbe0;--line-soft:#232a321a;--cyan:#4d7093;--cyan-soft:#4d70931a;--violet:#4d7093;--text:#252a30;--muted:#5f6770;--quiet:#8a929b}body,html{color:var(--text);background:#f1f2f3}body{background-image:none}button{color:var(--text)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#4d7093}.topbar{background:#fff;border-bottom-color:#d9dde1;grid-template-columns:minmax(350px,1fr) auto minmax(350px,1fr);height:78px;padding-inline:24px}.brand-icon{color:#fff;background:#466887}.brand h1{color:#24292f}.brand p{color:#8b929a}.save-note{color:#737b84}.save-note i,.save-note i.key-ready{background:#6c9a73}.save-note button{color:#4f5760;background:#f6f7f8;border-color:#d6dade}.save-note button:hover{background:#eceff2}.workflow-bar{background:#f8f9fa;border-bottom-color:#d8dce0}.workflow-steps button{color:#555d66}.workflow-steps button:hover{background:#eef1f4}.workflow-steps button+button:before{background:#d3d7dc}.workflow-steps button.ready i,.workflow-steps i{color:#69727c;background:#e9ecef}.workflow-steps button.ready i{color:#4d7653;background:#dfeadf}.workflow-steps b{color:#505861}.workflow-next{color:#fff;background:#466887;border-color:#466887}.workflow-next:hover{background:#385a79}.character-area{background:#fff;border-bottom-color:#d8dce0}.area-title small,.canvas-toolbar small,.direction-title small,.output-heading small{color:#8b929a}.area-title h2,.direction-title h2{color:#2f353b}.character-actions{color:#7a828a}.character-actions strong{color:#37404a}.character-actions .new-character,.character-actions button,.subhead button,.upload-card button{color:#4f5861;background:#f6f7f8;border-color:#d5d9dd}.character-actions button:hover,.subhead button:hover,.upload-card button:hover{color:#30465a;background:#edf1f4;border-color:#b8c3cc}.character-actions .place-character{color:#fff;background:#466887;border-color:#466887}.character-grid>button{background-color:#f5f6f7;border-color:#d8dce0}.character-grid>button:hover{background:#edf1f4;border-color:#aab6c1}.character-grid>button.selected{background:#edf3f8;border-color:#55799a;box-shadow:inset 0 0 0 1px #55799a}.character-grid>button>b{color:#68717a;background:#ffffffe0}.silhouette em,.silhouette i{filter:saturate(.55)brightness(1.25)}.character-name{color:#323940;background:linear-gradient(#0000,#f4f6f8f5)}.reference-count{color:#4a647b;background:#ffffffeb;border-color:#b7c1ca}.check{color:#fff;background:#466887}.panel{background:#fff}.assets{background:#fafbfc;border-right-color:#d6dade}.directions{background:#fff;border-left-color:#d6dade}.tabs{border-color:#d9dde1}.tabs button{color:#78818a}.tabs button.active{color:#304b63;background:#fff;box-shadow:0 1px 2px #19232d14}.layer-category>small,.layer-heading small{color:#8a929b}.layer-heading button,.subhead button{color:#4d6780;background:#fff;border-color:#d2d7dc}.background-card,.background-prompt textarea,.character-layer-list>button,.layer-category>button,.object-list>button,.reference-variants,.upload-card{background:#fff;border-color:#d9dde1}.background-card.selected,.character-layer-list>button.selected,.layer-category>button.selected,.object-list>button.selected{background:#edf3f8;border-color:#6d8ba7}.control-name span,.layer-category>button>span,.subhead button{color:#547493}.character-layer-list img,.object-list img{background:#eef1f4}.background-card strong,.character-layer-list strong,.subhead strong,.upload-card strong{color:#343b42}.background-card small,.character-layer-list small,.subhead small,.upload-card small{color:#858d95}.empty-layer-preview,.upload-icon{color:#547493;background:#eef3f7;border-color:#aab9c6}.reference-variants{background:#f5f7f8}.variant-grid button{background:#fff;border-color:#d7dbe0}.variant-grid button.active{border-color:#567a9a;box-shadow:inset 0 0 0 1px #567a9a}.empty-background,.empty-objects{color:#9299a1;border-color:#cfd4d9}.background-prompt textarea{color:#343b42;background:#fff}.background-prompt textarea::placeholder{color:#a8afb6}.background-prompt textarea:focus{border-color:#6d8ba7;box-shadow:0 0 0 2px #4d70931a}.controls{background:0 0;border-color:#d9dde1}.control-name input{color:#343b42}.control-name input:focus,.control-name input:hover{border-bottom-color:#6d8ba7}.layer-actions button{color:#5d6670;background:#fff;border-color:#d4d8dd}.layer-actions button:hover{color:#36556f;background:#edf2f6;border-color:#a9b7c3}.canvas-panel{background:#eef0f1}.canvas-toolbar{background:#fff;border-bottom-color:#d8dce0}.canvas-toolbar strong{color:#30363c}.canvas-buttons button,.resolution-picker{color:#59626b;background:#f7f8f9;border-color:#d5d9dd}.canvas-buttons button:hover{background:#edf1f4;border-color:#b4bec7}.canvas-buttons button.active-tool{color:#355873;background:#e8f0f6;border-color:#7390aa}.resolution-picker b,.resolution-picker span{color:#818991}.resolution-picker select{color:#304f68}.canvas-buttons .export{color:#365a76;border-color:#6d879f}.artboard{background:#fff;border-color:#bfc5cb;box-shadow:0 8px 24px #242c3426}.artboard.has-result{border-color:#6d879f}.checker{background-color:#fff;background-image:linear-gradient(45deg,#edf0f2 25%,#0000 0),linear-gradient(-45deg,#edf0f2 25%,#0000 0),linear-gradient(45deg,#0000 75%,#edf0f2 0),linear-gradient(-45deg,#0000 75%,#edf0f2 0)}.canvas-empty{color:#9ca3aa}.canvas-empty strong{color:#7e878f}.movable.selected:after{border-color:#466887}.composition-guide{opacity:.55}.composition-guide i,.composition-guide:after,.composition-guide:before{border-color:#3a6080b8}.safe-area{border-color:#b07c32ad}.canvas-footer,.layout-dock{background:#fff;border-color:#d8dce0}.canvas-footer,.layout-current em,.layout-current small{color:#838b93}.layout-current strong{color:#343b42}.layout-actions button,.layout-readout span{color:#59626b;background:#f5f7f8;border-color:#d5d9dd}.layout-readout b{color:#4d7093}.layout-actions button:first-child{color:#355873;background:#e8f0f6;border-color:#7692aa}.canvas-footer b{color:#5a6670;background:#eef1f3;border-color:#d3d8dc}.output-panel{background:#fff;border-top-color:#d8dce0}.output-heading h2{color:#2e353b}.output-heading p,.output-meta{color:#858d95}.output-actions a,.output-actions button{color:#4f5962;background:#f6f7f8;border-color:#d4d9dd}.output-actions a{color:#fff;background:#466887;border-color:#466887}.output-frame{background:linear-gradient(45deg,#edf0f2 25%,#0000 0) 0 0/22px 22px,linear-gradient(-45deg,#edf0f2 25%,#0000 0) 0 0/22px 22px,linear-gradient(45deg,#0000 75%,#edf0f2 0) 0 0/22px 22px,linear-gradient(-45deg,#0000 75%,#edf0f2 0) 0 0/22px 22px,#fff;border-color:#c7ccd1}.output-frame.has-output{border-color:#6d879f}.output-empty b,.output-generating i{color:#466887;background:#edf2f6;border-color:#b9c5cf}.output-empty strong,.output-generating strong{color:#4b545d}.output-empty span,.output-generating span{color:#858d95}.generating,.output-generating{background:#ffffffeb}.generating strong{color:#30363c}.generating span{color:#7f8790}.layer-render-panel{background:#fafbfc;border-color:#d7dbe0}.layer-render-summary{background:#f2f5f7}.layer-render-summary strong{color:#30373e}.layer-render-summary>span{color:#3e6381;background:#e8f0f6;border-color:#b7c7d4}.layer-render-card{background:#fff;border-color:#d9dde1}.layer-render-card.status-generating{border-color:#6f8da7}.layer-render-preview{background:#f2f4f5;border-color:#d3d8dc}.layer-render-info strong{color:#343b42}.layer-render-status{color:#6c747c;background:#f5f7f8;border-color:#d4d9dd}.layer-render-actions a,.layer-render-actions button,.layer-render-actions label{color:#58626b;background:#f6f7f8;border-color:#d4d9dd}.direction-title{background:#fff;border-bottom-color:#d8dce0}.direction-title>span{color:#587087;background:#eef2f5;border-color:#d0d8df}.target-picker{background:#f7f8f9;border-bottom-color:#d9dde1}.target-picker label>span,.target-picker p{color:#7f8790}.extra textarea,.generation-settings select,.requirement-tools label,.target-picker select{color:#343b42;background:#fff;border-color:#d3d8dc}.target-picker p b{color:#456884;background:#e7eef4}.target-actions button{color:#5b646d;background:#fff;border-color:#d3d8dc}.target-actions button:hover{color:#355873;background:#edf2f6;border-color:#aebdc9}.direction-scroll{background:#fafbfc}.requirement-tools{background:#fff;border-color:#d8dce0}.requirement-tools input{color:#353c43}.requirement-tools label>span{color:#8b9299}.requirement-tools button{color:#707981}.requirement-tools button.active,.requirement-tools button:hover{color:#355873;background:#e8f0f6;border-color:#a5b9c9}.direction-scroll article,.extra{background:#fff;border-color:#d9dde1}.requirement-heading b{color:#89919a}.requirement-heading strong{color:#343b42}.requirement-heading span{color:#8b929a}.requirement-body{border-top-color:#e0e3e6}.option-group>small{color:#7f8790}.option-group button{color:#5e6670;background:#f7f8f9;border-color:#d5d9dd}.option-group button:hover{color:#304a60;background:#eef2f5;border-color:#aebcc8}.option-group button.active{color:#315873;background:#e6eef5;border-color:#6c8aa4}.composition-workbench{background:#fff!important;border-color:#d4d9dd!important}.composition-summary{background:#f5f7f8;border-color:#d5dbe0}.composition-summary b{color:#343b42}.composition-summary button{color:#355873;background:#e7eff5;border-color:#7792a8}.composition-mini{background:#fff;border-color:#c5cbd0}.ratio-mini{background:#eef1f3;border-color:#adb5bd}.ratio-presets button.active .ratio-mini{background:#dbe9f2;border-color:#557c9b}.style-presets button:nth-child(-n+3){color:#69584e;border-color:#c9b9ad}.style-presets button:nth-child(-n+3):before{color:#967766}.trained-style-note{color:#7d716a;background:#faf5f1;border-color:#e2d3c9}.trained-style-note b{color:#6c574b}.priority-extra{box-shadow:inset 3px 0 #c48b35;background:#fff8ec!important;border-color:#dfc18d!important}.priority-heading i{color:#fff;background:#c48b35}.priority-heading strong{color:#6d4b1e}.priority-heading small{color:#8b7454}.priority-heading em{color:#80591f;background:#fff0d4;border-color:#e0bc7d}.priority-extra textarea{background:#fff;border-color:#ddc396}.priority-extra textarea:focus{border-color:#c48b35}.creation{background:#fff;border-top-color:#d9dde1}.generation-mode{background:#eef0f2;border-color:#d5d9dd}.generation-mode button{color:#737c85}.generation-mode button.active{color:#303942;background:#fff;border-color:#bdc6ce;box-shadow:0 1px 2px #1e283214}.creation p,.generation-mode span{color:#838b93}.generation-settings>span{color:#536c82}.generation-preflight{background:#f7f8f9;border-color:#d7dbe0}.generation-preflight span{color:#858d95}.generation-preflight b{color:#3f474f}.generation-preflight b.transparent{color:#527a58}.generation-preflight>p{color:#805b27;background:#fff7ea;border-color:#e2c595}.creation>button:not(.handoff-secondary){color:#fff;background:#466887;border-color:#466887}.creation>button:hover:not(:disabled){background:#385a79}.creation .handoff-secondary{color:#59626b;background:#f5f7f8;border-color:#d4d9dd}.creation .handoff-secondary:hover:not(:disabled){color:#355873;background:#eaf0f4;border-color:#afbeca}.modal-backdrop{background:#1f262d6b}.settings-modal{background:#fff;border-color:#cdd2d7;box-shadow:0 18px 50px #252d3638}.modal-heading h2{color:#2f353b}.feature-checklist,.generated-frame,.guide-steps>div,.reference-order>div{background:#f7f8f9;border-color:#d8dce0}.guide-steps>div>b{color:#3f6380;background:#e4edf4}.feature-checklist li,.guide-steps strong{color:#414950}.guide-shortcuts,.guide-steps small{color:#7e8790}.save-key{color:#fff;background:#466887}.remove-key{color:#59626b;background:#f5f7f8;border-color:#d4d9dd}@media (max-width:720px){.directions .creation,.workflow-bar{background:#fff}.panel{border-bottom-color:#d6dade}}:root{--accent:#2563eb;--accent-hover:#1d4ed8;--surface-muted:#f6f7f8}body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.workspace{grid-template-columns:252px minmax(520px,1fr) 372px;gap:10px;margin-top:10px;padding-inline:10px}.panel{border-color:#dfe2e5;border-radius:9px;box-shadow:0 1px 3px #1f23280f}.assets{padding:12px}.tabs{background:#eef0f2;border:0;border-radius:7px;gap:2px;padding:3px}.tabs button{border-radius:5px;min-height:32px;font-size:12px;font-weight:600}.tabs button.active{color:#1f2937;box-shadow:0 1px 2px #1f23281a}.status-strip{color:#68717a;background:#fff;border-bottom:1px solid #e1e4e7;align-items:center;gap:7px;min-height:30px;padding:5px 16px;font-size:10px;display:flex}.status-strip i{background:#4f8a5b;border-radius:50%;width:6px;height:6px}.status-strip.is-busy i{background:#2563eb;animation:status-pulse 1s ease-in-out infinite}.status-strip.is-warning i{background:#c07a20}@keyframes status-pulse{50%{opacity:.35}}.status-strip b{color:#414950;font-size:10px}.status-strip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvas-empty>div{gap:6px;margin-top:3px;display:flex}.canvas-empty button{color:#52606d;cursor:pointer;background:#ffffffeb;border:1px solid #cfd5da;border-radius:6px;padding:6px 8px;font-size:9px}.canvas-empty button:hover{color:#2f4f69;background:#fff;border-color:#9eabb6}.layer-heading{margin-bottom:8px}.layer-category>small,.layer-heading small{letter-spacing:.02em;font-size:10px}.layer-heading button{border-radius:6px;min-height:27px;padding-inline:9px;font-size:10px}.character-layer-list{gap:6px;max-height:232px}.layer-row{background:#fff;border:1px solid #d9dde1;border-radius:7px;grid-template-columns:minmax(0,1fr) 34px;align-items:stretch;min-height:50px;display:grid;overflow:hidden}.layer-row:hover{border-color:#b9c1c9}.layer-row.selected{box-shadow:inset 3px 0 0 var(--accent);background:#eff6ff;border-color:#76a7ea}.layer-select{cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:6px 7px;display:grid}.layer-select img{object-fit:cover;object-position:top;background:#f0f2f4;border-radius:5px;width:34px;height:38px}.layer-copy{min-width:0}.layer-copy small,.layer-copy strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.layer-copy strong{color:#2f353b;font-size:11px}.layer-copy small{color:#7f8790;margin-top:3px;font-size:9px}.variant-item{height:48px;position:relative}.variant-grid .variant-select{width:100%;height:100%;padding:0}.variant-grid .variant-remove{color:#737b84;opacity:0;z-index:2;background:#fffffff0;border:1px solid #d3d8dc;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:11px;transition:opacity .12s;display:flex;position:absolute;top:-4px;right:-3px}.variant-item:hover .variant-remove,.variant-remove:focus-visible{opacity:1}.variant-grid .variant-remove:hover{color:#b42318;background:#fff1f2;border-color:#f1a5aa}.layer-visibility{color:#68717a;cursor:pointer;background:0 0;border:0;border-left:1px solid #e7e9ec;justify-content:center;align-items:center;min-width:32px;font-size:12px;display:flex}.layer-visibility:hover{color:#254d72;background:#eef2f6}.background-card{grid-template-columns:minmax(0,1fr) 34px 30px;gap:0;padding:0;display:grid}.background-select{cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:7px;display:grid}.background-select>span{min-width:0}.background-remove{color:#9299a1;cursor:pointer;background:0 0;border:0;border-left:1px solid #e7e9ec;font-size:16px}.background-remove:hover{color:#b42318;background:#fff1f2}.background-prompt>span{font-size:10px;font-weight:600}.background-prompt textarea{min-height:72px;font-size:11px;line-height:1.5}.background-prompt small{font-size:9px;line-height:1.45}.clear-background-settings{color:#7b6264;cursor:pointer;text-align:left;background:0 0;border:0;margin:4px 0 2px;padding:5px 2px;font-size:9px}.clear-background-settings:hover{color:#b42318;text-decoration:underline}.layer-actions{grid-template-columns:repeat(4,1fr)}.layer-actions button{min-height:28px;font-size:9px}.layer-actions button:disabled{cursor:not-allowed;opacity:.42}.controls label b,.controls label span{font-size:10px}.character-actions .place-character,.creation>button:not(.handoff-secondary),.workflow-next{background:var(--accent);border-color:var(--accent)}.character-actions .place-character:hover,.creation>button:hover:not(:disabled),.workflow-next:hover{background:var(--accent-hover)}.character-actions button,.subhead button,.upload-card button{min-height:30px;font-size:11px}.character-actions .place-character{font-weight:650}.character-name-editor{align-items:center;gap:6px;display:flex}.character-name-editor span{color:#7a828a;white-space:nowrap;font-size:10px}.character-name-editor input{color:#37404a;background:#fff;border:1px solid #d5d9dd;border-radius:6px;width:118px;min-height:30px;padding:5px 8px;font-size:11px;font-weight:650}.character-name-editor input:disabled{color:#9299a1;background:#f3f4f5}.character-grid>button{border-radius:7px!important}.check{background:var(--accent);border-radius:50%}.canvas-toolbar{min-height:52px;padding-inline:14px}.canvas-toolbar strong{font-size:14px}.canvas-buttons .export,.canvas-buttons button{min-height:31px;font-size:11px}.stage{background:#e9ebed}.artboard{box-shadow:0 8px 24px #1f23281f}.output-panel{padding:20px}.output-heading h2{font-size:17px}.output-heading p{font-size:11px}.direction-title{height:54px;padding-inline:14px}.direction-title h2{font-size:14px}.target-picker{padding:12px 14px}.target-picker label>span,.target-picker p{font-size:10px}.target-picker select{min-height:34px;font-size:12px}.direction-scroll{padding:12px}.requirement-tools button,.requirement-tools input{font-size:10px}.requirement-heading strong{font-size:12px}.extra>span,.option-group>small{font-size:10px}.option-group button{border-radius:6px;padding:8px 9px;font-size:10px}.extra textarea{font-size:11px}.creation{padding:14px}.generation-mode b{font-size:11px}.generation-mode span,.generation-preflight span,.generation-preflight>label,.generation-preflight>p{font-size:9px}.style-presets button:nth-child(-n+4){color:#69584e;border-color:#c9b9ad}.style-presets button:nth-child(-n+4):before{color:#967766;content:"专"}.trained-style-note{justify-content:space-between;align-items:center;gap:10px;display:flex}.trained-style-note span{color:#7d716a;line-height:1.45;display:block}.trained-style-note b{margin-bottom:2px;display:block}.trained-style-note button{color:#69584e;cursor:pointer;background:#fff;border:1px solid #c9b9ad;border-radius:6px;flex:none;padding:7px 8px;font-size:9px;font-weight:650}.trained-style-note button:hover{background:#fffaf6;border-color:#a88e7c}@media (max-width:1260px){.workspace{grid-template-columns:232px minmax(440px,1fr) 348px}}@media (max-width:1020px){.workspace{grid-template-columns:232px minmax(0,1fr)}}@media (max-width:720px){.workspace{padding-inline:0;display:block}.panel{box-shadow:none;border-radius:0}.assets{padding:12px}.character-layer-list{max-height:none}.character-actions{grid-template-columns:1fr 1fr;align-items:stretch;display:grid}.character-name-editor{grid-column:1/-1}.character-name-editor input{flex:1;width:auto}.character-actions .new-character{grid-column:1/-1}.stage{min-height:380px}.output-panel{padding:14px}.variant-grid .variant-remove{opacity:1}.trained-style-note{flex-direction:column;align-items:stretch}.trained-style-note button{width:100%}}.workspace-mode{background:#ebe9e3;border:1px solid #dedbd2;border-radius:11px;align-items:center;gap:4px;min-height:46px;padding:4px;display:flex}.workspace-mode button{color:#706d66;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:8px;min-height:36px;padding:8px 18px;font-size:14px;font-weight:650}.workspace-mode button.active{color:#292722;background:#fff;box-shadow:0 1px 4px #2a27221a}.simple-status{margin-bottom:0}.simple-workspace{max-width:1480px;margin:0 auto;padding:28px 32px 64px}.simple-intro{border-bottom:1px solid #ddd9cf;justify-content:space-between;align-items:end;gap:28px;margin-bottom:22px;padding:6px 2px 22px;display:flex}.simple-card-heading small,.simple-intro small,.simple-result-heading small{color:#8b725f;letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:750}.simple-intro h2{color:#282621;letter-spacing:-.04em;margin:5px 0 8px;font-size:clamp(24px,3vw,38px);font-weight:720;line-height:1.1}.simple-intro p{color:#777269;margin:0;font-size:13px}.simple-intro ol{gap:18px;margin:0;padding:0;list-style:none;display:flex}.simple-intro li{color:#777269;white-space:nowrap;align-items:center;gap:7px;font-size:11px;display:flex}.simple-intro li b{color:#fff;background:#34312b;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:9px;display:flex}.simple-columns{grid-template-columns:270px minmax(420px,1fr) 330px;align-items:start;gap:16px;display:grid}.simple-card,.simple-result{background:#fff;border:1px solid #dedbd3;border-radius:12px;box-shadow:0 8px 28px #322d250b}.simple-card{padding:18px}.simple-card-heading,.simple-result-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:15px;display:flex}.simple-card-heading>div,.simple-result-heading>div{align-items:baseline;gap:9px;display:flex}.simple-card-heading h3,.simple-result-heading h3{color:#302d28;margin:0;font-size:16px}.simple-card-heading>span{color:#8b867d;font-size:10px}.simple-upload{color:#37342f;cursor:pointer;background:#f7f5f0;border:1px dashed #bdb7ab;border-radius:9px;flex-direction:column;align-items:center;width:100%;min-height:126px;padding:17px;display:flex}.simple-upload:hover{background:#f1eee7;border-color:#827969}.simple-upload i{font-size:25px;font-style:normal;font-weight:300;line-height:1}.simple-upload b{margin-top:8px;font-size:12px}.simple-upload span{color:#918b82;margin-top:3px;font-size:9px}.simple-reference-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.simple-reference-grid figure{aspect-ratio:1;background:#eeeae2;border-radius:7px;margin:0;position:relative;overflow:hidden}.simple-reference-grid img{object-fit:cover;width:100%;height:100%}.simple-reference-grid figcaption{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(#0000,#000000ad);padding:18px 7px 6px;font-size:8px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.simple-reference-grid button{color:#fff;cursor:pointer;background:#1e1c19b8;border:0;border-radius:50%;width:23px;height:23px;font-size:13px;position:absolute;top:6px;right:6px}.simple-empty{color:#979189;margin:13px 2px 0;font-size:10px;line-height:1.55}.simple-style-card{max-height:650px;padding-bottom:0;overflow:hidden}.simple-magic{color:#fff;cursor:pointer;background:#403b34;border:0;border-radius:7px;padding:7px 10px;font-size:10px;font-weight:650}.simple-style-groups{scrollbar-color:#cac5bb transparent;scrollbar-width:thin;max-height:588px;padding:0 4px 18px 0;overflow:auto}.simple-style-group+.simple-style-group{border-top:1px solid #efede8;margin-top:15px;padding-top:14px}.simple-style-group>small{color:#777269;margin-bottom:8px;font-size:10px;font-weight:650;display:block}.simple-style-group>div{flex-wrap:wrap;gap:6px;display:flex}.simple-style-group button{color:#635f57;cursor:pointer;background:#faf9f6;border:1px solid #e1ded7;border-radius:6px;padding:7px 9px;font-size:10px}.simple-style-group button:hover{color:#312f2a;border-color:#a9a093}.simple-style-group button.active{color:#322c25;background:#e9e3da;border-color:#a99a87;font-weight:700}.simple-request-card>label>span{color:#5f5a52;margin-bottom:8px;font-size:11px;font-weight:650;display:block}.simple-request-card textarea{color:#35322d;font:inherit;resize:vertical;background:#faf9f6;border:1px solid #dcd8cf;border-radius:8px;width:100%;min-height:180px;padding:12px;font-size:12px;line-height:1.65}.simple-request-card textarea:focus{border-color:#9b8e7c;outline:0;box-shadow:0 0 0 3px #9b8e7c1f}.simple-request-card>label>b{color:#9a958d;text-align:right;margin-top:4px;font-size:9px;display:block}.simple-generation-settings{border-top:1px solid #ece9e3;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px;padding-top:13px;display:grid}.simple-generation-settings label,.simple-generation-settings>span{color:#817c73;flex-direction:column;gap:5px;font-size:9px;display:flex}.simple-generation-settings select{color:#393630;background:#fff;border:1px solid #ddd9d1;border-radius:6px;min-height:32px;padding:0 7px}.simple-generation-settings span b{color:#393630;font-size:11px;line-height:32px}.simple-generate{color:#fff;cursor:pointer;background:#302d28;border:0;border-radius:8px;width:100%;min-height:43px;margin-top:14px;font-size:12px;font-weight:700}.simple-generate:hover:not(:disabled){background:#181714}.simple-generate:disabled{cursor:not-allowed;opacity:.42}.native-size-note{color:#7d776e;text-align:center;margin-top:8px;font-size:9px;line-height:1.55;display:block}.simple-cancel{color:#a1483d;cursor:pointer;background:0 0;border:0;width:100%;margin-top:8px;font-size:10px}.simple-result{margin-top:16px;padding:20px}.simple-result-heading>div:last-child{align-items:center;gap:7px;display:flex}.simple-result-heading select{color:#514d46;background:#fff;border:1px solid #d8d4cb;border-radius:6px;min-height:32px;padding:0 8px;font-size:10px}.simple-result-heading button{color:#39352f;cursor:pointer;background:#fff;border:1px solid #bdb6aa;border-radius:6px;min-height:32px;padding:0 11px;font-size:10px}.simple-result-canvas{background-color:#f4f2ed;background-image:linear-gradient(45deg,#e8e4dc 25%,#0000 0),linear-gradient(-45deg,#e8e4dc 25%,#0000 0),linear-gradient(45deg,#0000 75%,#e8e4dc 0),linear-gradient(-45deg,#0000 75%,#e8e4dc 0);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border:1px solid #e1ddd4;border-radius:9px;justify-content:center;align-items:center;width:min(100%,980px);max-width:100%;max-height:720px;margin:0 auto;display:flex;overflow:hidden}.simple-result-canvas img{object-fit:contain;width:100%;height:100%}.simple-result-canvas>div{color:#928c82;flex-direction:column;align-items:center;gap:5px;display:flex}.simple-result-canvas>div i{font-size:32px;font-style:normal;font-weight:200}.simple-result-canvas>div b{color:#676159;font-size:13px}.simple-result-canvas>div span{font-size:10px}@media (max-width:1120px){.simple-columns{grid-template-columns:240px minmax(0,1fr)}.simple-request-card{grid-column:1/-1}.simple-request-card>label{display:block}}@media (max-width:720px){.topbar{flex-wrap:wrap}.workspace-mode{order:3;width:100%}.workspace-mode button{flex:1}.simple-workspace{padding:20px 12px 44px}.simple-intro{flex-direction:column;align-items:start}.simple-intro ol{flex-direction:column;gap:7px}.simple-columns{display:block}.simple-card+.simple-card{margin-top:12px}.simple-style-card{max-height:none}.simple-style-groups{max-height:none;overflow:visible}.simple-result-heading{flex-direction:column;align-items:flex-start}}.topbar-actions{justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.topbar-actions .save-note{gap:9px;font-size:12px}.topbar-actions .save-note i,.topbar-actions .save-note i.key-ready{width:7px;height:7px}.topbar-actions .save-note button{min-height:36px;padding:0 12px;font-size:12px}.author-credit{align-items:center;gap:14px;min-height:58px;display:flex}.author-avatar-link{border-radius:50%;flex:none;transition:transform .18s,box-shadow .18s;display:block;position:relative}.author-avatar-link:hover{transform:translateY(-1px)scale(1.04);box-shadow:0 0 0 4px #4668871f}.author-avatar-link:focus-visible{outline-offset:3px}.author-avatar-link img{object-fit:cover;border:1px solid #c7cdd3;border-radius:50%;width:54px;height:54px;display:block;box-shadow:0 2px 7px #2a333c1f}.author-credit span{grid-template-columns:auto auto;line-height:1.3;display:grid}.author-credit small{color:#707982;letter-spacing:.05em;grid-column:1/-1;margin-bottom:2px;font-size:12px;font-weight:680}.author-credit b{color:#28313a;font-size:16px;font-weight:740}.author-credit em{color:#76818b;align-self:center;margin-left:9px;font-size:12px;font-style:normal}.support-author{color:#9a5548;cursor:pointer;background:#fff8f5;border:1px solid #e4c9c0;border-radius:7px;min-height:36px;padding:0 13px;font-size:11px;transition:background .15s,border-color .15s,transform .15s}.support-author:hover{background:#fff1ec;border-color:#cfa99e;transform:translateY(-1px)}.support-modal{text-align:center;background:linear-gradient(165deg,#fffefd,#fff6f2);border:1px solid #ead8d1;border-radius:22px;flex-direction:column;align-items:center;max-width:420px;padding:28px 30px 26px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 70px #432f2833}.support-modal:before{content:"";background:radial-gradient(circle,#e8a99738,#0000 68%);width:230px;height:230px;position:absolute;top:-110px;right:-90px}.support-close{color:#9a7a70;cursor:pointer;z-index:1;background:#ffffffd1;border:1px solid #eadbd5;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:19px;display:flex;position:absolute;top:14px;right:14px}.support-avatar-ring{margin-bottom:12px;position:relative}.support-avatar-ring>img{object-fit:cover;border:4px solid #fff;border-radius:50%;width:78px;height:78px;box-shadow:0 8px 24px #5b3e342e,0 0 0 1px #e5d0c8}.support-avatar-ring i{color:#fff;background:#d98572;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:12px;font-style:normal;display:flex;position:absolute;bottom:-1px;right:-2px}.support-modal>small{color:#b37868;letter-spacing:.18em;font-size:9px;font-weight:700}.support-modal>h2{color:#3d312d;letter-spacing:-.04em;margin:5px 0 3px;font-size:27px}.support-modal>p{color:#6d554e;margin:0;font-size:15px;font-weight:650;line-height:1.55}.support-sticker{background:#ffffffbf;border:1px solid #efddd6;border-radius:18px;justify-content:center;align-items:center;width:178px;height:178px;margin:17px 0 12px;display:flex;overflow:hidden}.support-sticker img{object-fit:contain;width:100%;height:100%;display:block}.support-modal>span{color:#9a837b;font-size:10px;line-height:1.55}.support-confirm{color:#fff;cursor:pointer;background:#493c37;border:0;border-radius:10px;width:100%;min-height:40px;margin-top:17px;font-size:11px;font-weight:680}.support-confirm:hover{background:#302824}@media (max-width:980px){.author-credit span,.save-note,.save-note>i{display:none}.topbar{grid-template-columns:58px 1fr auto}}@media (max-width:720px){.topbar{grid-template-columns:42px 1fr auto;row-gap:10px;height:auto;padding:10px 12px;display:grid}.topbar-actions{justify-self:end}.author-avatar-link img{width:42px;height:42px}.workspace-mode{order:0;grid-column:1/-1}.support-author{width:31px;padding:0;font-size:0}.support-author:before{content:"♡";font-size:15px}.support-modal{border-radius:18px;padding:25px 20px 21px}.support-sticker{width:160px;height:160px}}body{--font-geist-sans:"Microsoft YaHei","PingFang SC",sans-serif;--font-geist-mono:monospace;padding-bottom:44px}.icp-footer{z-index:150;text-align:center;background:#080c17;border-top:1px solid #23324c;min-height:36px;padding:8px 12px;font-size:14px;line-height:20px;position:fixed;inset:auto 0 0}.icp-footer a{color:#aebbd0;text-decoration:none}.icp-footer a:hover{color:#35d6e7;text-decoration:underline}.icp-footer a:focus-visible{outline-offset:3px;outline:2px solid #35d6e7}.simple-generation-settings>.generation-model-setting{grid-column:1/-1;min-width:0}.generation-settings{flex-wrap:wrap}.generation-settings>.generation-model-setting{flex:1 0 100%;justify-content:space-between;min-width:0}.generation-model-setting select{min-width:0;max-width:100%}.generation-settings>.generation-model-setting select{flex:1}.generation-model-setting select:disabled{cursor:not-allowed;opacity:.65}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}