.studio-canvas-layer{z-index:0;position:absolute;inset:0}.studio-canvas-layer.is-concealed{visibility:hidden;pointer-events:none}.detail-page-shell{z-index:20;background:var(--bg,#0b0d10);align-content:start;gap:20px;padding:88px 88px 40px;display:grid;position:absolute;inset:0;overflow:auto}.detail-page-shell.is-concealed{visibility:hidden;pointer-events:none;z-index:0}.detail-page-header{align-items:center;gap:16px;display:flex}.detail-page-panel{--detail-page-block-gap:12px;--detail-page-divider:color-mix(in srgb, var(--line) 45%, transparent);border:1px solid var(--line);background:#ffffff08;border-radius:20px;flex:none;gap:0;width:fit-content;max-width:none;padding:0;display:grid;overflow:hidden}.detail-page-panels{grid-template-columns:repeat(2,max-content);align-items:start;gap:20px;width:max-content;max-width:none;display:grid}.detail-page-panel-head{justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:10px 24px;display:flex}.detail-page-panel-name{min-width:0;color:var(--text);margin:0;font-size:18px;font-weight:600;line-height:1.3}.detail-page-panel-name .image-panel-header-label{color:var(--text);letter-spacing:normal;font-size:18px;font-weight:600}.detail-page-panel-name .image-panel-header-label-input{width:min(180px,40vw);color:var(--text);letter-spacing:normal;font-size:18px;font-weight:600}.detail-page-panel-head-actions{flex:none;align-items:center;gap:6px;display:inline-flex}.detail-page-panel-icon-button{border:1px solid var(--line);width:28px;height:28px;color:var(--text);cursor:pointer;background:#ffffff0f;border-radius:999px;justify-content:center;align-items:center;font-size:18px;line-height:1;display:inline-flex}.detail-page-panel-icon-button:hover:not(:disabled){border-color:var(--focus-border,#ffffff59)}.detail-page-panel-icon-button:disabled{opacity:.35;cursor:not-allowed}.detail-page-panel-icon-button-add{color:#111;background:#a1ff14;border-color:#a1ff14}.detail-page-panel-icon-button-add:hover:not(:disabled){background:#b8ff4d;border-color:#a1ff14}.detail-page-panel-icon-button-remove:hover:not(:disabled){background:#fa2a2a;border-color:#f81010}.detail-page-panel-head-rule{background:var(--line);height:1px}.detail-page-panel-body{gap:0;padding:24px;display:grid}.detail-page-block+.detail-page-block{margin-top:var(--detail-page-block-gap);padding-top:var(--detail-page-block-gap);border-top:1px solid var(--detail-page-divider)}.detail-page-actions{justify-content:flex-end;align-items:center;width:100%;display:flex;position:relative}.detail-page-download-all{color:#111;cursor:pointer;white-space:nowrap;background:#a1ff14;border:none;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:6px;width:18%;min-width:0;max-width:18%;height:36px;min-height:36px;margin-right:auto;font-size:13px;font-weight:600;line-height:1;display:inline-flex}.detail-page-download-all:hover:not(:disabled){background:#b8ff4d}.detail-page-download-all:disabled{opacity:.45;cursor:not-allowed}.detail-page-download-all-icon{flex-shrink:0;width:16px;height:16px}.detail-page-add-slot-bar{color:#111;cursor:pointer;background:#a1ff14;border:none;border-radius:999px;flex:none;justify-content:center;align-items:center;width:36%;min-width:0;max-width:36%;height:36px;min-height:36px;font-size:22px;font-weight:600;line-height:1;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.detail-page-add-slot-bar:hover:not(:disabled){background:#b8ff4d}.detail-page-add-slot-bar:disabled{opacity:.4;cursor:not-allowed}.detail-page-actions .image-generate-button{min-width:120px;margin-left:0;margin-right:20px;padding:0 18px 0 12px}.detail-page-actions .image-generate-button:disabled{opacity:.55;cursor:not-allowed}.detail-page-generate-status{color:var(--muted,#9aa3b2);text-align:right;margin:8px 0 0;font-size:12px;line-height:1.4}.detail-page-upload-row{grid-template-columns:max-content auto max-content;align-items:start;gap:20px;display:grid}.detail-page-upload-col{outline:none;min-width:0}.detail-page-upload-col.is-drag-over{background:#a1ff140f;border-radius:12px;box-shadow:inset 0 0 0 1px #a1ff148c}.detail-page-upload-divider{background:var(--detail-page-divider);align-self:stretch;width:1px;min-height:90px}@media (max-width:640px){.detail-page-upload-row{grid-template-columns:1fr}.detail-page-upload-divider{width:100%;height:1px;min-height:0}}.detail-page-section{gap:12px;display:grid}.detail-page-section-head{gap:4px;display:grid}.detail-page-section-title{margin:0;font-size:16px;font-weight:650}.detail-page-accent-title{background:var(--brand-green,#a1ff14);width:fit-content;height:36px;min-height:36px;color:var(--brand-green-on,#131313);border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:13px;font-weight:600;line-height:1;display:inline-flex}.detail-page-image-row{grid-template-columns:repeat(4,90px);gap:6px;display:grid}.detail-page-upload-tile{border:1px dashed var(--line);width:90px;height:90px;color:var(--muted,#9aa3b2);cursor:pointer;text-align:center;background:#ffffff08;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:2px;font-size:10px;line-height:1.1;display:inline-flex}.detail-page-upload-tile:hover:not(:disabled){border-color:var(--focus-border,#ffffff59);color:var(--text)}.detail-page-upload-tile:disabled{opacity:.4;cursor:not-allowed}.detail-page-upload-col.is-disabled .detail-page-image-row{opacity:.45;pointer-events:none}.detail-page-upload-plus{font-size:16px;line-height:1}.detail-page-file-input{display:none}.detail-page-image-chip{border:1px solid var(--line);background:#ffffff0a;border-radius:10px;width:90px;height:90px;position:relative;overflow:hidden}.detail-page-image-chip.is-uploading .detail-page-image-chip-thumb{filter:brightness(.72)}.detail-page-image-chip-thumb{object-fit:cover;width:100%;height:100%;display:block}.detail-page-upload-spinner{z-index:2;pointer-events:none;border:2px solid #e2e8f03d;border-top-color:#fff;border-radius:999px;width:22px;height:22px;margin:auto;animation:.9s linear infinite detail-page-upload-spin;position:absolute;inset:0}@keyframes detail-page-upload-spin{to{transform:rotate(360deg)}}.detail-page-image-chip-remove{z-index:3;color:#fff;cursor:pointer;background:#0000008c;border:0;border-radius:999px;width:16px;height:16px;font-size:11px;line-height:1;position:absolute;top:2px;right:2px}.detail-page-field-row{flex-wrap:nowrap;align-items:end;gap:8px 12px;width:100%;min-width:0;display:flex;overflow-x:auto}.detail-page-field-row .detail-page-field{flex:0 auto;gap:6px;min-width:0}.detail-page-field-row .detail-page-field-label{white-space:nowrap;font-size:12px}.detail-page-field-row .detail-page-field select,.detail-page-field-row .detail-page-field .detail-page-text-input{box-sizing:border-box;border-radius:9px;width:max-content;min-width:0;max-width:100%;height:36px;padding:6px 10px;font-size:13px;line-height:1.2}.detail-page-field-row .detail-page-field select{min-width:88px}.detail-page-field-row .detail-page-custom-size{flex:none}.detail-page-field-row .detail-page-custom-size-row{flex-wrap:nowrap}.detail-page-field-row .detail-page-custom-size-item{flex:0 0 72px;width:72px}.detail-page-field-row .detail-page-custom-size-item .detail-page-text-input{width:100%;min-width:0}.detail-page-field-row .detail-page-custom-size-x{text-align:center;flex:none;padding:0 2px;font-size:12px;line-height:36px}.detail-page-gen-settings-row .detail-page-accent-title{flex:none;align-self:end;margin:0}.detail-page-section-title-row{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.detail-page-section-title-with-tip{align-items:center;gap:6px;display:inline-flex}.detail-page-help-tip{width:18px;height:18px;color:var(--muted,#9aa3b2);cursor:help;-webkit-user-select:none;user-select:none;border:1px solid #ffffff59;border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:600;line-height:1;display:inline-flex;position:relative}.detail-page-help-tip:after{content:attr(data-tip);color:#f3f5f8;white-space:normal;opacity:0;pointer-events:none;z-index:5;background:#14161cf5;border:1px solid #ffffff24;border-radius:8px;width:max-content;max-width:260px;padding:6px 10px;font-size:12px;font-weight:500;line-height:1.35;transition:opacity .12s;position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%)}.detail-page-help-tip:hover:after,.detail-page-help-tip:focus-visible:after{opacity:1}.detail-page-smart-match-inline{color:var(--muted,#9aa3b2);cursor:pointer;align-items:center;gap:0;font-size:13px;display:inline-flex}.detail-page-field{gap:8px;min-width:0;display:grid}.detail-page-field-label{color:var(--muted,#9aa3b2);font-size:13px}.detail-page-field-label-with-tip{align-items:center;gap:6px;display:inline-flex}.detail-page-field-tip{border:1px solid color-mix(in srgb, var(--muted,#9aa3b2) 55%, transparent);width:16px;height:16px;color:var(--muted,#9aa3b2);cursor:help;background:0 0;border-radius:999px;justify-content:center;align-items:center;margin:0;padding:0;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.detail-page-field-tip:hover,.detail-page-field-tip:focus-visible{color:var(--text);border-color:color-mix(in srgb, var(--text) 45%, transparent);outline:none}.detail-page-field select,.detail-page-field .detail-page-text-input{border:1px solid var(--line);min-width:120px;color:var(--text);background:var(--input-bg,#ffffff0f);border-radius:12px;padding:10px 12px}.detail-page-field select{cursor:pointer;color-scheme:var(--select-scheme)}.detail-page-field select option,.detail-page-field select optgroup{background-color:var(--dropdown-bg);color:var(--dropdown-text)}.detail-page-field .detail-page-text-input{box-sizing:border-box;width:100%;min-width:0}.detail-page-field .detail-page-text-input::placeholder{color:var(--muted,#9aa3b2)}.detail-page-custom-size-row{align-items:center;gap:6px;display:flex}.detail-page-custom-size-item{flex:none;width:96px;min-width:0;display:block}.detail-page-custom-size-x{color:var(--muted,#9aa3b2);text-align:center;-webkit-user-select:none;user-select:none;flex:none;font-size:13px;line-height:1}.detail-page-field textarea{border:1px solid var(--line);width:100%;min-height:64px;color:var(--text);resize:vertical;background:#ffffff0f;border-radius:12px;padding:10px 12px}.detail-page-body,.detail-page-slots{gap:0;min-width:0;display:grid}.detail-page-slot{background:0 0;border:0;border-radius:0;gap:8px;padding:0;display:grid}.detail-page-slot.is-aux-open{z-index:40;position:relative}.detail-page-slot+.detail-page-slot{margin-top:var(--detail-page-block-gap);padding-top:var(--detail-page-block-gap);border-top:1px solid var(--detail-page-divider)}.detail-page-slot-body{align-items:flex-start;gap:12px;width:fit-content;max-width:100%;display:flex}.detail-page-slot-left{gap:10px;width:min(640px,85vw);min-width:0;display:grid}.detail-page-slot-prompt{min-width:0}.detail-page-slot-prompt textarea{box-sizing:border-box;resize:none;height:128px;min-height:128px}.detail-page-slot-toolbar{z-index:3;align-items:center;gap:12px;min-width:0;display:flex;position:relative}.detail-page-slot-refs{z-index:2;flex:none;align-items:center;min-height:80px;display:flex;position:relative}.detail-page-slot-aux{flex-wrap:wrap;flex:0 auto;justify-content:flex-start;align-items:center;gap:8px;min-width:0;display:flex}.detail-page-slot-aux-dropdown{flex:none;min-width:0;max-width:none;position:relative}.detail-page-slot-aux-dropdown.has-thumbs{max-width:none}.detail-page-slot-aux-dropdown.is-open{z-index:50}.detail-page-slot-aux-btn{box-sizing:border-box;border:1px solid var(--line);width:auto;min-width:108px;max-width:168px;height:40px;color:var(--text,#e8eaef);cursor:pointer;white-space:nowrap;background:#ffffff0a;border-radius:10px;justify-content:center;align-items:center;gap:4px;padding:0 12px 0 14px;font-size:13px;font-weight:500;line-height:1;display:inline-flex}.detail-page-slot-aux-btn.has-thumb{justify-content:flex-start;gap:6px;min-width:120px;max-width:180px;padding:0 12px 0 10px}.detail-page-slot-aux-btn-thumb{border-radius:3px;flex:none;width:16px;height:22px;overflow:hidden}.detail-page-slot-aux-btn-label{text-overflow:ellipsis;min-width:0;overflow:hidden}.detail-page-slot-aux-chevron{opacity:.7;flex:none}.detail-page-slot-aux-btn.has-thumb .detail-page-slot-aux-chevron{margin-left:0}.detail-page-slot-aux-dropdown.is-disabled .detail-page-slot-aux-btn,.detail-page-slot-aux-btn:disabled{opacity:.45;cursor:not-allowed}.detail-page-slot-aux-btn.is-open,.detail-page-slot-aux-btn:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent,#6b8cff) 45%, var(--line));background:#ffffff14}.detail-page-slot-aux-btn.is-active{border-color:color-mix(in srgb, var(--brand-green,#a1ff14) 40%, var(--line))}.detail-page-slot-aux-btn.is-open .detail-page-slot-aux-chevron{transform:rotate(180deg)}.detail-page-slot-aux-menu{z-index:60;border:1px solid var(--line);background:var(--card-solid,#1a1d24);scrollbar-width:none;-ms-overflow-style:none;border-radius:10px;gap:2px;min-width:100%;max-height:180px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden auto;box-shadow:0 10px 28px #00000052}.detail-page-slot-aux-menu.is-thumbs{scrollbar-width:none;-ms-overflow-style:none;grid-template-columns:none;gap:0;width:100%;min-width:100%;max-width:100%;max-height:220px;padding:6px;overflow-y:auto}.detail-page-slot-aux-menu.is-grouped{flex-direction:column;align-items:stretch;gap:8px;display:flex}.detail-page-slot-aux-menu-section{flex-direction:column;gap:4px;min-width:0;display:flex}.detail-page-slot-aux-menu-group{color:var(--muted,#9aa3b2);letter-spacing:.04em;text-transform:none;opacity:.9;padding:2px 4px 0;font-size:10px;font-weight:650;line-height:1.2}.detail-page-slot-aux-menu-section-items{gap:2px;display:grid}.detail-page-slot-aux-menu-section-items.is-thumbs{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.detail-page-slot-aux-menu.is-thumbs::-webkit-scrollbar{width:0;height:0;display:none}.detail-page-slot-aux-menu::-webkit-scrollbar{width:0;height:0;display:none}.detail-page-slot-aux-menu-item{box-sizing:border-box;min-height:30px;color:var(--muted,#9aa3b2);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:500;line-height:1.2}.detail-page-slot-aux-menu-item.has-thumb{white-space:normal;border:1px solid #0000;flex-direction:column;align-items:center;gap:4px;min-height:0;padding:4px;display:flex}.detail-page-slot-aux-menu-thumb{background:#151920;border-radius:4px;flex:none;width:36px;height:48px}.detail-page-slot-aux-menu-item.has-thumb .detail-page-slot-aux-menu-item-label{text-overflow:ellipsis;text-align:center;width:100%;font-size:10px;line-height:1.2;display:block;overflow:hidden}.detail-page-slot-aux-menu-item:hover{color:#131313;background:var(--brand-green,#a1ff14)}.detail-page-slot-aux-menu-item.has-thumb:hover{border-color:color-mix(in srgb, var(--brand-green,#a1ff14) 45%, transparent)}.detail-page-slot-aux-menu-item.is-selected{color:#131313;background:var(--brand-green,#a1ff14);font-weight:700}.detail-page-slot-aux-menu-item.has-thumb.is-selected{border-color:color-mix(in srgb, var(--brand-green,#a1ff14) 70%, transparent)}.detail-page-slot-remove-btn{box-sizing:border-box;border:1px solid var(--line);width:40px;height:40px;color:var(--muted,#9aa3b2);cursor:pointer;background:#ffffff0a;border-radius:10px;flex:none;place-items:center;padding:0;display:inline-grid}.detail-page-slot-remove-btn:hover:not(:disabled){border-color:color-mix(in srgb, #ff5c5c 55%, var(--line));color:#ff8a8a;background:#ff5c5c1f}.detail-page-slot-remove-btn:disabled{opacity:.35;cursor:not-allowed}.detail-page-slot-remove-icon{width:18px;height:18px}.detail-page-slot-ref-empty{box-sizing:border-box;border:1px dashed var(--line);width:72px;height:72px;color:var(--muted,#9aa3b2);cursor:pointer;text-align:center;background:#ffffff08;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:2px;font-size:12px;line-height:1.1;display:inline-flex}.detail-page-slot-ref-empty:hover{border-color:color-mix(in srgb, var(--accent,#6b8cff) 45%, var(--line));color:var(--text,#e8eaef)}.detail-page-slot-ref-empty.is-drag-over,.detail-page-slot-ref-stack.is-drag-over{background:#a1ff1414;border-color:#a1ff14b3;box-shadow:0 0 0 1px #a1ff1459}.detail-page-slot-ref-empty .detail-page-upload-plus{font-size:16px;line-height:1}.detail-page-slot-ref-caption{opacity:.85;font-size:11px;line-height:1.1}.detail-page-slot-ref-stack{--stack-tile:72px;--stack-step:46px;--stack-count:1;--fan-add:0;box-sizing:border-box;width:var(--stack-tile);height:var(--stack-tile);flex:none;margin:4px 6px 4px 4px;transition:width .22s;position:relative}@media (hover:hover) and (pointer:fine){.detail-page-slot-ref-stack.is-multi:hover,.detail-page-slot-ref-stack.is-multi:focus-within{width:calc(var(--stack-tile) + (var(--stack-count) - 1) * var(--stack-step) + var(--fan-add) * 1px);z-index:6}}.detail-page-slot-ref-stack-item{--stack-index:0;--stack-angle:-10;--expand-angle:-8;--stack-x:0;--stack-y:0;z-index:calc(var(--stack-index) + 1);box-sizing:border-box;width:var(--stack-tile);height:var(--stack-tile);border:1px solid var(--line);transform:translate(calc(var(--stack-x) * 1px), calc(var(--stack-y) * 1px)) rotate(calc(var(--stack-angle) * 1deg));transform-origin:50%;background:#ffffff0a;border-radius:8px;transition:transform .22s,box-shadow .22s;position:absolute;top:0;left:0;overflow:visible;box-shadow:0 2px 6px #00000047}.detail-page-slot-ref-stack-item>.detail-page-slot-ref-stack-thumb{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block;overflow:hidden}.detail-page-slot-ref-stack-item.is-uploading>.detail-page-slot-ref-stack-thumb{filter:brightness(.72)}.detail-page-slot-ref-stack-item>.detail-page-upload-spinner{width:18px;height:18px}@media (hover:hover) and (pointer:fine){.detail-page-slot-ref-stack.is-multi:hover .detail-page-slot-ref-stack-item,.detail-page-slot-ref-stack.is-multi:focus-within .detail-page-slot-ref-stack-item{transform:translate(calc(var(--stack-index) * var(--stack-step)), 0) rotate(calc(var(--expand-angle) * 1deg));box-shadow:0 4px 12px #00000052}}.detail-page-slot-ref-stack-thumb{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.detail-page-slot-ref-stack-item-remove{z-index:2;color:#fff;cursor:pointer;opacity:0;pointer-events:none;background:#000000a6;border:0;border-radius:999px;width:16px;height:16px;padding:0;font-size:11px;line-height:1;transition:opacity .15s;position:absolute;top:-5px;right:-5px}@media (hover:hover) and (pointer:fine){.detail-page-slot-ref-stack.is-multi:hover .detail-page-slot-ref-stack-item-remove,.detail-page-slot-ref-stack.is-multi:focus-within .detail-page-slot-ref-stack-item-remove{opacity:1;pointer-events:auto}}.detail-page-slot-ref-stack-remove{z-index:calc(var(--stack-count) + 2);color:#fff;cursor:pointer;background:#0009;border:0;border-radius:999px;width:16px;height:16px;padding:0;font-size:11px;line-height:1;position:absolute;top:-4px;right:-4px}.detail-page-slot-ref-stack-add{z-index:calc(var(--stack-count) + 3);border:1px solid var(--line);width:20px;height:20px;color:var(--text,#e8eaef);background:color-mix(in srgb, var(--panel,#1a1d24) 88%, transparent);cursor:pointer;border-radius:999px;place-items:center;padding:0;font-size:13px;line-height:1;transition:left .22s,right .22s,top .22s,bottom .22s,transform .22s;display:grid;position:absolute;bottom:-6px;right:-6px;box-shadow:0 1px 4px #00000059}.detail-page-slot-ref-stack-add:hover{background:color-mix(in srgb, var(--panel,#1a1d24) 70%, var(--accent,#6b8cff) 30%)}@media (hover:hover) and (pointer:fine){.detail-page-slot-ref-stack.is-multi:hover .detail-page-slot-ref-stack-add,.detail-page-slot-ref-stack.is-multi:focus-within .detail-page-slot-ref-stack-add{left:calc((var(--stack-count) - 1) * var(--stack-step) + var(--stack-tile) + 4px);top:50%;bottom:auto;right:auto;transform:translateY(-50%)}}.detail-page-slot-result{box-sizing:border-box;width:218px;height:auto;max-height:290px;aspect-ratio:var(--detail-result-aspect,3 / 4);border:1px dashed var(--line);color:var(--muted,#9aa3b2);background:#ffffff08;border-radius:12px;flex:none;justify-content:center;align-self:flex-start;align-items:center;padding:0;font-size:13px;display:flex;position:relative;overflow:hidden}.detail-page-slot-result.is-pending{border-style:solid}.detail-page-slot-result-open{border-radius:inherit;cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;margin:0;padding:0;display:block}.detail-page-slot-result-open:focus-visible{outline:2px solid var(--focus-border-strong,#ffffffc7);outline-offset:2px}.detail-page-slot-result-image{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.detail-page-slot-result-empty{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:8px;display:flex;position:relative}.detail-page-slot-result-empty-icon{width:42px;height:42px;color:var(--muted,#9aa3b2);opacity:.28}.detail-page-slot-result .error-text{text-align:center;margin:0;font-size:11px;position:absolute;inset:auto 6px 6px}@media (max-width:640px){.detail-page-shell{padding:88px 20px 32px}.detail-page-image-row{grid-template-columns:repeat(3,90px)}.detail-page-slot-left{width:min(520px,92vw)}}

