body:has(.creator-shell){overflow:hidden}.creator-shell{background:var(--canvas-background);height:100dvh;color:var(--text-1);grid-template-columns:244px minmax(0,1fr);display:grid;overflow:hidden}.creator-sidebar{border-right:1px solid var(--border);background:var(--surface-soft);flex-direction:column;min-width:0;height:100dvh;padding:14px 12px 12px;display:flex;overflow:hidden}.creator-brand-row{align-items:center;min-height:48px;padding:0 4px;display:flex}.new-creation{border:1px solid var(--border);background:var(--surface-1);width:100%;min-height:44px;color:var(--text-1);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin:14px 0 12px;font-size:14px;font-weight:650;display:flex}.new-creation svg{color:var(--accent-strong)}.creator-sidebar-nav{gap:4px;display:grid}.creator-sidebar-nav button{min-height:44px;color:var(--text-2);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:0 11px;font-size:14px;display:flex}.creator-sidebar-nav button.is-active{background:var(--surface-2);color:var(--text-1)}.creator-sidebar-nav button>span{color:var(--text-3);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.history-heading{color:var(--text-3);justify-content:space-between;align-items:center;margin:24px 8px 9px;font-size:12px;display:flex}.history-heading small{font:inherit}.history-list{scrollbar-width:thin;align-content:start;gap:3px;min-height:0;padding-right:2px;display:grid;overflow:hidden auto}.history-entry-motion,.history-entry-static,.history-record{min-width:0}.history-record{border-radius:8px;grid-template-columns:minmax(0,1fr) 36px;align-items:center;min-height:58px;display:grid;position:relative}.history-record:before{background:var(--accent);content:"";opacity:0;border-radius:0 2px 2px 0;width:2px;height:24px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.history-record.is-active{background:var(--surface-2)}.history-record.is-active:before{opacity:1}.history-record-main{min-width:0;min-height:58px;color:var(--text-1);cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px;padding:7px 2px 7px 8px;display:grid}.history-thumb{border:1px solid var(--border);background:var(--surface-2);width:42px;height:42px;color:var(--text-3);border-radius:6px;place-items:center;display:grid;position:relative;overflow:hidden}.history-thumb img{object-fit:cover}.history-record-main strong,.history-record-main small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.history-record-main strong{font-size:13px;font-weight:620}.history-record-main small{color:var(--text-3);margin-top:4px;font-size:11px}.history-record-more{width:34px;height:34px;color:var(--text-3);cursor:pointer;opacity:0;background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.empty-history{color:var(--text-3);margin:0;padding:18px 8px;font-size:13px;line-height:1.65}.sidebar-footer{border-top:1px solid var(--border);color:var(--text-3);justify-content:space-between;align-items:center;margin-top:auto;padding:12px 6px 0;font-size:11px;display:flex}.sidebar-footer a{min-height:40px;color:var(--text-2);align-items:center;gap:6px;display:inline-flex}.creator-main{grid-template-rows:64px minmax(0,1fr);min-width:0;height:100dvh;display:grid}.creator-topbar{min-width:0;min-height:64px;z-index:var(--z-header);border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--page) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;gap:18px;padding:0 20px;display:flex;position:relative}.creator-topbar-left{align-items:center;gap:8px;min-width:0;display:flex}.creator-topbar-left>a,.sidebar-toggle-button{width:42px;height:42px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;display:grid}.creator-topbar-left>div{min-width:0;display:grid}.creator-topbar-left strong{text-overflow:ellipsis;white-space:nowrap;max-width:300px;font-size:15px;font-weight:650;overflow:hidden}.creator-topbar-left small{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;overflow:hidden}.creator-filters{justify-content:flex-end;align-items:center;gap:7px;min-width:0;display:flex}.creator-filters>label{border:1px solid var(--border);background:var(--surface-1);width:170px;height:42px;color:var(--text-3);border-radius:8px;align-items:center;gap:7px;padding:0 11px;display:flex}.creator-filters input{width:100%;min-width:0;color:var(--text-1);background:0 0;border:0;outline:0;font-size:13px}.creator-filters>button{border:1px solid var(--border);background:var(--surface-1);min-height:42px;color:var(--text-2);cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:0 11px;font-size:13px;display:inline-flex}.sidebar-toggle-button,.mobile-sidebar-scrim{display:none}.creator-scroll{grid-template-rows:minmax(0,1fr) auto;gap:12px;min-width:0;min-height:0;display:grid;overflow:hidden}.artwork-feed{scrollbar-gutter:stable;width:min(1020px,100% - 48px);min-width:0;height:100%;min-height:0;margin:0 auto;padding:28px 4px 48px;scroll-padding-block:24px;overflow:hidden auto}.generation-strip,.creator-error{border:1px solid var(--border);background:var(--surface-1);min-height:50px;color:var(--text-2);border-radius:8px;align-items:center;gap:9px;margin:0 auto 18px;padding:0 14px;font-size:13px;display:flex}.generation-strip svg{color:var(--accent-strong)}.generation-strip small{color:var(--text-3);margin-left:auto;font-size:12px}.creator-error{border-color:color-mix(in srgb, var(--danger) 36%, var(--border));color:var(--danger)}.creator-error button{width:40px;height:40px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;margin-left:auto;display:grid}.creator-empty-motion{min-height:100%}.creator-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:0 24px 64px;display:flex}.creator-empty>span{color:var(--accent-strong);font-size:13px;font-weight:650}.creator-empty h1{margin:12px 0 0;font-size:clamp(28px,3vw,34px);font-weight:680;line-height:1.25}.creator-empty p{max-width:500px;color:var(--text-2);margin:12px 0 0;font-size:15px;line-height:1.7}.date-group{margin-bottom:46px}.date-group>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:36px;margin-bottom:18px;display:flex}.date-group>header h2{margin:0;font-size:18px;font-weight:650}.date-group>header span{color:var(--text-3);font-size:13px}.batch-static,.batch-group{min-width:0}.batch-group{margin-bottom:42px;scroll-margin-top:20px}.batch-meta{justify-content:space-between;align-items:flex-start;gap:18px;min-height:48px;margin-bottom:10px;display:flex}.batch-meta>div{gap:5px;min-width:0;display:grid}.batch-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:620;line-height:1.45;overflow:hidden}.batch-meta span{color:var(--text-3);white-space:nowrap;font-size:13px}.batch-meta>button,.batch-actions button{border:1px solid var(--border);background:var(--surface-1);min-height:40px;color:var(--text-2);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 11px;font-size:13px;display:inline-flex}.artwork-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;display:grid}.artwork-grid.artwork-count-1{grid-template-columns:minmax(320px,620px);justify-content:center}.artwork-grid.artwork-count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.artwork-grid.artwork-count-3{grid-template-columns:repeat(3,minmax(0,1fr))}.artwork-card{background:var(--surface-2);cursor:pointer;border-radius:4px;outline:0;min-width:0;overflow:visible}.artwork-image{background:var(--surface-2);border-radius:4px;width:100%;min-height:150px;position:relative;overflow:hidden}.artwork-image:after{z-index:1;content:"";opacity:0;pointer-events:none;background:linear-gradient(#0307103d,#0000 34%);position:absolute;inset:0}.artwork-image>img{object-fit:contain;pointer-events:none}.image-status{width:100%;height:100%;color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.primary-badge{z-index:3;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040914d1;border-radius:6px;align-items:center;gap:5px;min-height:30px;padding:0 9px;font-size:12px;display:inline-flex;position:absolute;top:10px;left:10px}.image-hover-tools{z-index:4;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#040914d1;border:1px solid #ffffff29;border-radius:8px;gap:3px;padding:5px;display:flex;position:absolute;top:10px;right:10px;transform:translateY(-4px)}.image-action{display:block;position:relative}.image-action>a,.image-action>button{color:#e7edff;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:38px;height:38px;display:grid}.image-action-tooltip{z-index:6;color:#fff;opacity:0;pointer-events:none;white-space:nowrap;background:#040914f0;border:1px solid #ffffff1f;border-radius:6px;align-items:center;min-height:28px;padding:0 8px;font-size:12px;display:flex;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-2px)}.batch-actions{align-items:center;gap:7px;min-height:50px;padding-top:10px;display:flex}.creation-dock{width:min(1000px,100% - 48px);min-width:0;z-index:var(--z-sticky);margin:0 auto 14px;position:relative}.project-context{border:1px solid var(--border);background:var(--surface-1);border-radius:8px;margin:0 0 8px}.project-context summary{min-height:42px;color:var(--text-2);cursor:pointer;justify-content:space-between;align-items:center;padding:0 12px;font-size:13px;display:flex}.project-context summary span{align-items:center;gap:7px;display:flex}.project-context>div{border-top:1px solid var(--border);padding:12px}.project-context dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.project-context dl>div{background:var(--surface-2);border-radius:6px;padding:10px}.project-context dt{color:var(--text-3);font-size:12px}.project-context dd{margin:5px 0 0;font-size:13px;line-height:1.5}.project-context>div>button{border:1px solid var(--border);background:var(--surface-1);min-height:40px;color:var(--accent-strong);cursor:pointer;border-radius:7px;align-items:center;gap:7px;margin-top:10px;padding:0 11px;font-size:13px;display:inline-flex}.prompt-box{border:1px solid var(--border-hover);background:color-mix(in srgb, var(--surface-1) 97%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:12px;overflow:visible;box-shadow:0 12px 34px #00000024}.composer-entry{grid-template-columns:64px minmax(0,1fr);align-items:start;gap:14px;min-height:112px;padding:18px 20px;display:grid}.reference-file-input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.reference-add,.reference-preview{border:1px solid var(--border);background:var(--surface-2);width:64px;height:70px;color:var(--text-2);border-radius:8px;position:relative;overflow:hidden}.reference-add{cursor:pointer;align-content:center;place-items:center;gap:4px;font-size:11px;display:grid}.reference-preview img{object-fit:cover}.reference-preview>button{z-index:1;color:#fff;cursor:pointer;background:#040914d6;border:1px solid #ffffff2e;border-radius:6px;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:4px;right:4px}.composer-entry textarea{resize:none;width:100%;height:76px;min-height:76px;color:var(--text-1);font:inherit;background:0 0;border:0;outline:0;padding:2px 0 0;font-size:16px;line-height:1.65}.composer-entry textarea::placeholder{color:var(--text-3)}.prompt-footer{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:60px;padding:8px;display:grid}.composer-parameters{align-items:center;gap:6px;min-width:0;display:flex}.composer-select-wrap{min-width:0;position:relative}.composer-select{border:1px solid var(--border);min-height:42px;color:var(--text-2);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.composer-select-icon{width:18px;color:var(--accent-strong);place-items:center;display:inline-grid}.composer-select>span:not(.composer-select-icon){color:var(--text-3);font-size:12px}.composer-select strong{color:var(--text-1);font-size:14px;font-weight:620}.composer-select>svg:last-child{color:var(--text-3)}.composer-submit{align-items:center;gap:8px;display:flex}.generation-cost{background:var(--surface-2);min-height:38px;color:var(--text-2);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:7px;align-items:center;gap:5px;padding:0 9px;font-size:12px;display:inline-flex}.generation-cost svg{color:var(--accent-strong)}.submit-generation{background:var(--accent);width:46px;height:46px;color:var(--primary-foreground);cursor:pointer;box-shadow:0 8px 24px color-mix(in srgb, var(--accent) 20%, transparent);border:0;border-radius:50%;flex:none;place-items:center;display:grid}.submit-generation:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}.composer-popover{z-index:var(--z-popover);position:fixed}.parameter-menu-layer{border:1px solid var(--border);background:var(--surface-1);max-height:min(480px,100dvh - 40px);box-shadow:var(--shadow-panel);border-radius:12px;padding:8px;overflow-y:auto}.parameter-menu-layer>button{width:100%;min-height:48px;color:var(--text-2);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 11px;font-size:14px;display:grid}.parameter-menu-layer>button small{color:var(--text-3);font-size:12px}.parameter-menu-layer>button[aria-selected=true]{background:var(--surface-2);color:var(--text-1)}.parameter-menu-layer>button:disabled{cursor:not-allowed;opacity:.48}.model-option-copy{gap:3px;min-width:0;display:grid}.model-option-copy strong{color:var(--text-1);font-size:14px;font-weight:620}.model-option-copy small{color:var(--text-3);font-size:12px}.ratio-menu-heading{justify-content:space-between;align-items:center;min-height:36px;padding:0 4px 5px;display:flex}.ratio-menu-heading strong{font-size:14px}.ratio-menu-heading span{color:var(--text-3);font-size:12px}.ratio-option-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.parameter-menu-layer .ratio-option-grid>button{min-height:94px;color:var(--text-2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-rows:24px auto auto auto;place-items:center;gap:2px;padding:9px 4px 7px;display:grid}.parameter-menu-layer .ratio-option-grid>button[aria-selected=true]{border-color:color-mix(in srgb, var(--accent) 60%, var(--border));background:var(--accent-soft)}.ratio-shape{border:1.5px solid;border-radius:3px;place-items:center;width:auto;min-width:10px;height:21px;display:grid}.ratio-option-grid strong{color:var(--text-1);font-size:13px}.ratio-option-grid small,.ratio-option-grid em{color:var(--text-3);margin:0;font-size:10px;font-style:normal;line-height:1.2}.inspector-scrim{z-index:calc(var(--z-drawer) - 1);cursor:pointer;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;border:0;position:fixed;inset:0}.image-inspector{width:min(390px,100vw - 24px);height:100dvh;z-index:var(--z-drawer);border-left:1px solid var(--border);background:var(--surface-1);box-shadow:var(--shadow-panel);padding:18px;position:fixed;top:0;right:0;overflow-y:auto}.image-inspector>header{justify-content:space-between;align-items:center;min-height:44px;margin-bottom:16px;display:flex}.image-inspector>header strong{font-size:18px}.image-inspector>header button{width:44px;height:44px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.inspector-preview{background:var(--surface-2);border-radius:8px;width:100%;position:relative;overflow:hidden}.inspector-preview img{object-fit:contain}.image-inspector dl{grid-template-columns:1fr 1fr;gap:8px;margin:18px 0;display:grid}.image-inspector dl>div{background:var(--surface-2);border-radius:7px;padding:10px}.image-inspector dt{color:var(--text-3);font-size:12px}.image-inspector dd{margin:5px 0 0;font-size:13px}.image-inspector section{border-top:1px solid var(--border);padding-top:16px}.image-inspector section h2{margin:0;font-size:15px}.image-inspector section p{color:var(--text-2);margin:9px 0 12px;font-size:14px;line-height:1.7}.image-inspector section button,.inspector-actions a,.inspector-actions button{border:1px solid var(--border);background:var(--surface-1);min-height:42px;color:var(--text-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 11px;font-size:13px;display:inline-flex}.inspector-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;display:grid}dialog.upgrade-dialog{border:1px solid var(--border-hover);background:var(--surface-1);width:min(420px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--text-1);box-shadow:var(--shadow-panel);text-align:center;border-radius:14px;margin:auto;padding:30px;position:fixed;inset:0;overflow-y:auto}dialog.upgrade-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008f}.upgrade-close{width:44px;height:44px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:10px;right:10px}.upgrade-icon{background:var(--accent-soft);width:48px;height:48px;color:var(--accent-strong);border-radius:10px;place-items:center;margin:0 auto 14px;display:grid}.upgrade-kicker{color:var(--accent-strong);font-size:12px;font-weight:700}.upgrade-dialog h2{margin:10px 0 0;font-size:23px}.upgrade-dialog p{color:var(--text-2);margin:10px auto 22px;font-size:14px;line-height:1.7}.upgrade-primary{background:var(--accent);width:100%;min-height:46px;color:var(--primary-foreground);cursor:pointer;border:0;border-radius:8px;font-size:14px;font-weight:700}.creator-toast{min-height:44px;z-index:var(--z-toast);border:1px solid color-mix(in srgb, var(--success) 34%, var(--border));background:var(--surface-1);color:var(--success);box-shadow:var(--shadow-panel);border-radius:8px;align-items:center;gap:8px;padding:0 14px;font-size:13px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}
.creator-topbar{padding-right:300px}.creator-shell button,.creator-shell a,.creator-shell summary,.parameter-menu-layer button,.upgrade-dialog button{-webkit-tap-highlight-color:transparent}.new-creation,.creator-sidebar-nav button,.history-record,.history-record-more,.creator-topbar-left>a,.sidebar-toggle-button,.creator-filters>label,.creator-filters>button,.batch-meta>button,.batch-actions button,.composer-select,.reference-add,.submit-generation,.image-action>a,.image-action>button,.project-context>div>button,.image-inspector button,.image-inspector a,.upgrade-dialog button{transition:border-color var(--duration-fast) var(--ease), background-color var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease), opacity var(--duration-fast) var(--ease), transform var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease)}.new-creation:hover,.creator-sidebar-nav button:hover,.history-record:hover,.creator-topbar-left>a:hover,.sidebar-toggle-button:hover,.creator-filters>button:hover,.batch-meta>button:hover,.batch-actions button:hover,.reference-add:hover,.project-context>div>button:hover,.image-inspector button:hover,.image-inspector a:hover,.upgrade-close:hover{border-color:var(--border-hover);background:var(--surface-2);color:var(--text-1)}.history-record:hover .history-record-more,.history-record:focus-within .history-record-more,.history-record-more:focus{opacity:1}.history-record-more:hover{background:var(--surface-1);color:var(--text-1)}.composer-select:hover,.composer-select.is-open{border-color:var(--border-hover);background:var(--surface-2);color:var(--text-1)}.composer-select.is-open>svg:last-child{transform:rotate(180deg)}.prompt-box{transition:border-color var(--duration-base) var(--ease), background-color var(--duration-base) var(--ease), box-shadow var(--duration-base) var(--ease)}.prompt-box:hover{border-color:color-mix(in srgb, var(--accent) 42%, var(--border))}.prompt-box:focus-within{border-color:color-mix(in srgb, var(--accent) 46%, var(--border));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 34%, transparent), 0 0 30px color-mix(in srgb, var(--accent) 12%, transparent), 0 16px 42px #0000002e}[data-theme=daylight] .prompt-box{box-shadow:0 12px 32px #27394d1f}[data-theme=daylight] .prompt-box:focus-within{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent), 0 0 26px color-mix(in srgb, var(--accent) 10%, transparent), 0 16px 40px #27394d26}[data-theme=nightfall] .prompt-box{background:color-mix(in srgb, var(--surface-1) 97%, #202630)}.submit-generation:hover:not(:disabled){background:var(--accent-strong);box-shadow:0 10px 28px color-mix(in srgb, var(--accent) 26%, transparent);transform:translateY(-1px)}.submit-generation:active:not(:disabled),.new-creation:active,.batch-actions button:active,.composer-select:active{transform:scale(.98)}.artwork-image:after,.image-hover-tools{transition:opacity .17s var(--ease), transform .17s var(--ease)}.artwork-card:hover .artwork-image:after,.artwork-card:focus-within .artwork-image:after{opacity:1}.artwork-card:hover .image-hover-tools,.artwork-card:focus-within .image-hover-tools{opacity:1;pointer-events:auto;transform:translateY(0)}.creator-shell:has(.prompt-box:focus-within) .image-hover-tools{opacity:0;pointer-events:none;transform:translateY(4px)}.image-action>a:hover,.image-action>button:hover,.image-action>button[aria-pressed=true]{color:#fff;background:#ffffff1f}.image-action-tooltip{transition:opacity .15s var(--ease), transform .15s var(--ease);transition-delay:0s}.image-action:hover .image-action-tooltip,.image-action:focus-within .image-action-tooltip{opacity:1;transition-delay:.45s;transform:translate(-50%)}.creator-shell button:focus-visible,.creator-shell a:focus-visible,.creator-shell summary:focus-visible,.creator-shell textarea:focus-visible,.creator-shell input:focus-visible,.parameter-menu-layer button:focus-visible,.upgrade-dialog button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.creator-shell .prompt-box textarea:focus,.creator-shell .prompt-box textarea:focus-visible{box-shadow:none!important;outline:none!important}.artwork-card:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.creator-filters>label:focus-within{border-color:var(--focus-ring);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus-ring) 12%, transparent)}.parameter-menu-layer{transform-origin:var(--menu-origin,bottom center);animation:parameter-menu-enter .17s var(--ease) both}.parameter-menu-layer>button:hover,.parameter-menu-layer .ratio-option-grid>button:hover{background:var(--surface-2);color:var(--text-1)}.inspector-scrim{animation:.19s ease-out both scrim-enter}.image-inspector{animation:inspector-enter .22s var(--ease) both}dialog.upgrade-dialog[open]{animation:dialog-enter .21s var(--ease) both}dialog.upgrade-dialog[open]::backdrop{animation:.19s ease-out both scrim-enter}.creator-toast{animation:toast-enter .21s var(--ease) both}@keyframes parameter-menu-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes inspector-enter{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes dialog-enter{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes scrim-enter{0%{opacity:0}to{opacity:1}}@keyframes toast-enter{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:1700px){.creator-filters>label{display:none}}@media (max-width:1360px){.creator-shell{grid-template-columns:224px minmax(0,1fr)}.creator-topbar-left strong{max-width:230px}.creator-filters>button{padding-inline:9px}.artwork-feed,.creation-dock{width:calc(100% - 36px)}.composer-select>span:not(.composer-select-icon){clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}}@media (max-width:1180px){.creator-filters>button:not(.theme-cycle-button),.creator-filters .composer-select-wrap{display:none}.creator-topbar-left strong{max-width:320px}.composer-select{padding-inline:8px}.composer-select strong{font-size:13px}.generation-cost{padding-inline:7px;font-size:11px}}@media (max-width:900px){.creator-shell{grid-template-columns:204px minmax(0,1fr)}.creator-topbar-left strong{max-width:220px}.artwork-feed{padding-top:22px}.composer-entry{padding:15px 16px}.prompt-footer{align-items:end}.composer-parameters{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.composer-select-wrap,.composer-select{width:100%}.composer-select{justify-content:flex-start}.composer-select>svg:last-child{margin-left:auto}}@media (max-width:760px){body:has(.creator-shell) .global-account-dock{top:7px;right:10px}body:has(.creator-shell) .global-login-trigger{width:46px;min-width:46px;max-width:46px;height:46px;padding:0;font-size:0}body:has(.creator-shell) .global-points{display:none}.creator-shell{display:block}.creator-sidebar{width:min(84vw,320px);z-index:var(--z-drawer);box-shadow:var(--shadow-panel);transition:transform .22s var(--ease);position:fixed;top:0;left:0;transform:translate(-104%)}.mobile-sidebar-open .creator-sidebar{transform:translate(0)}.mobile-sidebar-scrim{z-index:calc(var(--z-drawer) - 1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008f;border:0;display:block;position:fixed;inset:0}.creator-main{grid-template-rows:60px minmax(0,1fr)}.creator-topbar{gap:8px;min-height:60px;padding:0 72px 0 8px}.sidebar-toggle-button{display:grid}.creator-topbar-left strong{max-width:min(50vw,220px);font-size:14px}.creator-topbar-left small{max-width:min(50vw,220px)}.creator-filters{display:none}.creator-scroll{gap:8px}.artwork-feed{scrollbar-gutter:auto;width:calc(100% - 24px);padding:18px 0 28px}.generation-strip,.creator-error{align-items:flex-start;padding:12px;line-height:1.45}.generation-strip small{display:none}.creator-empty{padding:0 12px 28px}.creator-empty h1{font-size:25px}.creator-empty p{font-size:14px}.date-group{margin-bottom:30px}.date-group>header{margin-bottom:14px}.batch-group{margin-bottom:32px}.batch-meta{align-items:flex-start;gap:10px}.batch-meta strong{white-space:normal;font-size:16px}.batch-meta span{white-space:normal;font-size:12px}.batch-meta>button{width:42px;min-width:42px;padding:0;font-size:0}.artwork-grid,.artwork-grid.artwork-count-3,.artwork-grid.artwork-count-4{grid-template-columns:repeat(2,minmax(0,1fr))}.artwork-grid.artwork-count-1{grid-template-columns:1fr}.artwork-image{min-height:112px}.image-hover-tools{display:none}.batch-actions{overflow-x:auto}.creation-dock{width:calc(100% - 16px);margin-bottom:max(8px, env(safe-area-inset-bottom))}.composer-entry{grid-template-columns:58px minmax(0,1fr);gap:10px;min-height:112px;padding:14px}.reference-add,.reference-preview{width:58px;height:64px}.reference-add span{display:none}.composer-entry textarea{height:82px;min-height:82px;font-size:16px}.prompt-footer{grid-template-columns:minmax(0,1fr) auto;gap:7px;min-height:112px;padding:7px}.composer-select{min-height:46px}.composer-submit{justify-items:center;gap:4px;display:grid}.generation-cost{background:0 0;min-height:30px;padding:0 4px;font-size:10px}.submit-generation{width:46px;height:46px}.project-context dl{grid-template-columns:1fr}.parameter-menu-layer{border-radius:12px;max-height:min(70dvh,520px);padding:10px;left:12px!important;right:12px!important;bottom:max(12px, env(safe-area-inset-bottom))!important;width:auto!important;top:auto!important}.parameter-menu-layer>button{min-height:50px;font-size:15px}.ratio-option-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.parameter-menu-layer .ratio-option-grid>button{min-height:82px}.ratio-option-grid em{display:none}.inspector-scrim{background:#0009}.image-inspector{width:100%;height:min(84dvh,720px);padding:16px 16px max(16px, env(safe-area-inset-bottom));border:1px solid var(--border);border-bottom:0;border-radius:12px 12px 0 0;animation-name:sheet-enter;inset:auto 0 0}.creator-toast{bottom:max(16px, env(safe-area-inset-bottom))}dialog.upgrade-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:26px 20px}}@media (hover:none),(pointer:coarse){.history-record-more{opacity:1}.image-hover-tools{display:none}.artwork-card:hover .artwork-image:after{opacity:0}}@media (max-width:420px){.creator-topbar-left strong,.creator-topbar-left small{max-width:178px}.composer-select strong{text-overflow:ellipsis;max-width:92px;overflow:hidden}.generation-cost svg{display:none}.ratio-option-grid strong{font-size:12px}.ratio-option-grid small{font-size:9px}}@keyframes sheet-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.creator-shell *,.creator-shell :before,.creator-shell :after,.parameter-menu-layer,dialog.upgrade-dialog,dialog.upgrade-dialog::backdrop{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.submit-generation:hover:not(:disabled),.new-creation:active,.composer-select:active,.image-inspector,.image-hover-tools{transform:none!important}}
.creator-shell{background:radial-gradient(circle at 52% 0%, color-mix(in srgb, var(--accent) 7%, transparent), transparent 34%), var(--canvas-background);grid-template-columns:260px minmax(0,1fr)}.creator-sidebar{background:color-mix(in srgb, var(--surface-soft) 96%, var(--accent) 4%);padding:16px 14px 14px}.creator-history-title{border-bottom:1px solid var(--border);align-content:center;gap:3px;min-height:48px;padding:4px 8px 12px;display:grid}.creator-history-title span{color:var(--text-1);font-size:14px;font-weight:680}.creator-history-title small{color:var(--text-3);font-size:10px}.new-creation{border-color:color-mix(in srgb, var(--accent) 36%, var(--border));background:var(--accent);color:var(--primary-foreground);box-shadow:0 10px 28px color-mix(in srgb, var(--accent) 18%, transparent);transition:background var(--duration-fast) var(--ease), transform var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease);margin:14px 0 16px}.new-creation svg{color:currentColor}.new-creation:hover{background:var(--accent-strong);box-shadow:0 12px 34px color-mix(in srgb, var(--accent) 24%, transparent)}.new-creation:active{transform:scale(.98)}.new-creation:disabled{cursor:wait;opacity:.62;box-shadow:none}.creator-sidebar-nav button{font-weight:560}.history-heading{margin-top:24px}.creator-plan-card{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface-1);margin-top:auto;padding:14px}.creator-plan-card>div{justify-content:space-between;align-items:start;gap:10px;display:flex}.creator-plan-card>div>span{color:var(--text-3);font-size:10px;font-weight:750}.creator-plan-card strong{color:var(--text-1);font-variant-numeric:tabular-nums;font-size:22px}.creator-plan-card strong small{color:var(--text-3);margin-left:4px;font-size:10px;font-weight:520}.creator-plan-card p{color:var(--text-3);margin:8px 0 12px;font-size:11px;line-height:1.5}.creator-plan-card>a{background:var(--surface-2);min-height:34px;color:var(--text-1);border-radius:6px;place-items:center;font-size:12px;font-weight:650;display:grid}.creator-plan-card.is-pro{background:linear-gradient(145deg, color-mix(in srgb, #b89345 10%, var(--surface-1)), var(--surface-1));border-color:#c7a45552}.creator-topbar{background:color-mix(in srgb, var(--canvas-background) 88%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-height:68px;padding:0 18px}.creator-topbar .page-header-title,.creator-topbar .page-header-title>div{min-width:0}.creator-topbar .page-header-title strong{max-width:300px}.creator-topbar .page-header-actions{margin-left:auto}.creator-assets-link{border-radius:var(--radius-control);min-height:42px;color:var(--text-2);align-items:center;gap:7px;padding:0 11px;font-size:13px;font-weight:560;display:inline-flex}.creator-assets-link:hover{background:var(--surface-2);color:var(--text-1)}.creator-account-control .account-status-trigger{width:42px;height:42px;padding:4px}.artwork-feed{max-width:1180px;padding-top:34px}.creator-empty{max-width:620px}.creator-empty>span{background:var(--accent-soft);width:48px;height:48px;color:var(--accent-strong);border-radius:12px;place-items:center;margin:0 auto 18px;display:grid}.creator-empty h1{letter-spacing:0;font-size:clamp(27px,3vw,38px)}.creator-empty p{max-width:460px;margin-inline:auto;font-size:15px}.empty-prompt-suggestions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:24px;display:flex}.empty-prompt-suggestions button{border:1px solid var(--border);background:var(--surface-1);min-height:38px;color:var(--text-2);cursor:pointer;border-radius:7px;padding:0 12px;font-size:12px}.empty-prompt-suggestions button:hover{border-color:var(--border-hover);background:var(--surface-2);color:var(--text-1)}.generation-progress-motion{margin-bottom:26px}.generation-progress{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border));border-radius:var(--radius-card);background:color-mix(in srgb, var(--surface-1) 90%, transparent);justify-content:center;align-items:center;gap:28px;min-height:170px;padding:26px 30px;display:flex}.generation-progress-copy{min-width:280px}.generation-progress-copy>span{color:var(--text-3);font-size:11px}.generation-progress-copy>strong{margin-top:5px;font-size:18px;display:block}.generation-progress-copy ol{gap:14px;margin:17px 0 0;padding:0;list-style:none;display:flex}.generation-progress-copy li{color:var(--text-3);align-items:center;gap:5px;font-size:11px;display:flex}.generation-progress-copy li.is-active{color:var(--text-1)}.generation-progress-copy li.is-active svg{color:var(--accent-strong);animation:1.1s linear infinite spin}.generation-progress-copy li.is-complete{color:var(--success)}.creation-dock{max-width:1120px;margin-bottom:16px}.prompt-box{border:1px solid color-mix(in srgb, var(--border-hover) 80%, transparent);background:color-mix(in srgb, var(--surface-1) 88%, transparent);-webkit-backdrop-filter:blur(22px)saturate(125%);backdrop-filter:blur(22px)saturate(125%);transition:border-color var(--duration-base) var(--ease), box-shadow var(--duration-base) var(--ease), background var(--duration-base) var(--ease);border-radius:12px;box-shadow:0 18px 54px #0000003d}.prompt-box:hover{border-color:var(--border-hover)}.prompt-box:focus-within{border-color:color-mix(in srgb, var(--accent) 64%, var(--border));box-shadow:0 20px 62px #00000047, 0 0 0 3px color-mix(in srgb, var(--accent) 10%, transparent)}.composer-entry textarea{caret-color:var(--accent-strong);font-size:16px;line-height:1.65}.composer-entry textarea:focus{box-shadow:none;outline:none}.prompt-footer{background:color-mix(in srgb, var(--surface-soft) 72%, transparent)}.composer-select{border-radius:7px;min-height:44px}.submit-generation{box-shadow:0 8px 22px color-mix(in srgb, var(--accent) 22%, transparent)}@media (max-width:1360px){.creator-shell{grid-template-columns:230px minmax(0,1fr)}}@media (max-width:1180px){.creator-account-control{display:block}}@media (max-width:760px){.creator-topbar{min-height:60px;padding:0 12px 0 60px;position:relative}.creator-topbar .page-header-title strong,.creator-topbar .page-header-title small{max-width:min(54vw,220px)}.creator-filters{display:none!important}.creation-dock{margin-bottom:max(8px, env(safe-area-inset-bottom))}.generation-progress{gap:18px;min-height:150px;padding:20px}.generation-progress-copy{min-width:0}.generation-progress-copy>strong{font-size:15px}.generation-progress-copy ol{gap:6px;display:grid}.empty-prompt-suggestions{grid-template-columns:repeat(3,1fr);display:grid}.empty-prompt-suggestions button{padding-inline:7px}}@media (prefers-reduced-motion:reduce){.generation-progress-copy li.is-active svg{animation:none}}dialog.upgrade-dialog[open]{animation:.3s cubic-bezier(.16,1,.3,1) both dialog-enter-v3}@keyframes dialog-enter-v3{0%{opacity:0;transform:translateY(10px)scale(.94)}to{opacity:1;transform:none}}.creator-shell{background:var(--canvas-background)}.creator-main{min-height:0}.creator-scroll{display:block;position:relative;overflow:hidden}.ai-image-canvas{scroll-behavior:smooth;overscroll-behavior:contain;width:min(1120px,100% - 56px);max-width:1120px;height:100%;padding:36px 6px 238px;scroll-padding-block:32px 230px}.ai-canvas-empty{background-image:linear-gradient(color-mix(in srgb, var(--border) 26%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--border) 26%, transparent) 1px, transparent 1px);opacity:.48;pointer-events:none;background-position:50%;background-size:40px 40px;min-height:calc(100% - 24px);position:relative;overflow:hidden;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 66%);mask-image:radial-gradient(circle,#000 0%,#0000 66%)}.ai-canvas-empty>span{width:5px;height:5px;left:calc(50% + var(--particle-x,0px));top:calc(44% + var(--particle-y,0px));background:color-mix(in srgb, var(--accent) 65%, white);box-shadow:0 0 18px color-mix(in srgb, var(--accent) 42%, transparent);border-radius:50%;animation:5.4s ease-in-out infinite alternate canvas-particle;position:absolute}.ai-canvas-empty>span:first-child{--particle-x:-112px;--particle-y:26px;animation-delay:-.8s}.ai-canvas-empty>span:nth-child(2){--particle-x:96px;--particle-y:-44px;animation-delay:-2.2s}.ai-canvas-empty>span:nth-child(3){--particle-x:-42px;--particle-y:-90px;animation-delay:-3.4s}.ai-canvas-empty>span:nth-child(4){--particle-x:48px;--particle-y:74px;animation-delay:-1.6s}@keyframes canvas-particle{0%{opacity:.12;transform:translate(-8px,10px)scale(.72)}to{opacity:.7;transform:translate(10px,-9px)scale(1)}}.date-group>header{margin-bottom:20px}.ai-generation-card{margin-bottom:72px;position:relative}.ai-generation-card:after{background:linear-gradient(transparent, color-mix(in srgb, var(--border-hover) 80%, transparent));content:"";width:1px;height:34px;position:absolute;bottom:-52px;left:10px}.batch-meta{grid-template-columns:22px minmax(0,1fr) auto;align-items:start;min-height:56px;display:grid}.batch-meta>.batch-prompt-index{place-items:start center;width:22px;height:28px;display:grid}.batch-prompt-index>span{border:2px solid color-mix(in srgb, var(--accent) 76%, var(--text-1));background:var(--canvas-background);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 9%, transparent);border-radius:50%;margin-top:7px}.batch-meta strong{text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:70ch;font-size:16px;font-weight:610;line-height:1.55;display:-webkit-box;overflow:hidden}.artwork-grid{gap:10px}.artwork-card,.artwork-image{border-radius:16px}.artwork-card{transition:transform .22s var(--ease), box-shadow .22s var(--ease);background:0 0;box-shadow:0 14px 44px #0000001f}.artwork-card:hover,.artwork-card:focus-within{z-index:2;transform:translateY(-2px);box-shadow:0 20px 58px #0003}.artwork-image>img{transition:transform .26s var(--ease), filter .32s var(--ease)}.artwork-card:hover .artwork-image>img,.artwork-card:focus-within .artwork-image>img{transform:scale(1.02)}[data-new-batch=true] .artwork-image>img{animation:.72s cubic-bezier(.16,1,.3,1) both generated-image-resolve}@keyframes generated-image-resolve{0%{filter:blur(12px);opacity:.3;transform:scale(1.025)}to{filter:blur();opacity:1;transform:scale(1)}}.ai-creation-dock{width:min(900px,100% - 64px);max-width:900px;z-index:var(--z-sticky);margin:0;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.ai-prompt-composer{background:color-mix(in srgb, var(--surface-1) 92%, transparent);-webkit-backdrop-filter:blur(24px)saturate(120%);backdrop-filter:blur(24px)saturate(120%);border-color:#0000;border-radius:24px;min-height:128px;box-shadow:0 24px 72px #00000047,0 2px 10px #00000014}.ai-prompt-composer:hover{box-shadow:0 28px 80px #0000004d, 0 0 0 1px color-mix(in srgb, var(--accent) 11%, var(--border));border-color:#0000}.ai-prompt-composer:focus-within{background:color-mix(in srgb, var(--surface-1) 96%, transparent);box-shadow:0 30px 84px #00000052, 0 0 0 1px color-mix(in srgb, var(--accent) 22%, var(--border)), 0 0 32px color-mix(in srgb, var(--accent) 9%, transparent);border-color:#0000}.ai-prompt-composer .composer-entry{grid-template-columns:auto minmax(0,1fr);gap:10px 12px;min-height:88px;padding:14px 16px 9px}.reference-tray{align-items:center;gap:8px;min-width:56px;display:flex}.reference-tray.has-references{scrollbar-width:thin;grid-column:1/-1;max-width:100%;padding-bottom:2px;overflow-x:auto}.reference-count{min-width:34px;color:var(--text-3);font-variant-numeric:tabular-nums;text-align:center;font-size:11px}.reference-tray.has-references+textarea{grid-column:1/-1}.ai-prompt-composer .reference-add,.ai-prompt-composer .reference-preview{border-radius:12px;flex:none;width:56px;height:56px}.ai-prompt-composer .reference-add{transition:border-color .18s var(--ease), background .18s var(--ease), color .18s var(--ease), transform .18s var(--ease);border-style:dashed}.ai-prompt-composer .reference-add:hover{border-color:color-mix(in srgb, var(--accent) 48%, var(--border));background:var(--accent-soft);color:var(--accent-strong);transform:translateY(-1px)}.ai-prompt-composer .reference-add:active{transform:scale(.96)}.ai-prompt-composer .reference-preview{box-shadow:0 6px 18px #0000001f}.ai-prompt-composer .reference-preview>button{opacity:0;transition:opacity .16s var(--ease), transform .18s var(--ease);transform:scale(.88)}.ai-prompt-composer .reference-preview:hover>button,.ai-prompt-composer .reference-preview:focus-within>button{opacity:1;transform:none}.ai-prompt-composer .composer-entry textarea{min-height:58px;max-height:96px;padding:3px 2px;font-size:16px;line-height:1.55}.reference-drop-overlay{z-index:8;border:1px dashed color-mix(in srgb, var(--accent) 48%, var(--border));background:color-mix(in srgb, var(--surface-1) 88%, transparent);color:var(--accent-strong);pointer-events:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:reference-drop-in .18s var(--ease) both;border-radius:18px;align-content:center;place-items:center;gap:5px;display:grid;position:absolute;inset:8px}.reference-drop-overlay strong{color:var(--text-1);font-size:14px}.reference-drop-overlay span{color:var(--text-3);font-size:11px}@keyframes reference-drop-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}.project-context-inline{border-bottom:1px solid var(--border);margin:10px 12px 0}.project-context-inline summary{min-height:34px;color:var(--text-2);cursor:pointer;align-items:center;gap:7px;font-size:12px;display:flex}.project-context-inline summary span{color:var(--text-3);margin-left:auto}.project-context-inline>div{align-items:center;gap:12px;padding:5px 0 10px 22px;display:flex}.project-context-inline p{color:var(--text-3);flex:1;margin:0;font-size:12px;line-height:1.5}.project-context-inline button{border:1px solid var(--border);background:var(--surface-2);min-height:38px;color:var(--text-1);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.ai-prompt-composer .prompt-footer{border-radius:0 0 24px 24px;min-height:54px;padding:5px 8px 7px 10px}.ai-prompt-composer .composer-parameters{gap:3px}.ai-prompt-composer .composer-select{min-height:44px;transition:background .18s var(--ease), border-color .18s var(--ease), transform .18s var(--ease);background:0 0;border:1px solid #0000;border-radius:10px;padding:0 9px}.ai-prompt-composer .composer-select:hover,.ai-prompt-composer .composer-select.is-open{border-color:var(--border);background:var(--surface-2)}.ai-prompt-composer .composer-select:active{transform:scale(.98)}.ai-dropdown-layer{background:color-mix(in srgb, var(--surface-1) 96%, transparent);-webkit-backdrop-filter:blur(22px)saturate(120%);backdrop-filter:blur(22px)saturate(120%);border-radius:18px;animation:.24s cubic-bezier(.16,1,.3,1) both ai-dropdown-enter;box-shadow:0 22px 70px #00000047}@keyframes ai-dropdown-enter{0%{opacity:0;transform:translateY(8px)scale(.95)}to{opacity:1;transform:none}}.ai-dropdown-layer>button,.ai-dropdown-layer .ratio-option-grid>button{transition:background .17s var(--ease), transform .17s var(--ease), border-color .17s var(--ease)}.ai-dropdown-layer>button:hover{transform:translate(2px)}.ai-dropdown-layer>button[aria-selected=true]{background:color-mix(in srgb, var(--accent) 12%, var(--surface-2))}.ai-dropdown-layer>button:active,.ai-dropdown-layer .ratio-option-grid>button:active{transform:scale(.97)}.ai-dropdown-layer .ratio-option-grid>button{border-radius:12px;grid-template-rows:26px auto auto}.submit-pulse{align-items:center;gap:3px;display:flex}.submit-pulse i{background:currentColor;border-radius:50%;width:4px;height:4px;animation:.9s ease-in-out infinite alternate submit-pulse}.submit-pulse i:nth-child(2){animation-delay:.14s}.submit-pulse i:nth-child(3){animation-delay:.28s}@keyframes submit-pulse{to{opacity:.36;transform:translateY(-3px)}}.ai-generation-loading{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-1) 72%, transparent);border-radius:16px;margin:0 0 64px;padding:18px}.ai-generation-loading>header{color:var(--text-3);justify-content:space-between;margin-bottom:12px;font-size:12px;display:flex}.ai-generation-loading>header strong{color:var(--text-2);font-weight:580}.loading-preview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.loading-preview-grid.loading-count-1{grid-template-columns:minmax(280px,560px);justify-content:center}.loading-preview-grid.loading-count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.loading-preview-grid.loading-count-3{grid-template-columns:repeat(3,minmax(0,1fr))}.loading-preview{aspect-ratio:1;background:var(--surface-2);border-radius:12px;position:relative;overflow:hidden}.loading-preview:before{background:radial-gradient(circle at 38% 34%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 38%), linear-gradient(145deg, color-mix(in srgb, var(--surface-2) 78%, var(--accent)), var(--surface-2));content:"";filter:blur(12px);animation:2.4s ease-in-out infinite alternate loading-breathe;position:absolute;inset:0;transform:scale(1.08)}.ai-generation-loading[data-stage="1"] .loading-preview:before{filter:blur(8px)}.ai-generation-loading[data-stage="2"] .loading-preview:before{filter:blur(4px)}.loading-preview i{background:color-mix(in srgb, var(--accent) 72%, white);width:5px;height:5px;box-shadow:0 0 14px color-mix(in srgb, var(--accent) 60%, transparent);border-radius:50%;animation:1.9s cubic-bezier(.16,1,.3,1) infinite particle-converge;position:absolute;top:50%;left:50%}.loading-preview i:nth-of-type(2){animation-delay:-1.2s}.loading-preview i:nth-of-type(3){animation-delay:-.6s}@keyframes loading-breathe{to{opacity:.72;transform:scale(1.03)}}@keyframes particle-converge{0%{opacity:0;transform:translate(var(--px,-44px), var(--py,28px)) scale(.5)}55%{opacity:.8}to{opacity:0;transform:translate(0)scale(1.1)}}.loading-preview i:nth-of-type(2){--px:42px;--py:-35px}.loading-preview i:nth-of-type(3){--px:36px;--py:40px}.ai-generation-loading ol{gap:18px;margin:14px 0 0;padding:0;list-style:none;display:flex}.ai-generation-loading li{color:var(--text-3);align-items:center;gap:7px;font-size:12px;display:flex}.ai-generation-loading li>span{background:var(--border-hover);border-radius:50%;width:6px;height:6px}.ai-generation-loading li.is-active{color:var(--text-1)}.ai-generation-loading li.is-active>span{background:var(--accent-strong);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 10%, transparent)}.ai-generation-loading li.is-complete{color:var(--success)}.ai-generation-loading li.is-complete>span{background:var(--success)}@media (max-width:1180px){.ai-image-canvas{width:calc(100% - 36px)}.ai-creation-dock{width:calc(100% - 40px)}.ai-prompt-composer .composer-select>span:not(.composer-select-icon){display:none}}@media (max-width:760px){.ai-image-canvas{scrollbar-gutter:auto;width:100%;padding:22px 14px 244px}.ai-canvas-empty{min-height:calc(100% - 10px)}.ai-creation-dock{width:calc(100% - 20px);bottom:max(10px, env(safe-area-inset-bottom))}.ai-prompt-composer{border-radius:20px}.ai-prompt-composer .composer-entry{grid-template-columns:auto minmax(0,1fr);gap:8px;min-height:82px;padding:12px 12px 7px}.ai-prompt-composer .reference-add,.ai-prompt-composer .reference-preview{width:50px;height:50px}.ai-prompt-composer .composer-entry textarea{min-height:56px;font-size:16px}.ai-prompt-composer .prompt-footer{gap:6px;padding-inline:7px;overflow:visible}.ai-prompt-composer .composer-parameters{scrollbar-width:none;min-width:0;overflow-x:auto}.ai-prompt-composer .composer-parameters::-webkit-scrollbar{display:none}.ai-prompt-composer .composer-select{min-width:46px;padding-inline:8px}.ai-prompt-composer .composer-select strong,.ai-prompt-composer .composer-select>svg,.generation-cost{display:none}.project-context-inline>div{padding-left:0;display:grid}.batch-meta{grid-template-columns:18px minmax(0,1fr)}.batch-meta>button{display:none}.batch-meta strong{font-size:15px}.artwork-grid,.artwork-grid.artwork-count-2,.artwork-grid.artwork-count-3,.artwork-grid.artwork-count-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.artwork-grid.artwork-count-1{grid-template-columns:1fr}.artwork-card,.artwork-image{border-radius:12px}.ai-generation-loading{padding:12px}.loading-preview-grid{gap:5px}.ai-generation-loading ol{gap:10px}.ai-generation-loading li{font-size:11px}}@media (prefers-reduced-motion:reduce){.ai-canvas-empty>span,.submit-pulse i,.loading-preview i,.loading-preview:before,.reference-drop-overlay,dialog.upgrade-dialog[open],[data-new-batch=true] .artwork-image>img{animation:none}.artwork-card,.artwork-image>img{transition-duration:1ms}}