.ref-surface{--ref-bg:var(--background);--ref-card:var(--card);--ref-text:var(--foreground);--ref-muted:var(--muted-foreground);--ref-line:var(--border);--ref-accent:var(--primary);--ref-control:var(--secondary);background:var(--ref-bg);color:var(--ref-text);font-family:var(--font-sans),"PingFang SC",system-ui,sans-serif;line-height:1.5;width:100%;isolation:isolate;position:relative;min-width:0;overflow-wrap:break-word}.ref-surface *{box-sizing:border-box}.ref-surface button,.ref-surface input,.ref-surface select,.ref-surface textarea{font-family:inherit}.ref-surface button{cursor:pointer}.ref-surface button:disabled{opacity:.5}.ref-surface button:focus-visible,.ref-surface input:focus-visible,.ref-surface select:focus-visible,.ref-surface textarea:focus-visible{outline:2px solid var(--ref-accent);outline-offset:3px}.ref-content{max-width:768px;margin:0 auto;width:100%;position:relative;z-index:1}.ref-heading{text-align:center}.ref-heading h2{font-family:inherit;font-size:36px;line-height:40px;font-weight:400;letter-spacing:-.01em;margin:0}.ref-heading>p{font-size:16px;line-height:26px;color:var(--ref-muted);margin:16px auto 0;max-width:672px}.ref-composer{background:var(--ref-card);border:1px solid var(--ref-line);border-radius:24px;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;position:relative;margin:40px 0 0;transition:box-shadow .2s,border-color .2s}.ref-composer:focus-within{border-color:color-mix(in oklch,var(--ref-accent) 45%,var(--ref-line));box-shadow:0 4px 10px #00000010}.ref-composer>textarea,.ref-prompt{display:block;width:100%;min-height:92px;resize:vertical;border:0;background:transparent;font-size:14px;line-height:22.75px;color:var(--ref-text);padding:16px 16px 8px;border-radius:24px;outline:0}.ref-composer textarea::placeholder{color:var(--ref-muted)}.ref-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 12px 12px;flex-wrap:wrap;min-height:48px}.ref-toolbar-end,.ref-toolbar-start{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}.ref-toolbar-end{margin-left:auto}.ref-submit{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--ref-accent);color:var(--primary-foreground);font-size:12px;border:0;padding:0 14px;height:36px;border-radius:18px;white-space:nowrap}.ref-submit.is-round{width:32px;height:32px;padding:0;flex-shrink:0;border-radius:50%}.ref-error,.ref-notice{font-size:12px;line-height:1.5;margin:12px 16px;color:var(--ref-muted)}.ref-results{max-width:1024px;margin:32px auto 0}.ref-results:empty{display:none}.ref-popover{position:relative;min-width:0}.ref-control{border:0;display:flex;align-items:center;gap:6px;max-width:100%;background:var(--ref-control);color:var(--ref-text);border-radius:8px;padding:0 12px;height:36px;font-size:12px;line-height:16px;white-space:nowrap}.ref-control>span{max-width:190px;overflow:hidden;text-overflow:ellipsis}.ref-popover-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:30;background:var(--ref-card);border:1px solid var(--ref-line);border-radius:14px;padding:8px;width:296px;max-width:calc(100vw - 40px);box-shadow:var(--surface-shadow);text-align:left;max-height:440px;overflow:auto}.ref-menu-title{font-size:11px;font-weight:500;color:var(--ref-muted);padding:8px;text-transform:uppercase;letter-spacing:.04em}.ref-model-option{border:0;background:transparent;color:var(--ref-text);display:flex;text-align:left;align-items:center;justify-content:space-between;padding:10px 8px;width:100%;font-size:12px;border-radius:8px;gap:8px}.ref-model-option:hover,.ref-model-option[aria-pressed=true]{background:var(--ref-control)}.ref-model-option strong{display:block;font-size:12px;font-weight:500}.ref-model-option small{display:block;color:var(--ref-muted);font-size:10px;margin-top:4px}.ref-setting-group{padding:8px}.ref-setting-group>span{font-size:11px;color:var(--ref-muted)}.ref-segments{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.ref-segments button{min-width:44px;height:32px;border:1px solid var(--ref-line);border-radius:7px;background:transparent;color:var(--ref-muted);font-size:11px;padding:0 8px}.ref-segments button[aria-pressed=true]{color:var(--ref-accent);border-color:var(--ref-accent);background:color-mix(in srgb,var(--ref-accent) 7%,transparent)}.ref-toggle{display:flex;align-items:center;gap:8px;color:var(--ref-muted);font-size:12px;padding:10px 8px}.ref-toggle input{accent-color:var(--ref-accent)}.ref-attach{display:inline-flex;position:relative}.ref-file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.ref-attach-button,.ref-media-menu>.ref-control{display:inline-flex;justify-content:center;align-items:center;background:transparent;color:var(--ref-muted);height:32px;width:32px;border:1px solid var(--ref-line);border-radius:50%;padding:0}.ref-media-menu>.ref-control>span,.ref-media-menu>.ref-control>svg:last-child{display:none}.ref-media-menu>.ref-popover-panel{right:auto;left:0;width:240px}.ref-media-option{display:flex;align-items:center;gap:8px;font-size:12px;border:0;background:transparent;color:var(--ref-text);padding:10px;width:100%;text-align:left;border-radius:6px}.ref-media-option:hover:not(:disabled){background:var(--ref-control)}.ref-menu-note{font-size:11px;color:var(--ref-muted);padding:8px;line-height:1.6;margin:0}.ref-reference-chips{display:flex;gap:8px;flex-wrap:wrap;padding:8px 16px}.ref-reference-chip{display:flex;align-items:center;gap:8px;padding:6px;border:1px solid var(--ref-line);border-radius:12px;background:var(--ref-control);max-width:260px;font-size:11px}.ref-reference-chip img{height:36px;width:36px;border-radius:6px;object-fit:cover}.ref-reference-chip>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ref-reference-chip small{display:block;font-size:10px;color:var(--ref-muted)}.ref-reference-chip button{flex-shrink:0;background:transparent;color:var(--ref-muted);border:0;padding:6px}.ref-price{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;color:var(--ref-muted);justify-content:flex-end;margin:10px 2px}.ref-region-price{background:var(--warning-surface);color:var(--warning);padding:2px 7px;letter-spacing:.06em;border-radius:5px;font-size:9px;font-weight:600}.ref-examples{margin:24px auto 0;width:100%;max-width:768px}.ref-examples-heading{display:flex;align-items:center;gap:12px;margin-bottom:12px;color:var(--ref-muted)}.ref-examples-heading h3{font-size:14px;line-height:20px;font-weight:400;margin:0}.ref-examples-heading>button{display:flex;gap:6px;align-items:center;background:transparent;color:var(--ref-muted);border:0;font-size:12px}.ref-examples-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ref-example{position:relative;min-width:0}.ref-example>button:first-child{display:block;width:100%;border:0;padding:0;background:transparent;color:var(--ref-muted);text-align:left}.ref-example-art{position:relative;display:block;border:1px solid var(--ref-line);border-radius:8px;overflow:hidden;background:var(--ref-control);width:100%}.ref-example-art>img,.ref-example-art>video{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.ref-example-art>video{opacity:0;transition:opacity .2s}.ref-example-art:hover>video{opacity:1}.ref-atlas-art{position:absolute;inset:0;background-size:400% 200%;background-repeat:no-repeat}.ref-example-art>svg{position:absolute;top:calc(50% - 15px);left:calc(50% - 15px)}.ref-example-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-end;padding:10px;color:white;background:linear-gradient(transparent 60%,#0007);opacity:0;transition:opacity .2s}.ref-example:focus-within .ref-example-overlay,.ref-example:hover .ref-example-overlay{opacity:1}.ref-example-caption{display:block;font-size:14px;line-height:20px;margin:8px 0 0}.ref-examples-masonry{margin-top:56px}.ref-examples-masonry .ref-examples-grid{display:block;column-count:4;column-gap:8px}.ref-examples-masonry .ref-example{break-inside:avoid;margin-bottom:8px}.ref-examples-masonry .ref-example-caption{position:absolute;bottom:10px;left:10px;right:10px;color:var(--primary-foreground);text-shadow:0 1px 6px #000;opacity:0;transition:opacity .2s;font-size:11px}.ref-examples-masonry .ref-example:focus-within .ref-example-caption,.ref-examples-masonry .ref-example:hover .ref-example-caption{opacity:1}.ref-example-preview{position:absolute;right:6px;top:6px;width:24px;height:24px;border-radius:50%;border:0;background:#0008;color:var(--primary-foreground);display:grid;place-items:center;opacity:0}.ref-example:focus-within .ref-example-preview,.ref-example:hover .ref-example-preview{opacity:1}.ref-examples-strip{max-width:1280px}.ref-examples-strip .ref-examples-heading{justify-content:center}.ref-examples-strip .ref-examples-grid{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory}.ref-examples-strip .ref-example{flex:0 0 172px;scroll-snap-align:start}.ref-examples-strip .ref-example-art{aspect-ratio:16/9!important}.ref-example-dialog{position:fixed;inset:0;margin:auto;max-width:700px;width:calc(100vw - 32px);max-height:85vh;overflow:auto;z-index:100;background:var(--ref-card);color:var(--ref-text);border:1px solid var(--ref-line);border-radius:20px;padding:20px;box-shadow:0 0 0 100vmax #0008}.ref-example-dialog>video{width:100%;max-height:50vh}.ref-example-dialog .ref-example-art{max-height:50vh}.ref-dialog-close{position:absolute;top:8px;right:8px;background:var(--ref-card);color:var(--ref-text);width:28px;height:28px;border:0;border-radius:50%;z-index:2}.ref-example-dialog h3{font-size:16px}.ref-example-dialog p{font-size:12px;line-height:1.6;color:var(--ref-muted)}@media (max-width:639px){.ref-heading h2{font-size:30px;line-height:36px}.ref-heading>p{font-size:14px;line-height:23px}.ref-toolbar-start{min-height:32px}.ref-toolbar-end{gap:4px;width:100%;justify-content:flex-end}.ref-control{padding:0 8px;font-size:11px;height:34px}.ref-control>span{max-width:165px}.ref-model-menu .ref-popover-panel{right:auto;left:0}.ref-examples-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-examples-masonry .ref-examples-grid{column-count:2}.ref-example-caption{font-size:12px}.ref-popover-panel{max-width:calc(100vw - 40px)}.ref-price{flex-wrap:wrap}.ref-composer textarea{resize:vertical}}@media (prefers-reduced-motion:reduce){.ref-surface *{transition:none!important;animation:none!important}}.ref-model-menu .ref-popover-panel{width:440px}.ref-model-option>span{min-width:0;overflow-wrap:anywhere}.ref-model-option strong{font-size:13px;line-height:1.5}.ref-model-option small{font-size:12px;line-height:1.5}.ref-model-option:disabled{cursor:not-allowed;opacity:.7}.ref-model-option:disabled:hover{background:transparent}.ref-model-option>svg{flex-shrink:0}.ref-price small{flex-basis:100%;color:var(--ref-muted);line-height:1.5}.ref-surface.ref-image-generator,.ref-surface.ref-music-generator{--ref-accent:var(--primary);--ref-ink:var(--foreground);--ref-muted:var(--muted-foreground);--ref-border:var(--border);--ref-text:var(--ref-ink);--ref-line:var(--ref-border);color:var(--ref-ink);padding:56px 0 64px;background-color:var(--background)}.ref-image-generator>.ref-content,.ref-music-generator>.ref-content{max-width:768px;margin:0 auto}.ref-image-generator .ref-heading,.ref-music-generator .ref-heading{text-align:center;margin-bottom:40px}.ref-image-generator .ref-heading h2,.ref-music-generator .ref-heading h2{margin:0;font-family:inherit;font-weight:600;font-size:36px;line-height:40px;letter-spacing:-.01em}.ref-image-generator .ref-heading p,.ref-music-generator .ref-heading p{margin:16px 0 0;color:var(--ref-muted);font-size:16px;line-height:26px}.ref-image-composer,.ref-music-composer{margin-top:0;background:var(--card);border:1px solid var(--ref-border);border-radius:24px;box-shadow:0 1px 3px rgb(0 0 0/.1)}.ref-generator-mode-tabs{display:flex;align-items:end;min-height:41px;padding:8px 8px 0;gap:4px;background:var(--muted);border-radius:23px 23px 0 0}.ref-generator-mode-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:33px;border:0;background:transparent;border-radius:10px 10px 0 0;padding:7px 13px;font:inherit;font-size:12px;line-height:18px;color:var(--ref-muted);cursor:pointer}.ref-generator-mode-tabs button[aria-pressed=true]{background:var(--card);color:var(--ref-ink)}.ref-image-composer>.ref-prompt,.ref-music-composer>.ref-prompt{display:block;width:100%;min-height:92px;height:92px;padding:16px 16px 8px;resize:vertical;background:transparent;border:0;outline:none;color:var(--ref-ink);font:inherit;font-size:14px;line-height:22.75px}.ref-prompt::placeholder{color:var(--ref-muted);opacity:1}.ref-image-composer>.ref-toolbar,.ref-music-composer>.ref-toolbar{min-height:54px;padding:6px 12px 12px}.ref-image-generator .ref-toolbar-end,.ref-music-generator .ref-toolbar-end{gap:6px}.ref-image-generator .ref-submit.is-round,.ref-music-generator .ref-submit.is-round{width:34px;height:34px;border-radius:50%;padding:0;flex-shrink:0}.ref-image-generator .ref-submit:disabled,.ref-music-generator .ref-submit:disabled{background:var(--primary);color:var(--primary-foreground);opacity:1}.ref-generator-credit{font-size:11px;color:var(--ref-muted)}.ref-image-generator .ref-notice,.ref-music-generator .ref-notice{margin:10px 4px 0;font-size:12px}.ref-results{margin-top:36px}.ref-result-tabs{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--ref-border);margin-bottom:16px}.ref-result-tabs button{background:transparent;border:0;padding:12px 0;color:var(--ref-muted);font:inherit;font-size:13px;cursor:pointer;border-bottom:2px solid transparent}.ref-result-tabs button[aria-pressed=true]{color:var(--ref-ink);border-bottom-color:var(--ref-accent)}.ref-results .aiw-task{color:var(--ref-ink);border-color:var(--ref-border);background:rgb(255 255 255/.035)}.ref-results .aiw-task-heading,.ref-results .aiw-task-prompt{color:var(--ref-muted)}.ref-results .aiw-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-results .aiw-result-asset{background:rgb(255 255 255/.05);border-color:var(--ref-border)}.ref-results .aiw-result-asset figcaption{color:var(--ref-ink)}.ref-error{font-size:13px;color:var(--destructive);margin:12px 4px 0}.ref-error button{display:inline-flex;gap:5px;align-items:center;border:0;background:transparent;color:inherit;cursor:pointer}.ref-surface button:disabled{cursor:not-allowed}.ref-surface :is(button,textarea,input,select):focus-visible{outline:2px solid var(--ref-accent);outline-offset:3px}.aiw-task{border:1px solid var(--aiw-border);border-radius:12px;background:var(--aiw-surface);padding:16px;margin-bottom:16px}.aiw-task-heading{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--aiw-muted);gap:8px}.aiw-task-heading>span{display:inline-flex;border-radius:4px;background:var(--aiw-tint);padding:3px 7px;color:var(--aiw-accent)}.aiw-task-prompt{font-size:12px;line-height:1.7;color:var(--aiw-muted);white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0}.aiw-result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px}.aiw-result-asset{margin:0;min-width:0}.aiw-result-asset>a>img,.aiw-result-asset>video{width:100%;max-height:460px;object-fit:contain;border-radius:8px;background:var(--muted);display:block}.aiw-result-asset figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;margin-top:8px;color:var(--aiw-muted)}.aiw-result-asset figcaption a{color:var(--aiw-accent);padding:6px;display:flex}.ref-surface .aiw-text-action{display:inline-flex;align-items:center;gap:6px;color:var(--aiw-accent);border:0;background:transparent;font-size:11px;padding:6px 0}.aiw-history{max-height:620px;overflow:auto}.aiw-spin{animation:aiw-spin .8s linear infinite}@keyframes aiw-spin{to{transform:rotate(1turn)}}.ref-surface.ref-image-generator{--aiw-surface:var(--card);--aiw-text:var(--foreground);--aiw-muted:var(--muted-foreground);--aiw-border:var(--border);--aiw-accent:var(--primary);--aiw-tint:var(--secondary)}.ref-image-generator .ref-heading h2{font-size:32px;line-height:1.25}.ref-image-generator .ref-composer{box-shadow:var(--surface-shadow)}.ref-image-generator .ref-generator-mode-tabs{padding:8px;border-radius:23px 23px 0 0}.ref-image-generator .ref-generator-mode-tabs button{border-radius:12px;font-size:14px}.ref-image-generator .ref-generator-mode-tabs button[aria-pressed=true]{background:var(--secondary);color:var(--primary)}.ref-image-generator .ref-prompt{font-size:16px;min-height:120px;line-height:1.6;border-radius:12px}.ref-image-generator :is(button,.aiw-result-asset figcaption a){min-height:44px}.ref-image-generator :is(.ref-attach-button,.ref-submit.is-round){width:44px;height:44px;min-width:44px}.ref-image-generator :is(.ref-reference-chip button,.aiw-result-asset figcaption a){min-width:44px;justify-content:center}.ref-image-generator .ref-control{border-radius:12px;font-size:14px}.ref-image-generator .ref-model-option strong{font-size:14px}.ref-image-generator :is(.ref-model-option small,.ref-menu-title,.ref-setting-group>span){font-size:13px}.ref-image-generator .ref-segments button{font-size:14px}.ref-image-generator .ref-submit:hover:not(:disabled){background:var(--brand-hover)}.ref-image-generator .ref-submit:disabled{opacity:.5}.ref-image-generator :is(.ref-notice,.ref-error){margin:16px 0 0;font-size:14px;line-height:1.6}.ref-image-generator .ref-example-art{border-radius:20px}.ref-image-generator .ref-example-overlay{background:transparent}.ref-image-generator .ref-example-overlay svg{background:var(--card);color:var(--primary);width:32px;height:32px;padding:6px;border-radius:50%}.ref-image-generator .ref-results .aiw-task{background:var(--card);border-radius:20px}.ref-image-generator .aiw-error{color:var(--destructive)}@media (max-width:767px){.ref-surface.ref-image-generator{padding:32px 0 40px}.ref-image-generator .ref-heading{margin-bottom:24px}.ref-image-generator .ref-heading h2{font-size:24px}.ref-image-generator .ref-heading p{font-size:16px;line-height:1.6}.ref-image-generator .ref-examples-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ref-image-generator .ref-toolbar-end{flex:1;justify-content:flex-end}.ref-image-generator .ref-control>span{max-width:110px}.ref-image-generator .ref-model-menu .ref-popover-panel{right:0;left:auto;width:min(260px,calc(100vw - 72px))}.ref-image-generator .ref-settings-menu .ref-popover-panel{width:min(232px,calc(100vw - 72px));right:0}.ref-image-generator .ref-results .aiw-result-grid{grid-template-columns:1fr}}.accessory-studio{padding:32px 0 40px;color:var(--foreground)}.accessory-studio *,.accessory-studio :after,.accessory-studio :before{box-sizing:border-box}.accessory-heading{text-align:center;margin:0 0 28px}.accessory-heading h1{font-size:32px;font-weight:600;line-height:1.25;margin:0 0 12px}.accessory-heading p,.accessory-help{color:var(--muted-foreground);font-size:14px;line-height:1.65}.accessory-heading p{font-size:16px;margin:0}.accessory-help{margin:12px 0}.accessory-composer{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);background:var(--card);border:1px solid var(--border);border-radius:24px;overflow:hidden}.accessory-config{padding:28px;min-width:0}.accessory-editor-title,.accessory-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.accessory-studio :is(h2,h3){font-size:20px;margin:0;font-weight:600}.accessory-badge{background:var(--secondary);color:var(--primary);padding:5px 10px;border-radius:8px;font-size:12px}.accessory-mode{display:flex;background:var(--muted);padding:4px;border-radius:12px;gap:4px;margin:20px 0 12px}.accessory-studio button{font:inherit;cursor:pointer;transition:background-color .15s,border-color .15s}.accessory-studio button:disabled{opacity:.5;cursor:not-allowed}.accessory-studio :is(button,input,textarea,select,summary):focus-visible{outline:2px solid var(--ring);outline-offset:3px}.accessory-mode button{flex:1;border:0;padding:10px;min-height:44px;border-radius:9px;color:var(--foreground);background:transparent;font-size:14px}.accessory-mode button[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground)}.accessory-references{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.accessory-references.is-duo .accessory-reference:last-child{grid-column:1/-1}.accessory-reference{border:1px solid var(--border);padding:12px;border-radius:12px;min-width:0;position:relative}.accessory-field-label{display:flex;justify-content:space-between;gap:8px;align-items:baseline;font-size:14px;margin-bottom:10px;font-weight:500}.accessory-field-label small{color:var(--muted-foreground);font-size:12px;font-weight:400;white-space:nowrap}.accessory-file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.accessory-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;height:150px;border:1px dashed var(--border);border-radius:8px;background:var(--muted);color:var(--muted-foreground);font-size:13px!important;overflow:hidden}.accessory-upload:hover:not(:disabled){border-color:var(--primary);background:var(--secondary)}.accessory-upload img{width:100%;height:100%;object-fit:contain}.accessory-remove{display:flex;gap:5px;justify-content:center;align-items:center;width:100%;min-height:44px;padding:6px;border:0;color:var(--muted-foreground);background:transparent;font-size:12px!important}.accessory-note{display:grid;gap:10px;font-size:14px;margin:20px 0}.accessory-studio :is(textarea,input:not([type=file])){width:100%;min-height:44px;border:1px solid var(--input);border-radius:10px;background:var(--card);color:var(--foreground);padding:10px 12px;font:inherit;font-size:16px}.accessory-note textarea{resize:vertical;min-height:92px}.accessory-settings{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;font-size:12px;color:var(--muted-foreground)}.accessory-studio .ref-control{min-height:44px;border-radius:10px;background:var(--secondary);color:var(--primary);border:1px solid var(--border)}.accessory-studio .ref-popover-panel{right:0;left:auto;width:min(296px,calc(100vw - 64px));background:var(--popover);border-color:var(--border)}.accessory-studio .ref-popover-panel button{min-height:44px}.accessory-studio .ref-segments button.is-selected{background:var(--primary);color:var(--primary-foreground)}.accessory-studio .ref-menu-title{font-size:13px}.accessory-submit{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:24px 0 0;font-size:13px;color:var(--muted-foreground)}.accessory-primary{min-height:48px;border:1px solid var(--primary)!important;background:var(--primary)!important;color:var(--primary-foreground)!important;border-radius:12px;padding:12px 22px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px!important}.accessory-primary:hover:not(:disabled){background:var(--brand-hover)!important}.accessory-preview{min-width:0;padding:28px;border-left:1px solid var(--border);display:flex;flex-direction:column}.accessory-preview-heading{margin:0 0 18px}.accessory-preview-heading span{font-size:12px;color:var(--muted-foreground)}.accessory-result-image{flex:1;min-height:330px;max-height:650px;background:var(--muted);border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden}.accessory-result-image img{width:100%;height:100%;max-height:600px;object-fit:contain}.accessory-empty-preview{text-align:center;color:var(--muted-foreground);padding:28px;font-size:14px;line-height:1.6}.accessory-empty-preview svg{margin:0 auto}.accessory-actions,.accessory-next-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.accessory-actions button:not(.accessory-primary),.accessory-history-use,.accessory-next-actions button,.accessory-section-heading>button{min-height:44px;display:inline-flex;justify-content:center;align-items:center;gap:6px;border:1px solid var(--border);background:var(--card);color:var(--primary);border-radius:10px;padding:9px 12px;font-size:13px!important}.accessory-error,.accessory-studio .ref-error{color:var(--destructive);font-size:14px;line-height:1.6;margin:12px 0}.accessory-studio .ref-notice{color:var(--muted-foreground);font-size:14px;line-height:1.6;margin:12px 0}.accessory-quick{margin-top:32px}.accessory-section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.accessory-section-heading p{font-size:14px;color:var(--muted-foreground);margin:6px 0 0}.accessory-section-heading>button{flex-shrink:0}.accessory-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.accessory-category{border:1px solid var(--border);border-radius:16px;background:var(--card);min-width:0;overflow:hidden}.accessory-category.is-open{grid-column:1/-1}.accessory-category.is-selected{border-color:var(--primary)}.accessory-category-heading{display:flex;width:100%;min-height:84px;padding:16px 20px;align-items:center;text-align:left;gap:14px;border:0;background:transparent;color:var(--foreground)}.accessory-category-heading>span:nth-child(2){flex:1;min-width:0}.accessory-category-heading strong{display:block;font-size:16px;font-weight:500}.accessory-category-heading small{display:block;font-size:12px;color:var(--muted-foreground);margin-top:4px}.accessory-category-icon{background:var(--secondary);color:var(--primary);border-radius:12px;width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.accessory-category-icon img{width:100%;height:100%;object-fit:contain}.accessory-category-count{font-size:12px;color:var(--muted-foreground)}.accessory-category-heading svg.is-rotated{transform:rotate(180deg)}.accessory-category-body{padding:0 20px 16px}.accessory-category-body[hidden],.accessory-studio [hidden]{display:none!important}.accessory-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.accessory-template{text-align:left;min-width:0;padding:0;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--card);color:var(--foreground)}.accessory-template.is-selected{border:2px solid var(--primary)}.accessory-template-picture{position:relative;height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--muted);color:var(--muted-foreground);gap:12px;font-size:12px}.accessory-template-picture img{height:100%;width:100%;object-fit:contain}.accessory-template-check{position:absolute;top:10px;right:10px;background:var(--primary);color:var(--primary-foreground);padding:4px;border-radius:50%}.accessory-template>strong{display:block;padding:14px 14px 0;font-size:15px;font-weight:500}.accessory-template>small{display:block;padding:8px 14px 14px;font-size:12px;line-height:1.6;color:var(--muted-foreground)}.accessory-history{margin-top:24px;border:1px solid var(--border);border-radius:16px;background:var(--card);padding:0 20px}.accessory-history summary{cursor:pointer;min-height:64px;display:flex;align-items:center;justify-content:space-between;font-size:16px}.accessory-history .ref-results{margin:0 0 20px}.accessory-history .aiw-task-prompt{word-break:break-word}.accessory-history-use{margin:0 8px 16px 0}.accessory-paper-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}.accessory-paper-fields label{display:grid;gap:8px;font-size:14px}.accessory-paper-fields label:first-child,.accessory-paper-fields label:nth-child(2){grid-column:1/-1}.accessory-paper-uploads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.accessory-paper-uploads input{margin-top:8px;font-size:13px!important}.accessory-paper-uploads .accessory-upload{height:110px}.accessory-paper-preview{background:var(--muted)}.accessory-tie-model{display:grid;gap:8px;margin:16px 0;font-size:14px}.accessory-tie-generate{margin:24px 0;padding:16px;border:1px solid var(--border);border-radius:var(--radius)}.accessory-tie-generate>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:14px;font-weight:600}.accessory-tie-paper select{min-height:44px;max-width:100%;border:1px solid var(--input);border-radius:var(--radius);padding:8px 12px;background:var(--card);color:var(--foreground)}.accessory-tie-directions{padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--muted);font-size:13px;line-height:1.65}.accessory-tie-directions summary{cursor:pointer;min-height:44px}.accessory-tie-progress{display:grid;gap:10px;margin:20px 0}.accessory-tie-progress>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);font-size:13px}.accessory-tie-progress small{flex-basis:100%;color:var(--destructive)}.accessory-tie-paper .accessory-paper-uploads{margin-top:24px}.accessory-paper-preview>img{width:100%;max-height:850px;object-fit:contain;align-self:start;box-shadow:var(--surface-shadow)}@media (max-width:767px){.accessory-heading h1{font-size:24px}.accessory-heading p{font-size:15px}.accessory-composer{grid-template-columns:1fr}.accessory-config,.accessory-preview{padding:20px 16px}.accessory-preview{border-left:0;border-top:1px solid var(--border)}.accessory-result-image{min-height:230px;max-height:420px}.accessory-studio :is(h2,h3){font-size:18px}.accessory-categories{grid-template-columns:1fr}.accessory-category-heading{padding:14px;min-height:76px}.accessory-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.accessory-template-picture{height:120px}.accessory-category-body{padding:0 14px 12px}.accessory-category-heading small{font-size:12px}.accessory-upload{height:120px}.accessory-field-label{flex-wrap:wrap;gap:4px;font-size:13px}.accessory-references{gap:12px}.accessory-next-actions button{flex:1 1 calc(50% - 10px)}.accessory-submit .accessory-primary{flex:1}.accessory-section-heading{align-items:flex-start}.accessory-section-heading>button{font-size:12px!important;padding:9px}.accessory-studio .ref-settings-menu .ref-popover-panel{right:0;width:min(280px,calc(100vw - 72px))}}@media (prefers-reduced-motion:reduce){.accessory-studio *{transition:none!important;scroll-behavior:auto!important}}.accessory-set-summary{border:1px solid var(--border);border-radius:12px;padding:14px;margin:16px 0;background:var(--muted);font-size:14px}.accessory-selected-views>div,.accessory-set-summary>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.accessory-selected-views summary{min-height:44px;padding:11px 0;color:var(--primary);cursor:pointer}.accessory-set-summary span{padding:5px 9px;background:var(--card);border-radius:8px;color:var(--primary);font-size:13px}.accessory-set-summary p{color:var(--muted-foreground);line-height:1.65;margin-bottom:0}.accessory-count-label{display:flex;align-items:center;justify-content:space-between;gap:12px}.accessory-count-label output{color:var(--primary);font-weight:600}.accessory-count-slider{display:block;width:100%;min-height:44px;accent-color:var(--primary);cursor:pointer}.accessory-count-slider:disabled{cursor:not-allowed;opacity:.5}.accessory-tie-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;padding:0;list-style:none}.accessory-tie-gallery li{min-width:0;border:1px solid var(--border);background:var(--card);border-radius:10px;overflow:hidden;opacity:1}.accessory-tie-gallery li.is-included{opacity:1;border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.accessory-tie-gallery .accessory-base-card{display:block;width:100%;min-height:44px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--foreground);text-align:left}.accessory-tie-gallery .accessory-base-card:disabled{cursor:not-allowed}.accessory-tie-gallery li:not(.is-included) .accessory-base-card:disabled{opacity:.65}.accessory-count-slider:focus-visible,.accessory-view-actions button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.accessory-base-card:focus-visible{outline:2px solid var(--ring);outline-offset:-3px}.accessory-tie-gallery .accessory-base-card small{display:flex;align-items:center;gap:4px}.accessory-selected-bases,.accessory-view-actions,.accessory-view-selection-heading{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.accessory-set-summary>.accessory-view-selector{display:block;margin-top:0}.accessory-view-selection-heading{justify-content:space-between}.accessory-view-selection-heading output{color:var(--primary);font-weight:600}.accessory-view-actions{margin:12px 0}.accessory-view-actions button{min-height:44px;padding:8px 12px;border:1px solid var(--border);border-radius:12px;color:var(--primary);background:var(--card)}.accessory-view-actions button:hover:not(:disabled){background:var(--accent)}.accessory-tie-gallery img{width:100%;aspect-ratio:1;object-fit:contain;background:var(--muted)}.accessory-tie-gallery :is(strong,small){display:block;margin:8px;font-size:12px}.accessory-tie-gallery small{color:var(--muted-foreground)}.accessory-product-photos{margin:20px 0;border:1px solid var(--border);border-radius:12px;padding:14px}.accessory-upload-multiple{min-height:120px;width:100%}.accessory-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px;margin-bottom:12px}.accessory-photo-grid>div{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:10px}.accessory-photo-grid img{width:100%;aspect-ratio:1;object-fit:contain;background:var(--muted)}.accessory-photo-grid button{display:flex;width:100%;justify-content:center;align-items:center;gap:4px;min-height:44px;border:0;background:var(--card);color:var(--muted-foreground);font-size:12px}.accessory-preset-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.accessory-preset-filters button{min-height:44px;padding:8px 13px;border:1px solid var(--border);color:var(--foreground);background:var(--card);border-radius:10px;font-size:14px}.accessory-preset-filters button[aria-pressed=true]{background:var(--secondary);border-color:var(--primary);color:var(--primary)}.accessory-set-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.accessory-set-grid article{min-width:0;border:1px solid var(--border);background:var(--card);border-radius:12px;overflow:hidden;padding-bottom:12px}.accessory-set-grid article.is-selected{border:2px solid var(--primary)}.accessory-set-picture{display:flex;justify-content:center;align-items:center;width:100%;aspect-ratio:1;padding:0;border:0;color:var(--muted-foreground);background:var(--muted)}.accessory-set-picture img{width:100%;height:100%;object-fit:contain}.accessory-set-grid small,.accessory-set-grid strong{display:block;padding:8px 12px 0;font-size:13px;overflow-wrap:anywhere}.accessory-set-grid small{color:var(--muted-foreground);line-height:1.5}.accessory-set-grid article>button:not(.accessory-set-picture){display:flex;align-items:center;gap:5px;min-height:44px;margin:8px 10px 0;padding:6px 8px;max-width:calc(100% - 20px);border:1px solid var(--border);background:var(--card);color:var(--primary);border-radius:8px;font-size:12px}.accessory-set-grid article>p{margin:8px 12px;font-size:12px}.accessory-set-remaining{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.accessory-set-remaining button{min-height:44px;padding:8px 12px;border:1px solid var(--border);border-radius:8px;color:var(--primary);background:var(--card)}.accessory-studio .ref-model-menu .ref-popover-panel{left:0;right:auto;width:min(440px,calc(100vw - 64px))}.accessory-studio .ref-price{flex-wrap:wrap;justify-content:flex-start;font-size:13px}.accessory-composer:has(.ref-popover-panel){overflow:visible}.accessory-progress{padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--surface-soft);margin-bottom:28px}.accessory-progress>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:14px}.accessory-progress span{color:var(--primary)}.accessory-progress progress{display:block;width:100%;height:8px;margin-top:14px;accent-color:var(--primary);border:0;border-radius:8px;overflow:hidden;background:var(--muted)}.accessory-progress progress::-webkit-progress-bar{background:var(--muted)}.accessory-progress progress::-webkit-progress-value{background:var(--primary);border-radius:8px}.accessory-progress progress::-moz-progress-bar{background:var(--primary)}.accessory-progress p{font-size:13px;line-height:1.6;color:var(--muted-foreground);margin:10px 0 0}.accessory-product-fields{display:grid;gap:16px}.accessory-product-fields label{display:grid;gap:8px;font-size:14px}.accessory-product-fields input{min-height:44px;min-width:0;width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--input);background:var(--card);color:var(--foreground);font:inherit;font-size:16px}.accessory-prompt-presets{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:20px;font-size:14px}.accessory-prompt-presets button,.accessory-save-action{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 12px;border:1px solid var(--border);border-radius:10px;background:var(--secondary);color:var(--primary)}.accessory-result-shelf{margin-top:24px;border-top:1px solid var(--border)}.accessory-result-shelf summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:56px;cursor:pointer;font-size:15px}.accessory-result-shelf[open] summary svg{transform:rotate(180deg)}[data-slot=dialog-content].accessory-lightbox{width:min(1200px,calc(100vw - 32px));max-width:calc(100vw - 32px);height:90dvh;max-height:90dvh;padding:20px;border-radius:24px;grid-template-rows:auto auto auto minmax(0,1fr);gap:12px}.accessory-lightbox-title{font-size:18px;padding-right:32px;overflow-wrap:anywhere}.accessory-lightbox-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.accessory-lightbox-toolbar button{min-height:44px;min-width:44px;padding:8px 12px;display:inline-flex;align-items:center;justify-content:center;background:var(--card);border:1px solid var(--border);border-radius:12px;color:var(--primary)}.accessory-lightbox-toolbar button[aria-pressed=true]{background:var(--secondary);border-color:var(--primary)}.accessory-lightbox-stage{min-width:0;min-height:0;overflow:auto;border-radius:16px;background:var(--muted);overscroll-behavior:contain}.accessory-lightbox-image{display:block;margin:auto;border:0;padding:0;max-width:none}.accessory-lightbox-image.is-fit{width:100%;height:100%;cursor:zoom-in}.accessory-lightbox-image.is-zoomed{cursor:zoom-out}.accessory-lightbox-image img{display:block;width:100%;height:100%;max-width:none;object-fit:contain}.accessory-lightbox button:focus-visible,.accessory-lightbox-stage:focus-visible{outline:2px solid var(--ring);outline-offset:3px}@media (max-width:700px){[data-slot=dialog-content].accessory-lightbox{padding:16px}}.accessory-tie-paper{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"header header" "config preview" "optional preview";overflow:visible}.accessory-tie-header{grid-area:header;padding:24px 32px;border-bottom:1px solid var(--border)}.accessory-tie-header .accessory-help{margin-bottom:0}.accessory-tie-paper>.accessory-config{grid-area:config;padding:24px 32px 0}.accessory-tie-step+.accessory-tie-step{margin-top:24px;padding-top:24px;border-top:1px solid var(--border)}.accessory-tie-step-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.accessory-tie-step-heading h4{display:flex;align-items:baseline;gap:12px;margin:0;font-size:18px;font-weight:600}.accessory-tie-count,.accessory-tie-step-heading h4>span{color:var(--primary);font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}.accessory-tie-import{display:inline-flex;align-items:center;justify-content:center;min-height:48px;width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);color:var(--primary);font-weight:600!important}.accessory-tie-import:hover:not(:disabled){background:var(--secondary);border-color:var(--primary)}.accessory-tie-paper .accessory-paper-uploads{margin-top:16px;gap:12px}.accessory-tie-paper .accessory-field-label{flex-wrap:wrap;gap:4px 8px;font-size:14px}.accessory-tie-paper .accessory-field-label small{font-size:14px}.accessory-tie-paper .accessory-paper-uploads .accessory-upload{height:140px}.accessory-tie-paper .accessory-paper-fields{gap:16px;margin:0}.accessory-tie-paper .accessory-tie-product-fields{grid-template-columns:1fr}.accessory-tie-page-settings{margin-top:12px}.accessory-tie-generate>summary,.accessory-tie-page-settings>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;cursor:pointer;list-style:none;font-size:14px}.accessory-tie-page-settings>summary{color:var(--primary)}.accessory-tie-generate>summary::-webkit-details-marker,.accessory-tie-page-settings>summary::-webkit-details-marker{display:none}.accessory-tie-generate>summary svg,.accessory-tie-page-settings>summary svg{flex-shrink:0}.accessory-tie-generate[open]>summary svg,.accessory-tie-page-settings[open]>summary svg{transform:rotate(180deg)}.accessory-tie-page-settings .accessory-paper-fields{padding:12px 0 0}.accessory-tie-paper>.accessory-tie-generate{grid-area:optional;align-self:start;margin:24px 32px;padding:8px 16px}.accessory-tie-preview{grid-area:preview;padding:24px 32px;border-bottom-right-radius:24px}.accessory-tie-preview-inner{position:sticky;top:24px}.accessory-tie-preview-inner>img{display:block;width:100%;height:auto;max-height:min(720px,calc(100svh - 260px));object-fit:contain;box-shadow:var(--surface-shadow)}.accessory-tie-export-status{margin:16px 0 0;font-size:14px;line-height:1.65;overflow-wrap:anywhere}.accessory-tie-export-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.accessory-tie-export-actions button{min-height:48px;padding:12px;font-size:15px!important}.accessory-tie-preview-inner .accessory-help{margin-bottom:0}@media (max-width:1023px){.accessory-tie-paper{grid-template-columns:minmax(0,1fr);grid-template-areas:"header" "config" "preview" "optional"}.accessory-tie-header,.accessory-tie-paper>.accessory-config,.accessory-tie-preview{padding:24px}.accessory-tie-paper>.accessory-tie-generate{margin:0 24px 24px}.accessory-tie-preview{border-left:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);border-radius:0;margin-bottom:24px}.accessory-tie-preview-inner{position:static}.accessory-tie-preview-inner>img{max-height:480px}.accessory-tie-paper .accessory-paper-uploads{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:599px){.accessory-tie-header,.accessory-tie-paper>.accessory-config,.accessory-tie-preview{padding:20px 16px}.accessory-tie-paper>.accessory-tie-generate{margin:0 16px 20px}.accessory-tie-paper .accessory-paper-uploads{grid-template-columns:repeat(2,minmax(0,1fr))}.accessory-tie-paper .accessory-paper-uploads .accessory-upload{height:120px}.accessory-tie-export-actions{grid-template-columns:1fr}}.generation-task-state-icon{display:inline-flex;align-items:center}@media (prefers-reduced-motion:no-preference){.accessory-studio :is(button,summary),.generation-task-dialog :is(button,summary),.generation-task-trigger{transition:background-color var(--motion-state) var(--motion-ease),border-color var(--motion-state) var(--motion-ease),color var(--motion-state) var(--motion-ease),opacity var(--motion-feedback) var(--motion-ease),transform var(--motion-feedback) var(--motion-ease)}.accessory-studio :is(input:not([type=range]),textarea,select),.accessory-tie-gallery li{transition:border-color var(--motion-state) var(--motion-ease),background-color var(--motion-state) var(--motion-ease),box-shadow var(--motion-state) var(--motion-ease),opacity var(--motion-state) var(--motion-ease)}.accessory-studio :is(button,summary):active:not(:disabled),.generation-task-dialog :is(button,summary):active:not(:disabled),.generation-task-trigger:active{transform:translateY(1px)}.accessory-tie-gallery li.is-included .accessory-base-card small svg,.generation-task-trigger[data-task-state=complete] .generation-task-state-icon{animation:studio-confirm var(--motion-state) var(--motion-ease)}.accessory-studio :is(.product-studio-product,.accessory-photo-grid>div),.generation-task-grid article{animation:studio-reveal var(--motion-state) var(--motion-ease)}.accessory-studio :is(.product-studio-saved,.product-studio-changed,.accessory-error),.accessory-studio details[open]>:not(summary),.generation-task-dialog details[open]>:not(summary){animation:studio-fade var(--motion-state) var(--motion-ease)}.accessory-studio .ref-popover-panel{transform-origin:top right;animation:studio-reveal var(--motion-state) var(--motion-ease)}.accessory-category-body:not([hidden]){animation:studio-fade var(--motion-state) var(--motion-ease)}.accessory-category-heading>svg,.generation-task-trigger-top>svg:last-child{transition:transform var(--motion-state) var(--motion-ease)}.generation-task-trigger[aria-expanded=true] .generation-task-trigger-top>svg:last-child{transform:rotate(180deg)}[data-studio-motion=panel][data-open]{animation:studio-panel-enter var(--motion-panel) var(--motion-ease)}[data-studio-motion=panel][data-closed]{animation:studio-panel-exit .15s var(--motion-ease)}@media (hover:hover) and (pointer:fine){.accessory-category-nav button:hover:not(:disabled):not(:active),.accessory-studio :is(.accessory-upload,.product-studio-dropzone,.accessory-upload-multiple):hover:not(:disabled):not(:active){transform:translateY(-2px);border-color:var(--primary)}.generation-task-dialog .generation-task-picture:hover:not(:active){border-color:var(--primary);transform:translateY(-2px)}}}@keyframes studio-reveal{0%{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes studio-fade{0%{opacity:.65}to{opacity:1}}@keyframes studio-confirm{0%{opacity:.4;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes studio-panel-enter{0%{opacity:0;transform:translateY(6px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes studio-panel-exit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(3px) scale(.99)}}@media (prefers-reduced-motion:reduce){.accessory-studio *,.generation-task-dialog *,.generation-task-trigger,.generation-task-trigger *,[data-studio-motion=panel],[data-studio-motion=panel] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}body:has([data-studio-motion=panel]) [data-slot=dialog-overlay]{animation:none!important}}.accessory-category-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;min-width:0}.accessory-category-nav button{display:flex;align-items:center;gap:12px;min-width:0;min-height:64px;padding:10px 16px;border:1px solid var(--border);border-radius:16px;background:var(--card);color:var(--foreground);text-align:left}.accessory-category-nav button[aria-pressed=true]{border-color:var(--primary);background:var(--secondary);color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.accessory-category-nav button>span{display:flex;align-items:center;justify-content:center;width:48px;height:44px;flex-shrink:0;border-radius:8px;overflow:hidden;color:var(--primary);background:var(--muted)}.accessory-category-nav img{width:100%;height:100%;object-fit:contain}.accessory-category-nav strong{font-size:14px;font-weight:500}.product-studio{min-width:0;background:var(--card);border:1px solid var(--border);border-radius:24px}.product-studio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px}.product-studio-toolbar>span{color:var(--muted-foreground);font-size:13px}.product-studio-mode{display:flex;padding:4px;border-radius:999px;background:var(--muted)}.product-studio-mode button{min-height:44px;padding:8px 20px;border:0;border-radius:999px;background:transparent;color:var(--muted-foreground);font-size:14px}.product-studio-mode button[aria-pressed=true]{background:var(--secondary);color:var(--primary);font-weight:600}.product-studio-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);border-block:1px solid var(--border)}.product-studio-column{padding:20px;min-width:0}.product-studio-column+.product-studio-column{border-left:1px solid var(--border)}.product-studio-step{display:flex;align-items:center;gap:8px;margin-bottom:16px;min-height:44px;flex-wrap:wrap}.product-studio-step>span{color:var(--primary);font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}.accessory-studio .product-studio-step :is(h2,h3){font-size:16px}.product-studio-step>small{color:var(--muted-foreground);margin-left:auto;font-size:13px}.product-studio-bases .accessory-preset-filters{gap:8px;margin:0 0 16px}.product-studio-bases .accessory-preset-filters button{padding:8px 12px}.product-studio-bases .accessory-view-selector{font-size:14px}.accessory-studio input.accessory-count-slider{border:0;padding:0;background:transparent;margin-top:4px}.accessory-count-range{display:flex;justify-content:space-between;font-size:12px;color:var(--muted-foreground);margin-bottom:16px}.accessory-count-range span{padding:0;background:transparent;color:inherit}.product-studio-bases .accessory-view-actions{gap:8px;margin-block:8px}.product-studio-bases .accessory-view-actions button{padding:6px 10px;font-size:12px}.product-studio-bases .accessory-view-selector>p{font-size:13px;line-height:1.65;color:var(--muted-foreground);margin-block:8px 12px}.product-studio-bases .accessory-selected-views{max-height:720px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:3px;margin:-3px}.product-studio-bases .accessory-tie-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.product-studio-bases .accessory-tie-gallery img{aspect-ratio:1.2}.product-studio-bases .accessory-tie-gallery strong{font-weight:500;line-height:1.5}.product-studio-bases>.accessory-help{font-size:12px}.product-studio-dropzone{width:100%;min-height:128px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px dashed var(--input);background:var(--muted);color:var(--muted-foreground);border-radius:12px;padding:16px}.product-studio-dropzone strong{color:var(--foreground);font-size:14px;font-weight:500}.product-studio-dropzone span{font-size:12px;line-height:1.6}.photo-upload-region button[data-dragging=true],.product-studio-dropzone:hover:not(:disabled){border-color:var(--primary);background:var(--secondary)}.photo-upload-region button[data-dragging=true]{outline:2px solid var(--ring);outline-offset:2px}.photo-upload-region button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.product-studio-product-list{display:grid;gap:12px;margin-top:12px;max-height:420px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.product-studio-product{display:flex;align-items:flex-start;gap:8px;border:1px solid var(--border);border-radius:12px;padding:8px;min-width:0}.product-studio-source{width:72px;height:92px;object-fit:contain;background:var(--muted);border-radius:8px;flex-shrink:0}.product-studio-product-info{min-width:0;flex:1}.product-studio-product-title{display:flex;align-items:center;gap:4px}.accessory-studio .product-studio-product-title input{min-width:0;font-size:14px;padding:8px}.product-studio-icon-button{min-width:44px;min-height:44px;padding:8px;display:grid;place-items:center;border:0;background:transparent;color:var(--muted-foreground);border-radius:8px}.product-studio-supplements{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:8px}.product-studio-supplement{position:relative;width:44px;height:44px;border:1px solid var(--border);border-radius:8px;padding:0;overflow:hidden;background:var(--muted)}.product-studio-supplement img{width:100%;height:100%;object-fit:contain}.product-studio-supplement svg{position:absolute;right:0;top:0;color:var(--foreground);background:var(--card);border-radius:4px}.product-studio-add-photo{min-height:44px;display:flex;align-items:center;justify-content:center;gap:4px;padding:4px 8px;font-size:12px!important;color:var(--primary);border:1px dashed var(--input);border-radius:8px;background:transparent}.product-studio-supplements>small{font-size:12px;color:var(--muted-foreground)}.product-studio-empty-note{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.6;color:var(--muted-foreground)}.product-studio-inputs .accessory-product-photos{border:0;padding:0;margin:0}.product-studio-inputs .accessory-product-photos>.accessory-field-label{display:none}.product-studio-inputs .accessory-note{font-size:14px;margin-block:16px}.product-studio-inputs .accessory-note textarea{min-height:88px;font-size:14px}.product-studio-inputs .accessory-prompt-presets{flex-wrap:wrap;font-size:12px;margin-top:16px}.product-studio-inputs .accessory-settings{align-items:stretch;gap:8px}.product-studio-inputs .ref-control{max-width:100%;min-width:0;font-size:12px}.product-studio-inputs .ref-control-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-studio-info{margin-top:16px;border-top:1px solid var(--border)}.product-studio-info>summary{min-height:44px;padding-block:12px;font-size:14px;color:var(--primary);cursor:pointer}.product-studio-info .accessory-product-fields{grid-template-columns:1fr;gap:12px;margin:8px 0}.product-studio-results{display:flex;flex-direction:column}.product-studio-export{gap:4px;margin-left:auto;min-height:44px;padding:8px;border:1px solid var(--border);background:var(--card);color:var(--primary);border-radius:10px;font-size:12px!important}.product-studio-empty-results,.product-studio-export{display:flex;align-items:center;justify-content:center}.product-studio-empty-results{flex:1;min-height:380px;flex-direction:column;text-align:center;gap:12px;color:var(--muted-foreground)}.product-studio-empty-results strong{font-size:16px;font-weight:500;color:var(--foreground)}.product-studio-empty-results p{max-width:280px;line-height:1.65;font-size:14px;margin:0}.product-studio-result-groups{display:grid;gap:20px;max-height:680px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.product-studio-result-group{min-width:0}.product-studio-result-group>header{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.product-studio-result-group>header strong{border-left:3px solid var(--primary);padding-left:8px;font-size:14px;font-weight:600;overflow-wrap:anywhere}.product-studio-result-group>header span{color:var(--muted-foreground);font-size:12px;white-space:nowrap}.product-studio-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-studio-result{min-width:0}.product-studio-result-picture{display:flex;width:100%;aspect-ratio:1.35;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:var(--muted);border:1px solid var(--border);border-radius:10px;padding:0;overflow:hidden;color:var(--muted-foreground)}.product-studio-result-picture img{width:100%;height:100%;object-fit:contain}.accessory-studio .product-studio-result-picture:disabled{opacity:1}.product-studio-result-picture span{font-size:12px}.product-studio-result>strong{display:block;margin-top:8px;font-size:12px;font-weight:500;line-height:1.5;color:var(--muted-foreground)}.product-studio-result-actions{display:flex;flex-wrap:wrap;gap:4px}.product-studio-result-actions button,.product-studio-retry{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:8px 0;border:0;background:transparent;color:var(--primary);font-size:12px!important}.product-studio-retry{text-decoration:underline;text-underline-offset:3px}.product-studio-progress{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:13px;margin-bottom:16px;color:var(--muted-foreground)}.product-studio-progress progress{width:100%;height:6px;appearance:none;border:0;border-radius:999px;overflow:hidden;background:var(--muted);accent-color:var(--primary)}.product-studio-progress progress::-webkit-progress-bar{background:var(--muted)}.product-studio-progress progress::-webkit-progress-value{background:var(--primary)}.product-studio-progress progress::-moz-progress-bar{background:var(--primary)}.product-studio-progress strong{color:var(--primary);font-variant-numeric:tabular-nums}.product-studio-changed{padding:12px;border-radius:12px;background:var(--warning-surface,var(--muted));color:var(--muted-foreground);font-size:13px;line-height:1.6}.product-studio-results .accessory-set-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-studio-results .accessory-empty-preview{min-height:380px}.product-studio-results .accessory-set-grid article{background:transparent}.product-studio-results .accessory-set-picture{aspect-ratio:1.35}.product-studio-results>.accessory-help{font-size:12px}.product-studio-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px}.product-studio-summary{min-width:0}.product-studio-summary>strong{display:block;font-size:16px;font-weight:600;line-height:1.6}.product-studio-summary p{margin:4px 0;font-size:13px;color:var(--muted-foreground);line-height:1.6}.product-studio-summary>span{font-size:13px;color:var(--primary)}.product-studio-footer-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.product-studio-submit{display:flex;flex-direction:column;gap:12px;flex-shrink:0;max-width:440px}.product-studio-readiness{padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--warning-surface);color:var(--foreground);font-size:13px;line-height:1.65;overflow-wrap:anywhere}.product-studio-readiness strong{display:flex;align-items:center;gap:8px;font-weight:600}.product-studio-readiness strong svg{flex-shrink:0}.product-studio-readiness ul{margin:6px 0 0;padding-left:20px;list-style:disc}.product-studio-readiness li+li{margin-top:4px}.product-studio-footer-actions button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 20px;border-radius:999px;font-size:14px}.product-studio-save{background:var(--card);color:var(--primary);border:1px solid var(--primary)}.product-studio-saved{color:var(--primary);font-size:13px}@media (max-width:1100px){.accessory-category-nav{display:flex;overflow-x:auto;scrollbar-width:thin;padding:3px 0;scroll-snap-type:x proximity}.accessory-category-nav button{flex:0 0 140px;scroll-snap-align:start}.product-studio-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.product-studio-results{grid-column:1/-1;border-top:1px solid var(--border)}.product-studio-column.product-studio-results{border-left:0}.product-studio-result-groups{max-height:none}.product-studio-result-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.product-studio-result-picture{max-height:240px}}@media (max-width:700px){.product-studio-toolbar{padding:12px 16px;gap:8px;flex-wrap:wrap}.product-studio-toolbar>span{font-size:12px}.product-studio-mode button{padding-inline:16px}.product-studio-columns{grid-template-columns:1fr}.product-studio-column{padding:16px}.product-studio-column+.product-studio-column{border-left:0;border-top:1px solid var(--border)}.product-studio-results{grid-column:auto}.product-studio-bases .accessory-selected-views{max-height:560px}.product-studio-bases .accessory-tie-gallery img{aspect-ratio:1.3}.accessory-studio .product-studio-product-title input,.product-studio-inputs .accessory-note textarea{font-size:16px}.product-studio-source{width:72px;height:92px}.product-studio-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-studio-empty-results{min-height:220px}.product-studio-footer{flex-direction:column;align-items:stretch;gap:16px;padding:16px}.product-studio-footer-actions{flex-wrap:wrap;gap:8px}.product-studio-submit{max-width:none;width:100%}.product-studio-footer-actions button{flex:1;padding-inline:12px}.product-studio-summary>strong{font-size:15px}.product-studio-summary p,.product-studio-summary>span{font-size:13px}}.fabric-controller{min-width:0;display:grid;gap:12px}.fabric-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fabric-fields label{display:grid;gap:6px;color:var(--muted-foreground);font-size:13px;min-width:0}.fabric-fields input{width:100%;min-width:0;min-height:44px;border:1px solid var(--border);border-radius:10px;background:var(--background);color:var(--foreground);padding:8px 12px;font-size:15px}.fabric-options{display:flex;flex-wrap:wrap;gap:6px}.fabric-logo-source button,.fabric-options button{min-height:44px;padding:8px 12px;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--muted-foreground);font-size:13px}.fabric-options button[aria-pressed=true]{background:var(--secondary);color:var(--primary);border-color:var(--primary)}.fabric-controller .fabric-upload{min-height:60px;width:100%;border:1px dashed var(--border);border-radius:14px;background:var(--background);color:var(--primary);padding:12px;font-weight:500}.fabric-check{display:flex;gap:10px;align-items:center;min-height:44px;font-size:13px;color:var(--foreground);cursor:pointer}.fabric-check input{accent-color:var(--primary);width:18px;height:18px;flex-shrink:0}.fabric-crop{width:100%;max-height:300px;display:block;touch-action:none;user-select:none;cursor:crosshair;background:var(--muted);border-radius:12px;object-fit:contain}.fabric-preview-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;font-size:14px}.fabric-preview-header span{color:var(--primary);font-variant-numeric:tabular-nums}.fabric-preview{display:flex;align-items:flex-start;justify-content:center;gap:18px;padding:20px 14px;background:var(--card);border:1px solid var(--border);border-radius:14px;min-height:160px;overflow:hidden}.fabric-preview canvas{display:block;max-width:60%;height:auto;width:110px}.fabric-preview-head canvas,.fabric-preview-repeat canvas{width:190px}.fabric-preview dl{font-size:11px;min-width:0;margin:0;padding:12px 0}.fabric-preview dt{color:var(--muted-foreground);margin-top:12px}.fabric-preview dd{color:var(--foreground);margin:4px 0;font-variant-numeric:tabular-nums}.fabric-preview p{color:var(--muted-foreground);font-size:13px}.fabric-logo-source{display:flex;justify-content:space-between;gap:12px;align-items:center}.fabric-logo-source img{width:96px;height:80px;object-fit:contain;border:1px solid var(--border);border-radius:10px;background:var(--muted)}.fabric-controller button:disabled,.fabric-controller input:disabled{opacity:.55;cursor:not-allowed}.fabric-controller :is(button,input):focus-visible{outline:2px solid var(--ring);outline-offset:3px}.product-studio-source-mode{padding:4px 20px 18px;border-bottom:1px solid var(--border)}.product-studio-source-mode>p{margin:8px 0 0}.product-studio-source-mode .fabric-options button{font-size:14px;flex:1}.fabric-controller .accessory-help{margin:0;line-height:1.65}@media (max-width:640px){.fabric-fields input{font-size:16px}.fabric-preview{gap:12px;padding:16px 10px}.fabric-preview canvas{width:96px}.product-studio-source-mode{padding:4px 14px 16px}.fabric-crop{max-height:260px}}.accessory-studio .fabric-check input[type=checkbox]{width:18px;height:18px;min-height:18px;padding:0;border:initial;border-radius:initial;background:initial;flex:0 0 18px;accent-color:var(--primary)}.fabric-launch{display:grid;gap:14px;padding:24px;border:1px solid var(--border);border-radius:16px;background:var(--background)}.fabric-eyebrow{font-size:11px;letter-spacing:.12em;color:var(--primary);font-weight:600}.fabric-launch h3{font-size:22px;margin:0}.fabric-launch p,.fabric-launch small{color:var(--muted-foreground);line-height:1.7;margin:0;overflow-wrap:anywhere}.fabric-editor-top button,.fabric-launch button{min-height:44px;border-radius:10px;background:var(--primary);color:var(--primary-foreground);padding:10px 20px;border:0}.fabric-editor-dialog{width:min(1480px,calc(100vw - 40px));height:min(940px,calc(100dvh - 40px));max-width:none;max-height:none;padding:0;margin:auto;border:1px solid var(--border);border-radius:22px;background:var(--background);color:var(--foreground);overflow:hidden}.fabric-editor-dialog::backdrop{background:color-mix(in srgb,var(--foreground) 40%,transparent);backdrop-filter:blur(5px)}.fabric-editor-top{height:82px;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;background:var(--card);border-bottom:1px solid var(--border)}.fabric-editor-top h2{margin:4px 0 0;font-size:21px;font-weight:600}.fabric-editor-dialog .fabric-controller{grid-template-columns:350px minmax(0,1fr);gap:0;height:calc(100% - 82px)}.fabric-editor-controls{padding:20px;background:var(--card);border-right:1px solid var(--border)}.fabric-editor-controls,.fabric-editor-stage{display:flex;flex-direction:column;gap:14px;overflow-y:auto;min-width:0}.fabric-editor-stage{align-items:stretch;padding:24px}.fabric-editor-dialog .fabric-crop{max-height:none;width:100%;height:auto;border-radius:10px;flex-shrink:0}.fabric-editor-dialog .fabric-preview{min-height:340px;flex:1 0 380px;padding:16px;align-items:center;background:var(--card)}.fabric-editor-dialog .fabric-preview canvas{width:auto;height:400px;max-width:70%;object-fit:contain}.fabric-editor-dialog .fabric-preview-repeat,.fabric-editor-dialog .fabric-preview-tile{padding:0;background:var(--muted)}.fabric-editor-dialog .fabric-preview-repeat canvas{width:100%;height:100%;max-width:100%;object-fit:cover}.fabric-editor-dialog .fabric-preview-tile canvas{width:auto;height:auto;max-height:460px;max-width:100%;object-fit:contain}.fabric-editor-dialog .fabric-preview-header{margin:0}.fabric-editor-dialog .accessory-help{color:var(--muted-foreground);font-size:12px;line-height:1.7}.fabric-tiling-heading{display:flex;justify-content:space-between;font-size:13px}.fabric-tiling-heading span{color:var(--primary);font-size:11px}.fabric-tilings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.fabric-tilings button{display:grid;gap:7px;border:1px solid var(--border);border-radius:10px;background:var(--card);padding:5px 5px 9px;color:var(--muted-foreground);font-size:12px}.fabric-tilings button[aria-pressed=true]{border-color:var(--primary);background:var(--secondary);color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.fabric-tile-placeholder,.fabric-tilings img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px}.fabric-tile-placeholder{display:grid;place-items:center;background:var(--muted);font-size:24px}.fabric-precision{font-size:12px;color:var(--muted-foreground)}.fabric-precision summary{cursor:pointer;padding:10px 0}.fabric-history{justify-content:flex-end}.fabric-zoom{display:flex;align-items:center;gap:14px;color:var(--muted-foreground);font-size:12px}.fabric-zoom input{flex:1;min-width:0;accent-color:var(--primary);min-height:32px}.fabric-zoom output{width:42px;font-variant-numeric:tabular-nums}.fabric-snapshots{display:flex;gap:12px;overflow-x:auto;padding:4px;min-height:60px;flex-shrink:0}.fabric-snapshots>p{font-size:12px;color:var(--muted-foreground);line-height:1.7}.fabric-snapshots>div{position:relative;flex:0 0 100px}.fabric-snapshots button:first-child{display:grid;width:100%;gap:5px;background:var(--card);color:var(--foreground);border:1px solid var(--border);padding:5px;border-radius:10px;font-size:12px}.fabric-snapshots img{width:100%;height:70px;object-fit:cover;border-radius:6px}.fabric-snapshot-remove{position:absolute;right:0;top:0;width:28px;height:28px;border-radius:50%;background:var(--card);color:var(--foreground);border:1px solid var(--border)}.fabric-editor-dialog .fabric-check input[type=checkbox]{width:18px;height:18px;min-height:18px;accent-color:var(--primary)}.fabric-editor-dialog button{cursor:pointer}.fabric-editor-dialog :is(button,input,svg,summary):focus-visible{outline:2px solid var(--ring);outline-offset:3px}@media (max-width:800px){.fabric-editor-dialog{width:100vw;height:100dvh;border-radius:0;border:0}.fabric-editor-dialog .fabric-controller{display:flex;flex-direction:column;overflow-y:auto}.fabric-editor-controls,.fabric-editor-stage{overflow:visible;padding:16px}.fabric-editor-controls{border-right:0;border-bottom:1px solid var(--border)}.fabric-editor-stage{order:-1}.fabric-editor-dialog .fabric-preview{min-height:260px;flex:0 0 280px}.fabric-editor-dialog .fabric-preview canvas{height:250px}.fabric-editor-dialog .fabric-preview-repeat canvas{height:100%}.fabric-editor-dialog .fabric-preview-tile canvas{max-height:260px;height:auto}.fabric-editor-top{padding:12px 16px}.fabric-editor-top h2{font-size:18px}.fabric-editor-top button{padding:10px 12px;white-space:nowrap}.fabric-snapshot-remove{width:36px;height:36px}.fabric-controller[data-has-source=false] .fabric-editor-stage{order:1}}.fabric-source-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.fabric-source-list>div{min-width:0}.fabric-source-list button{width:100%;min-height:44px;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--foreground);padding:6px;font-size:12px}.fabric-source-list button[aria-pressed=true]{border-color:var(--primary);background:var(--secondary)}.fabric-source-list img{width:100%;height:64px;object-fit:cover;border-radius:6px}.fabric-source-list span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hair-heading-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hair-template-trigger{min-height:44px;padding:8px 14px;border:1px solid var(--border);border-radius:12px;color:var(--primary);background:var(--card);font-weight:500;cursor:pointer}.hair-studio .product-studio-step{flex-wrap:wrap;gap:10px}.hair-studio .product-studio-step output{margin-left:auto;font-size:14px;color:var(--primary)}.hair-template-title{font-weight:600;color:var(--primary);margin:0 0 20px}.hair-template-dialog{width:min(1000px,calc(100vw - 32px));max-width:1000px!important;max-height:90svh;overflow:auto}.hair-template-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hair-template-options button{display:grid;gap:10px;text-align:left;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--card);cursor:pointer}.hair-template-options button[aria-pressed=true]{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.hair-template-options img{width:100%;aspect-ratio:210/297;object-fit:contain;background:white}.hair-template-options strong{font-size:15px}.hair-template-options span{font-size:13px;color:var(--muted-foreground)}.hair-free-mode{min-height:44px;color:var(--primary);text-decoration:underline;text-underline-offset:4px}.hair-reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.hair-reference-grid>div{min-width:0;border:1px solid var(--border);border-radius:12px;padding:8px;background:var(--card)}.hair-reference-grid img{width:100%;aspect-ratio:1;object-fit:contain}.hair-reference-grid small,.hair-reference-grid strong{display:block;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.hair-reference-grid small{color:var(--muted-foreground);font-size:12px}.hair-field{display:grid;gap:8px;font-size:14px;margin:16px 0;color:var(--foreground)}.hair-color-card input,.hair-field select{width:100%;max-width:100%;min-width:0;min-height:44px;border:1px solid var(--border);border-radius:10px;padding:8px 12px;color:var(--foreground);background:var(--card)}.hair-field select{white-space:nowrap;text-overflow:ellipsis}.hair-paper-preview{margin-top:24px;border:1px solid var(--border);padding:10px;border-radius:12px;background:white}.hair-paper-preview img{display:block;width:100%;height:auto;aspect-ratio:210/297;object-fit:contain}.hair-export-actions,.hair-style-actions{display:flex;flex-wrap:wrap;gap:12px}.hair-export-actions button,.hair-slot-grid>div>button,.hair-style-actions button{display:inline-flex;align-items:center;gap:8px;min-height:44px;border:1px solid var(--border);border-radius:12px;padding:8px 12px;color:var(--primary);background:var(--card);cursor:pointer}.hair-export-actions{padding:20px 24px;border-top:1px solid var(--border)}.hair-export-actions button.accessory-primary{color:var(--primary-foreground);background:var(--primary)}.hair-color-grid,.hair-slot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.hair-color-card{display:grid;gap:12px;border:1px solid var(--border);padding:14px;border-radius:14px;background:var(--card);min-width:0}.hair-color-card>label{display:grid;gap:6px;font-size:13px}.hair-slot-grid>div{min-width:0}.hair-slot-grid>div>button{margin-top:10px;font-size:13px;width:100%;justify-content:center}.hair-materials{margin-top:24px}.hair-materials summary{cursor:pointer;min-height:44px;line-height:1.6;font-size:15px;font-weight:600;padding:12px 0}.hair-materials>p{font-size:13px;line-height:1.8;color:var(--muted-foreground)}.hair-studio button:focus-visible,.hair-template-dialog button:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.hair-studio button:disabled{cursor:default;opacity:.5}.hair-studio .product-studio-summary{min-width:0}.hair-studio .product-studio-footer-actions{flex-wrap:wrap}.hair-studio .accessory-product-fields{margin-top:16px}@media (max-width:767px){.hair-template-options{grid-template-columns:1fr}.hair-template-options button{grid-template-columns:96px 1fr;align-items:center}.hair-template-options img{grid-row:span 2}.hair-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hair-template-trigger{font-size:13px;padding:8px 10px}.hair-studio .product-studio-step :is(h2,h3){font-size:16px}.hair-export-actions{padding:16px}.hair-color-grid,.hair-slot-grid{gap:12px}.hair-color-card{padding:10px}.hair-studio .product-studio-step>span{display:none}}.hair-preview-switch{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}.hair-preview-switch button{min-height:44px;padding:8px 12px;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--muted-foreground);cursor:pointer}.hair-preview-switch button[aria-pressed=true]{color:var(--primary);border-color:var(--primary);background:var(--accent)}.accessory-heading-with-tasks{display:grid;grid-template-columns:1fr minmax(0,2fr) 1fr;gap:20px;align-items:center}.accessory-heading-copy{grid-column:2}.generation-task-trigger{min-width:0;width:100%;padding:14px 16px;display:grid;gap:8px;text-align:left;background:var(--card);color:var(--primary);border:1px solid var(--border);border-radius:16px;font-size:13px}.generation-task-trigger-top{display:flex;align-items:center;gap:8px}.generation-task-trigger-top strong{font-weight:600;flex:1}.generation-task-trigger-bottom{color:var(--muted-foreground);font-size:12px;line-height:1.5}.generation-task-progress progress,.generation-task-trigger progress{width:100%;height:5px;border:0;border-radius:99px;overflow:hidden;background:var(--muted);accent-color:var(--primary)}.generation-task-progress progress::-webkit-progress-bar,.generation-task-trigger progress::-webkit-progress-bar{background:var(--muted)}.generation-task-progress progress::-webkit-progress-value,.generation-task-trigger progress::-webkit-progress-value{background:var(--primary);border-radius:99px}.generation-task-floating{position:fixed;right:24px;bottom:24px;z-index:40;width:280px;box-shadow:0 8px 32px color-mix(in srgb,var(--foreground) 10%,transparent)}.generation-task-spinner{animation:generation-task-spin 1s linear infinite}@keyframes generation-task-spin{to{transform:rotate(1turn)}}.generation-task-dialog{padding:24px;max-height:88dvh;border-radius:24px;gap:16px}.generation-task-dialog button{min-height:44px;padding:8px 12px;border:1px solid var(--border);border-radius:12px;color:var(--primary);background:var(--card);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:14px}.generation-task-dialog button:hover,.generation-task-trigger:hover{background:var(--secondary)}.generation-task-dialog button[aria-pressed=true]{background:var(--secondary);border-color:var(--primary)}.generation-task-dialog button:disabled{opacity:.5;cursor:not-allowed}.generation-task-dialog button:focus-visible,.generation-task-trigger:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.generation-task-title{font-size:22px;padding-right:32px}.generation-task-filters,.generation-task-toolbar,.generation-task-toolbar>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.generation-task-toolbar{justify-content:space-between}.generation-task-progress{display:grid;grid-template-columns:1fr auto;gap:8px;color:var(--primary)}.generation-task-progress progress{grid-column:1/-1}.generation-task-group{min-width:0}.generation-task-group h3{display:flex;gap:8px;align-items:baseline;font-weight:600;border-left:3px solid var(--primary);padding-left:12px;margin-bottom:12px}.generation-task-grid small,.generation-task-group h3 small,.generation-task-note,.generation-task-sku{color:var(--muted-foreground);font-size:13px;line-height:1.6}.generation-task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.generation-task-grid article{display:flex;flex-direction:column;gap:8px;min-width:0}.generation-task-grid strong,.generation-task-sku{overflow-wrap:anywhere}.generation-task-dialog .generation-task-picture{width:100%;aspect-ratio:1;padding:0;overflow:hidden;background:var(--muted);border-radius:16px}.generation-task-picture img{width:100%;height:100%;object-fit:contain}.generation-task-card-actions{display:flex;flex-wrap:wrap;gap:4px}.generation-task-card-actions button{font-size:14px;flex:1;padding-inline:8px}.generation-task-empty{padding:40px 16px;display:grid;justify-items:center;gap:12px;color:var(--muted-foreground);text-align:center}.generation-task-pending{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.generation-task-pending article{display:flex;flex-direction:column;gap:8px;background:var(--muted);padding:16px;border-radius:12px;overflow-wrap:anywhere}.generation-task-error{color:var(--destructive)}@media (max-width:1000px){.accessory-heading-with-tasks{grid-template-columns:minmax(0,1fr) 280px;text-align:left}.accessory-heading-copy{grid-column:1}}@media (max-width:700px){.accessory-heading-with-tasks{grid-template-columns:1fr;gap:16px;text-align:center}.generation-task-trigger{max-width:440px;justify-self:center}.generation-task-dialog{padding:20px 16px}.generation-task-grid,.generation-task-pending{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.generation-task-floating{right:16px;bottom:calc(84px + env(safe-area-inset-bottom));width:min(280px,calc(100vw - 32px))}}@media (max-width:380px){.generation-task-grid,.generation-task-pending{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.generation-task-spinner{animation:none}}.generation-task-more summary{min-height:44px;padding:12px;color:var(--primary);cursor:pointer;border-radius:12px;background:var(--muted);font-size:14px}.generation-task-more summary:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.generation-task-more .generation-task-card-actions{display:grid;grid-template-columns:1fr;gap:6px;margin-top:8px}@media (max-width:700px){.generation-task-card-actions{display:grid;grid-template-columns:1fr}}.generation-task-edit-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.generation-task-edit-actions button{min-width:0;flex-wrap:wrap;overflow-wrap:anywhere}.generation-task-dialog .generation-task-delete{color:var(--destructive)}.generation-task-regenerate{display:grid;gap:12px;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--muted);font-size:14px;line-height:1.6}.generation-task-regenerate label{display:grid;gap:8px}.generation-task-regenerate textarea{width:100%;min-height:88px;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--card);color:var(--foreground);font-size:16px;resize:vertical}.generation-task-regenerate textarea:focus-visible{outline:2px solid var(--ring);outline-offset:3px}@media (max-width:700px){.generation-task-edit-actions{grid-template-columns:1fr}}