.shotgo-language-control{flex-shrink:0;align-items:center;height:36px;display:inline-flex;position:relative}.shotgo-language-control select{appearance:none;border:1px solid var(--border);min-width:116px;height:36px;font:inherit;color:var(--app-fg);background:var(--surface);cursor:pointer;border-radius:10px;padding:0 30px 0 36px;font-size:13px;line-height:1;transition:background .15s,border-color .15s}.shotgo-language-control select:hover{background:var(--surface-hover)}.shotgo-language-control>.shotgo-language-icon{width:16px;height:16px;color:var(--muted-strong);pointer-events:none;position:absolute;left:12px}.shotgo-language-control>.shotgo-control-chevron{width:14px;height:14px;color:var(--muted);pointer-events:none;position:absolute;right:10px}.shotgo-user-button{border:1px solid var(--border);height:36px;font:inherit;color:var(--app-fg);background:var(--surface);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:4px 10px 4px 4px;font-size:13px;line-height:1;transition:background .15s,border-color .15s;display:flex}.shotgo-user-button:hover,.shotgo-user-button[aria-expanded=true]{background:var(--surface-hover)}.shotgo-user-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#9333ea);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:600;line-height:1;display:flex}.shotgo-user-name{text-overflow:ellipsis;white-space:nowrap;max-width:96px;color:var(--muted-strong);overflow:hidden}.shotgo-user-button>.shotgo-control-chevron{width:14px;height:14px;color:var(--muted);flex-shrink:0}.shotgo-language-control select:focus-visible,.shotgo-user-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (width<=700px){.shotgo-user-name{max-width:64px}.shotgo-language-control select{min-width:106px}}:root,html.light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand-blue:#3b82f6;--nav-bg:#fff;--nav-fg:#333;--nav-active:#efefef;--app-bg:#f5f5f5;--app-fg:#303030;--surface:#fff;--surface-2:#f6f6f6;--surface-hover:#eee;--border:#e5e5e5;--border-strong:#c8c8c8;--muted:#737373;--muted-strong:#555;--accent:#3278e8;--accent-soft:#eef5ff;--accent-create-bg:var(--accent-soft);--accent-create-border:#9dc1ff;--accent-create-fg:var(--accent);--batch-accent:var(--accent);--batch-accent-soft:var(--accent-soft);--canvas-bg:#f5f5f5;--canvas-dot:#d7d7d7;--minimap-bg:var(--surface);--minimap-node:#999;--toolbar-icon:var(--muted-strong);--toolbar-icon-hover-bg:var(--surface-hover);--toolbar-icon-hover:var(--app-fg);--chrome-bg:#fffffff0;--chrome-border:var(--border);--selection-bg:#3b82f614;--selection-border:1px dashed var(--accent);--ui-font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--nav-bg:#202022;--nav-fg:#ededed;--nav-active:#333336;--app-bg:#171719;--app-fg:#ededed;--surface:#232325;--surface-2:#2c2c2f;--surface-hover:#353538;--border:#3b3b3e;--border-strong:#626267;--muted:#b5b5bb;--muted-strong:#d0d0d5;--accent:#89b4ff;--accent-soft:#26374e;--accent-create-border:#5e7fac;--canvas-bg:#1b1b1e;--canvas-dot:#3b3b3e;--minimap-node:#808087;--chrome-bg:#232325f0;--selection-bg:#3b82f61f}@media (prefers-color-scheme:dark){html:not(.light):not(.dark){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--nav-bg:#202022;--nav-fg:#ededed;--nav-active:#333336;--app-bg:#171719;--app-fg:#ededed;--surface:#232325;--surface-2:#2c2c2f;--surface-hover:#353538;--border:#3b3b3e;--border-strong:#626267;--muted:#b5b5bb;--muted-strong:#d0d0d5;--accent:#89b4ff;--accent-soft:#26374e;--accent-create-border:#5e7fac;--canvas-bg:#1b1b1e;--canvas-dot:#3b3b3e;--minimap-node:#808087;--chrome-bg:#232325f0;--selection-bg:#3b82f61f}}.generate-controls .generate{border:1px solid var(--border);background:var(--surface-2);max-width:100%;min-height:44px;color:var(--app-fg);opacity:1;border-radius:999px;gap:0;padding:4px;transition:border-color .18s,box-shadow .18s,transform .12s;display:inline-flex}.generate-controls .generate:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong);box-shadow:0 2px 8px #00000012}.generate-controls .generate:active:not(:disabled){transform:scale(.97)}.generate-controls .generate:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.generate-price{font-variant-numeric:tabular-nums;align-items:center;gap:6px;min-width:0;padding:0 12px 0 9px;font-size:12px;font-weight:500;line-height:1.4;display:flex}.generate-price>svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linejoin:round;width:15px;height:15px;color:var(--muted);flex-shrink:0}.generate-action{background:var(--app-fg);width:36px;height:36px;color:var(--surface);border-radius:50%;flex-shrink:0;place-items:center;transition:background .18s,transform .18s;display:grid}.generate-action>svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.generate:hover:not(:disabled) .generate-action{transform:translateY(-1px)}.generate:disabled .generate-action{background:var(--border);color:var(--muted)}.generate[data-state=submitting] .generate-action{background:var(--app-fg);color:var(--surface)}.generate-action .spinner{border:2px solid;border-right-color:#0000;width:18px;height:18px}.generate[data-state=pricing] .generate-price,.generate[data-state=error] .generate-price{color:var(--muted)}.composer>textarea:disabled{opacity:.75;cursor:wait}@media (width<=700px){.generate-controls{max-width:100%}.generate-price{padding-right:9px;font-size:11px}.generate-controls .generate{min-height:44px}}@media (prefers-reduced-motion:reduce){.generate-controls .generate,.generate-action{transition:none}.generate:hover:not(:disabled) .generate-action,.generate-controls .generate:active:not(:disabled){transform:none}.generate-action .spinner{animation:none}}@media (width<=420px){header .account-controls .shotgo-user-name{display:none}}*{box-sizing:border-box}body{color:var(--app-fg);background:var(--app-bg);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}button,textarea,input,select{font:inherit}button{cursor:pointer;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:9px 13px;transition:background .15s}button:hover:not(:disabled){background:var(--surface-hover)}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}textarea{resize:none;color:var(--app-fg);border:0;outline:0;line-height:1.65}textarea:focus-visible{border-radius:6px;outline:1px solid #e1d5ff}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:flex}aside{background:var(--surface);border-right:1px solid var(--border);z-index:5;flex-direction:column;width:206px;padding:26px 18px;display:flex;position:fixed;top:0;bottom:0;left:0}.brand{color:var(--accent);align-items:center;gap:8px;font-size:24px;font-weight:800;display:flex}.brand span{color:var(--app-fg);font-size:19px}.brand small{background:var(--accent-soft);border-radius:4px;padding:3px 5px;font-size:10px}nav{gap:8px;margin:40px 0 20px;display:grid}nav button{text-align:left;border:0;padding:13px 16px;font-size:17px}nav button span{margin-left:10px;font-size:14px}nav button.active{background:var(--accent-soft);color:var(--accent)}.new{background:var(--surface-2);text-align:left}.aside-bottom{color:var(--muted);gap:18px;margin-top:auto;font-size:11px;display:grid}.aside-bottom select{border:1px solid var(--border);color:var(--muted-strong);background:var(--surface);border-radius:8px;padding:9px}main{flex:1;min-width:0;margin-left:206px}header{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;height:74px;padding:0 34px;display:flex}.conversation{max-width:920px;min-height:90vh;margin:auto;padding:30px 15px 350px}.hero{text-align:center;margin-top:8vh}.hero-mark{color:#9b7ddb;font-size:48px;line-height:1.4}h1{letter-spacing:-.7px;margin:16px 0 12px;font-size:28px;font-weight:600}.hero p{color:var(--muted);font-size:14px}.example-art{justify-content:center;gap:12px;margin:30px auto;display:flex}.example-art i{background:linear-gradient(135deg,#e4d4ee,#a993ca);border-radius:14px;width:88px;height:88px;position:relative;transform:rotate(-8deg)}.example-art i:after{content:"";background:#ffffff90;border-radius:20px;width:50%;height:62%;position:absolute;top:20%;left:25%}.example-art i:nth-child(2){background:linear-gradient(135deg,#eaceb2,#c58472);transform:rotate(3deg)}.example-art i:nth-child(3){background:linear-gradient(135deg,#c6d3d1,#86a8a1);transform:rotate(9deg)}.message{margin:12px 0;display:flex}.message.user{justify-content:flex-end}.message p{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:14px;max-width:78%;margin:0;padding:14px 18px;line-height:1.65}.message.assistant p{background:var(--surface);border:1px solid var(--border)}.work-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;max-width:540px;margin:20px 0;padding:14px}.card-heading{justify-content:space-between;align-items:center;gap:12px;padding:4px 0 14px;font-size:12px;display:flex}.card-heading small{color:#9d97a5;margin-top:4px;font-size:10px;display:block}.card-heading b{color:#8e7aab;font-weight:400}.work-card img,.work-card video{object-fit:contain;background:#eeebf4;border-radius:10px;width:100%;max-height:420px;display:block}.card-placeholder{background:var(--surface-2);color:#a29aa9;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;height:200px;display:flex}.card-placeholder p{font-size:12px}.spinner{border:2px solid #ebe3f9;border-top-color:#9a79d5;border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.card-actions{gap:8px;padding-top:12px;display:flex}.card-actions button{padding:7px 10px;font-size:12px}.composer-wrap{z-index:10;pointer-events:none;justify-content:center;padding:0 28px;display:flex;position:fixed;bottom:24px;left:206px;right:0}.composer{pointer-events:auto;background:var(--surface);border:1px solid var(--border);border-radius:16px;width:920px;max-width:100%;padding:14px 16px 10px;box-shadow:0 8px 16px #00000024}.composer-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.mode-tabs{gap:4px;display:flex}.mode-tabs button{color:var(--muted);background:0 0;border:0;padding:6px 12px;font-size:12px}.quiet{color:var(--muted);background:0 0;border:0;padding:5px;font-size:11px}.composer>textarea{background:var(--surface);width:100%;height:68px;padding:7px 4px;font-size:14px;display:block}.composer.expanded>textarea{height:85px}.reference-row{gap:8px;min-height:0;margin:4px 0 10px;display:flex}.reference-chip{width:54px;height:54px;position:relative}.reference-chip img{object-fit:cover;border-radius:8px;width:100%;height:100%}.reference-chip button{background:var(--surface);border-radius:50%;width:18px;height:18px;padding:0;font-size:12px;position:absolute;top:-5px;right:-5px}.style-chip{background:#f7f4fb;font-size:11px}.toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.toolbar-options{flex-wrap:wrap;gap:7px;display:flex}.pill{background:var(--surface-2);white-space:nowrap;border:0;border-radius:20px;padding:8px 12px;font-size:11px}.generate-controls{flex-shrink:0;align-items:center;gap:9px;display:flex}.send{color:var(--muted-strong);border:0;padding:8px;font-size:11px}.generate{color:var(--muted-strong);background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:11px;display:flex}.generate b{width:34px;height:34px;color:var(--surface);background:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:24px;font-weight:400;display:flex}.input-notice{color:var(--muted);min-height:16px;margin-top:7px;font-size:11px;line-height:1.5}.input-notice button{color:var(--accent);background:0 0;border:0;padding:0 6px;font-size:11px}.modal-backdrop{z-index:20;background:#16102125;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.popup{background:var(--surface);border-radius:18px;width:450px;max-width:100%;max-height:85vh;padding:22px;overflow:auto;box-shadow:0 15px 80px #30204730}.popup-title{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.popup-title h2{margin:0;font-size:16px;font-weight:600}.popup-title button{border:0;padding:0 5px;font-size:22px}.model-card{text-align:left;align-items:center;gap:14px;width:100%;margin:10px 0;padding:12px;display:flex}.model-art{width:64px;height:64px;color:var(--surface);background:linear-gradient(145deg,#c6aedf,#786b9d);border-radius:9px;flex-shrink:0;place-items:center;font-size:30px;display:grid}.model-card small{color:#b08dcc;margin:4px 0;font-size:10px;display:block}.model-card p{color:#aaa0b3;margin:0;font-size:10px}.model-card>span{color:#8f67ca;margin-left:auto}.chosen{background:var(--accent-soft)!important;border-color:#ae8dde!important}.parameter-group{margin:18px 0}.parameter-group>label{color:var(--muted-strong);margin-bottom:10px;font-size:12px;display:block}.parameter-group>div{flex-wrap:wrap;gap:7px;display:flex}.parameter-group button{min-width:56px;font-size:12px}.duration{align-items:center;flex-wrap:nowrap!important}.duration button{min-width:30px}.duration input{accent-color:#9472cf;flex:1;min-width:0}.duration output{min-width:35px;font-size:12px}.audio{color:var(--muted-strong);justify-content:space-between;align-items:center;margin:20px 0;display:flex}.apply{background:var(--accent);color:#fff;border:0;width:100%}.modules{gap:10px;display:grid}.modules button{text-align:left;grid-template-columns:34px 1fr;padding:15px;display:grid}.modules span{color:#9978ce;grid-row:span 2;font-size:20px}.modules small{color:#a398b0;margin-top:5px;font-size:10px}.popup>p{color:#a498ab;font-size:12px;line-height:1.6}.references{gap:14px;display:flex}.references button{width:50%;font-size:12px}.references img{border-radius:8px;width:100%;margin-bottom:8px}.styles{grid-template-columns:1fr 1fr;gap:12px;display:grid}.style-option{background:#f5f1fa;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:110px;display:flex}.style-option span{color:#a798ba;font-size:30px}.style-option.cinematic{background:#ecebf2}.style-option.editorial{background:#f7ede6}.style-option.product{background:#f0eafa}.preview-placeholder{background:#efebf5;border-radius:8px;height:54px}@media (width<=1100px){aside{width:160px;padding:24px 14px}.brand small{display:none}main{margin-left:160px}.composer-wrap{left:160px}.toolbar{flex-wrap:wrap}.generate-controls{margin-left:auto}.conversation{padding-bottom:390px}}@media (width<=700px){aside{width:62px;padding:20px 8px}.brand{justify-content:center}.brand span,.brand small,nav button span,.new span,.aside-bottom>span{display:none}nav button{text-align:center;padding:11px}.aside-bottom select{width:46px;padding:4px;font-size:9px}main{margin-left:62px}header{height:60px;padding:0 16px}.composer-wrap{padding:0 10px;bottom:12px;left:62px}.composer{padding:12px}.toolbar-options{gap:5px}.pill{padding:7px 9px;font-size:10px}.toolbar{gap:8px}.conversation{padding:20px 12px 390px}.hero{margin-top:6vh}.hero h1{font-size:22px}.hero p{font-size:12px}.example-art i{width:60px;height:65px}.popup{padding:18px}.message p{max-width:92%}.card-heading{flex-wrap:wrap}.work-card{padding:12px}.input-notice{font-size:10px}.reference-chip{width:45px;height:45px}.composer.expanded>textarea{height:60px}}.duration .duration-number{border:1px solid var(--border);border-radius:6px;flex:0 0 46px;width:46px;padding:6px}:is(.canvas-link,.batch-image-link){color:inherit;border-radius:12px;padding:12px 16px;text-decoration:none;display:block}.session-state{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}body{font-family:var(--ui-font)}nav button,:is(.canvas-link,.batch-image-link){align-items:center;gap:10px;padding:13px 16px;font-size:14px;display:flex}nav button span{margin-left:0}.nav-icon{flex-shrink:0;width:20px;height:20px}:is(.canvas-link,.batch-image-link):hover{background:var(--surface-hover)}.brand span{color:var(--app-fg)}.theme-select{width:100%}@media (width<=700px){nav button,:is(.canvas-link,.batch-image-link){justify-content:center;padding:11px}:is(.canvas-link,.batch-image-link) span{display:none}}.brand-mark,.brand .brand-mark{background:var(--accent-soft);width:28px;height:28px;color:var(--accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex}.shotgo-brand .brand-word{color:var(--app-fg)}@media (width<=700px){.shotgo-sidebar .shotgo-brand .brand-mark{display:flex}.shotgo-sidebar .brand-word{display:none}}body{font-size:14px;line-height:1.6}aside{background:var(--nav-bg);color:var(--nav-fg);border-right:1px solid var(--border)}.brand,.brand span{color:var(--nav-fg)}.brand small{background:var(--nav-active);color:var(--nav-fg)}.brand .brand-mark{color:var(--brand-blue);background:0 0}nav button,:is(.canvas-link,.batch-image-link),.new{color:var(--nav-fg);background:0 0}nav button.active,nav button:hover:not(:disabled),:is(.canvas-link,.batch-image-link):hover,.new:hover:not(:disabled){background:var(--nav-active);color:var(--nav-fg)}.aside-bottom{color:var(--nav-fg);font-size:12px}.aside-bottom select{background:var(--nav-bg);color:var(--nav-fg);border-color:var(--border);font-size:12px}nav button span,:is(.canvas-link,.batch-image-link) span{font-size:14px;font-weight:400}.pill,.send,.generate,.quiet,.input-notice,.card-heading,.card-actions button,.mode-tabs button{font-size:13px}.card-heading small,.mock-badge,.model-card small,.model-card p,.modules small{color:var(--muted);font-size:12px}.card-heading b,.hero-mark,.modules span,.model-card>span{color:var(--accent)}.hero p{color:var(--muted-strong)}.model-art{background:linear-gradient(145deg,var(--brand-blue),var(--accent));color:#fff}.chosen{border-color:var(--accent)!important}.style-chip,.style-option,.style-option.cinematic,.style-option.editorial,.style-option.product{background:var(--surface-2);color:var(--app-fg)}.style-option span{color:var(--accent)}.generate b{background:var(--accent);color:var(--surface)}.generate:disabled b{background:var(--muted)}.spinner{border-color:var(--border);border-top-color:var(--accent)}.work-card img,.work-card video,.preview-placeholder{background:var(--surface-2)}.duration input,.audio input{accent-color:var(--accent)}.creative-model-select{gap:2px;max-width:180px;display:grid}.creative-model-select>span{color:var(--muted);font-size:12px}.creative-model-select select{border:1px solid var(--border);background:var(--surface-2);width:100%;min-width:0;color:var(--muted-strong);opacity:1;border-radius:7px;padding:5px 6px;font-size:12px}.generate-controls{flex-wrap:wrap;flex-shrink:1;justify-content:flex-end}.toolbar-options{flex-shrink:0}.artwork-image{border-radius:10px;position:relative;overflow:hidden}.image-open{background:0 0;border:0;border-radius:10px;width:100%;padding:0;display:block}.image-open:hover:not(:disabled){background:0 0}.image-tools{color:#fff;opacity:0;pointer-events:none;background:#202732a6;border-radius:8px;gap:2px;padding:3px;transition:opacity .15s;display:flex;position:absolute}.artwork-image:hover .image-tools,.artwork-image:focus-within .image-tools{opacity:1;pointer-events:auto}.top-right{top:8px;right:8px}.bottom-right{bottom:8px;right:8px}.bottom-left{bottom:8px;left:8px}.image-tools button{color:#fff;background:0 0;border:0;border-radius:5px;align-items:center;gap:5px;min-width:30px;min-height:30px;padding:5px;font-size:12px;display:flex}.image-tools button:hover:not(:disabled){background:#ffffff38}.image-tools svg,.viewer-toolbar svg{width:18px;height:18px}.image-tools .favorited{color:#ffd07c}.favorited svg{fill:currentColor}.image-tools button:disabled{opacity:.6}.image-tools>span{display:flex}.artwork-backdrop{z-index:40;background:#0f17238c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.artwork-dialog{background:var(--surface);color:var(--app-fg);border-radius:14px;outline:0;max-height:calc(100dvh - 48px);overflow:auto;box-shadow:0 20px 90px #0003}.small-dialog{width:440px;max-width:100%;padding:24px}.small-dialog p{line-height:1.7}.small-dialog input{background:var(--surface-2);width:100%;color:var(--app-fg);border:1px solid var(--border);border-radius:8px;margin:10px 0;padding:10px}.image-viewer{grid-template-columns:minmax(0,1fr) 350px;width:min(1600px,100%);height:calc(100dvh - 48px);display:grid}.viewer-canvas{background:var(--surface-2);justify-content:center;align-items:center;min-width:0;min-height:0;padding:24px 48px;display:flex;position:relative}.viewer-canvas>img{object-fit:contain;border-radius:8px;width:100%;height:100%}.viewer-canvas>button{z-index:1;background:var(--surface);border:1px solid var(--border);padding:3px 10px;font-size:24px;line-height:1.5;position:absolute}.viewer-close{top:12px;right:12px}.viewer-prev{top:50%;left:12px}.viewer-next{top:50%;right:12px}.viewer-info{flex-direction:column;gap:12px;padding:24px;display:flex;overflow:auto}.viewer-info time,.viewer-info label{color:var(--muted);font-size:12px}.viewer-info h3{margin:10px 0 0;font-size:15px}.viewer-info p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.7}.viewer-tags{flex-wrap:wrap;gap:6px;display:flex}.viewer-tags span{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:4px 8px;font-size:12px}.viewer-editing{margin-top:auto;padding-top:24px}.viewer-editing h4{color:var(--muted);font-size:13px;font-weight:500}.viewer-editing button{margin:0 6px 6px 0;font-size:13px}.viewer-toolbar{justify-content:flex-end;gap:6px;margin-bottom:12px;display:flex}.viewer-toolbar button{place-items:center;padding:8px;display:grid}.viewer-toolbar .favorited{color:#a66a00}.artwork-toast{z-index:60;background:var(--surface);color:var(--app-fg);border:1px solid var(--border);border-radius:10px;align-items:center;gap:9px;padding:12px 16px;font-size:14px;display:flex;position:fixed;top:28px;right:28px;box-shadow:0 5px 24px #0002}.artwork-toast svg{color:#25873c;width:18px;height:18px}.artwork-toast button{color:var(--accent);padding:4px 8px}@media (hover:none){.image-tools{opacity:1;pointer-events:auto}.image-tools button{min-width:36px;min-height:36px}}@media (width<=700px){.artwork-backdrop{padding:10px}.image-viewer{flex-direction:column;height:calc(100dvh - 20px);max-height:none;display:flex}.viewer-canvas{flex:1 0 45%;padding:30px 36px}.viewer-info{flex:1;padding:16px}.artwork-toast{top:12px;right:12px}.creative-model-select{max-width:155px}.toolbar-options{flex-shrink:1}}.style-chip,.modules button,.styles button{font-size:13px}.popup>p,.style-option span{color:var(--muted-strong)}textarea:focus-visible{outline-color:var(--accent)}.popup{box-shadow:0 15px 80px #0003}.apply{color:var(--surface)}.toast-error-icon{color:#c24141;font-size:20px;line-height:1}.brand{font-size:18px;font-weight:500}.brand span{font-size:16px}nav{gap:4px;margin:32px 0 20px}nav button,:is(.canvas-link,.batch-image-link){padding:9px 12px}.new{border-color:var(--border)}.message.user p{background:var(--surface-hover)}.message.user .user-prompt{flex-direction:column;align-items:flex-end;max-width:min(78%,640px);display:flex}.message.user .user-prompt p{max-width:100%}.user-prompt-actions{min-height:28px;color:var(--muted);opacity:0;visibility:hidden;pointer-events:none;align-items:center;gap:2px;margin-top:2px;transition:opacity .14s;display:flex}.message.user:hover .user-prompt-actions,.message.user:focus-within .user-prompt-actions{opacity:1;visibility:visible;pointer-events:auto}.user-prompt-actions time{font-variant-numeric:tabular-nums;margin-right:4px;font-size:11px}.user-prompt-actions button{width:26px;height:26px;color:var(--muted);background:0 0;border:0;border-radius:7px;place-items:center;padding:0;display:inline-grid}.user-prompt-actions button:hover{background:var(--surface-hover);color:var(--app-fg)}.user-prompt-actions span{margin-left:3px;font-size:11px}.user-prompt-actions .is-failed{color:#c24141}@media (hover:none){.user-prompt-actions{opacity:1;visibility:visible;pointer-events:auto}}.account-controls{align-items:center;gap:6px;font-size:14px;display:flex}.account-language{border:1px solid var(--border);color:var(--app-fg);background:0 0;border-radius:6px;padding:4px 8px}.account-menu{position:relative}.account-trigger{background:var(--surface-2);border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;display:flex}.account-trigger>span:last-of-type{text-overflow:ellipsis;white-space:nowrap;max-width:96px;overflow:hidden}.account-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#9333ea);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:flex}.account-controls svg{flex-shrink:0;width:16px;height:16px}.account-popover{z-index:30;width:224px;padding-top:8px;position:absolute;top:100%;right:0}.account-panel{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:12px;box-shadow:0 12px 24px #0002}.account-title{border-bottom:1px solid var(--border);align-items:center;gap:8px;margin-bottom:8px;padding-bottom:8px;font-weight:500;display:flex}.account-title svg{color:var(--muted)}.account-row{justify-content:space-between;align-items:center;gap:12px;min-height:28px;font-size:14px;display:flex}.account-row>span:first-child{color:var(--muted)}.account-row>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-credit{color:#f59e0b}.account-storage{color:#0ea5e9}.account-actions{border-top:1px solid var(--border);gap:8px;margin-top:8px;padding-top:8px;display:grid}.account-actions button,.account-actions a,.account-signout{border:1px solid var(--border);width:100%;color:var(--muted-strong);background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;display:flex}.account-actions a:hover{background:var(--surface-hover)}.account-theme{border-top:1px solid var(--border);color:var(--muted-strong);justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding-top:8px;display:flex}.account-theme>span{align-items:center;gap:8px;display:flex}.account-theme button{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;width:56px;height:28px;padding:2px;display:flex}.account-theme button span{width:24px;height:24px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;display:flex}.account-theme button span.selected{background:var(--surface-hover);color:var(--app-fg);box-shadow:0 1px 3px #0002}.account-signout{margin-top:12px}.account-signout:hover{color:#ef4444!important}.account-panel p,.account-modal p{color:#ef4444;font-size:12px}.account-modal-backdrop{z-index:50;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.account-modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:384px;max-width:100%;padding:20px}.account-modal .account-title{justify-content:space-between}.account-modal label{gap:8px;display:grid}.account-modal input{color:var(--app-fg);background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:8px 12px}.account-modal-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}@media (width<=700px){header{padding:0 12px}.account-trigger>span:last-of-type{max-width:64px}.account-popover{position:fixed;top:66px;right:12px}}.account-controls{gap:8px}.account-controls .shotgo-user-button{background:var(--surface);border-radius:10px;height:36px;padding:4px 10px 4px 4px;font-size:13px}.account-controls .shotgo-user-button:hover,.account-controls .shotgo-user-button[aria-expanded=true]{background:var(--surface-hover)}.account-controls .shotgo-user-avatar{width:26px;height:26px}.account-controls .shotgo-control-chevron{width:14px;height:14px}.account-controls .account-language{border-radius:10px;padding:0 30px 0 36px;font-size:13px}.work-card{scroll-margin-top:16px;scroll-margin-bottom:300px}.card-progress{gap:12px;padding:4px 0 2px;display:grid}.card-progress-visual{color:#8d6e3a;background:linear-gradient(160deg,#f4efe8 0%,#e7eef8 48%,#f7f1e4 100%);border-radius:12px;place-items:center;height:168px;display:grid;position:relative;overflow:hidden}.card-progress-visual[data-mode=video]{background:linear-gradient(160deg,#efe7da 0%,#e4edf6 42%,#f3ead7 100%)}.card-progress-visual:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffff8c 48%,#0000 64%);animation:1.8s ease-in-out infinite card-sheen;position:absolute;inset:0;transform:translate(-70%)}.card-progress.is-terminal .card-progress-visual{color:#9a9086;background:#f6f4f2}.card-progress.is-terminal .card-progress-visual:after{animation:none}.card-progress-mark{font-size:28px;line-height:1}.card-progress-copy{gap:4px;min-height:44px;display:grid}.card-progress-copy strong{letter-spacing:-.01em;font-size:14px;font-weight:600}.card-progress-copy p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.card-stages{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.card-stages i{background:var(--border);border-radius:99px;height:4px;display:block;overflow:hidden}.card-stages i.done,.card-stages i.now{background:#d7b56a}.card-stages i.now{position:relative}.card-stages i.now:after{content:"";background:linear-gradient(90deg,#0000,#fffc,#0000);animation:1.2s linear infinite card-sheen;position:absolute;inset:0}html.dark .card-progress-visual{color:#e6c98a;background:linear-gradient(160deg,#2a261f 0%,#1d2733 50%,#2c261c 100%)}html.dark .card-progress.is-terminal .card-progress-visual{color:#8d867e;background:#242424}html.dark .card-stages i.done,html.dark .card-stages i.now{background:#c6a15e}@keyframes card-sheen{0%{transform:translate(-70%)}to{transform:translate(70%)}}.billing-notice{color:var(--muted);text-align:left;margin:8px 0 0;font-size:11px;font-weight:400;line-height:1.45}.creation-history{flex-direction:column;flex:1;min-height:0;margin-top:18px;display:flex}.history-toggle{color:var(--muted);text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex}.history-list{min-height:0;padding:4px 0;display:none;overflow:auto}.creation-history.is-open .history-list{display:block}.history-row{border-radius:8px;align-items:center;min-width:0;margin:2px 0;display:flex}.history-row.active{background:var(--surface-hover)}.history-row>button:first-child{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:5px;min-width:0;padding:9px 10px;font-size:12px;display:flex}.history-active{color:var(--accent);font-style:normal}.history-row>button:first-child span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;display:block;overflow:hidden}.history-rename{color:var(--muted);background:0 0;border:0;padding:6px;font-size:14px}.history-row:focus-within,.history-row:hover{background:var(--surface-hover)}@media (width<=700px){.history-toggle{justify-content:center;font-size:20px}.history-toggle>span,.history-list{display:none}.creation-history.is-open .history-list{z-index:35;background:var(--surface);border:1px solid var(--border);border-radius:10px;width:min(280px,100vw - 80px);max-height:55dvh;padding:8px;display:block;position:fixed;top:180px;left:68px;box-shadow:0 10px 30px #0002}.creation-history.is-open .history-list span{display:block}.history-row>button{min-height:40px}aside:has(.creation-history.is-open){z-index:30}}.attachment-panel{gap:5px;max-width:100%;padding:4px 0;font-size:12px;display:grid}.attachment-panel>small{color:var(--muted);overflow-wrap:anywhere;line-height:1.5}.attachment-add{justify-self:start}.attachment-list{flex-wrap:wrap;gap:6px;display:flex}.attachment-item{border:1px solid var(--border);border-radius:8px;align-items:center;gap:6px;min-width:0;max-width:100%;padding:4px 6px;display:flex}.attachment-item>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;max-width:230px;overflow:hidden}.attachment-item button{padding:4px 8px}.attachment-errors{max-height:120px;color:var(--danger);overflow-wrap:anywhere;padding-left:18px;overflow:auto}.attachment-panel:has(.attachment-list:empty)>small:last-of-type{display:none}.popup .attachment-panel>small{display:block}html{scroll-padding-bottom:var(--composer-height,350px)}.conversation{padding-bottom:var(--composer-height,350px)}.composer-wrap{overscroll-behavior:auto;max-height:75dvh;overflow:auto}.image-tools button{scroll-margin-bottom:var(--composer-height,350px)}html{scrollbar-gutter:stable}.popup.models{flex-direction:column;max-height:min(85vh,100dvh - 40px);display:flex;overflow:hidden}.models>.popup-title{flex-shrink:0}.model-list{overscroll-behavior:contain;min-height:0;overflow-y:auto}.media-frame>img,.media-frame>video,.media-frame>.preview-placeholder{object-fit:contain;width:100%;height:100%}.popup.models{width:760px;max-height:min(85vh,100dvh - 32px);padding:20px}.models .popup-title{flex-shrink:0}.model-list{scrollbar-gutter:stable;padding-right:4px}.model-group+.model-group{margin-top:20px}.model-group h3{color:var(--muted-strong);margin:0 0 8px;font-size:12px;font-weight:600}.model-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.models .model-card{border-radius:12px;gap:10px;min-width:0;height:100%;margin:0;padding:12px}.models .model-card>div{flex:1;min-width:0}.models .model-card strong{overflow-wrap:anywhere;font-size:13px;line-height:1.5;display:block}.models .model-card>.model-icon{margin-left:0}.models .model-card>span:last-child{flex-shrink:0;width:16px}.models .model-card p{overflow-wrap:anywhere}.models .model-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=560px){.popup.models{padding:16px}.model-grid{grid-template-columns:minmax(0,1fr)}.models .model-card{padding:10px}}main>header{z-index:18;background:var(--surface);height:64px;transition:box-shadow .2s;position:sticky;top:0;box-shadow:0 3px 12px #00000006}html{scroll-padding-top:76px}.conversation{padding-top:28px}.composer{border:0;border-radius:20px;padding:14px 18px 10px;box-shadow:0 6px 28px #00000012}.composer-top{margin-bottom:3px}.mode-tabs button{border-radius:999px;align-items:center;gap:7px;min-height:36px;padding:6px 14px;font-size:13px;display:flex}.mode-tabs button.selected{background:var(--accent-soft);color:var(--accent)}.composer>textarea{box-shadow:none;border:0;height:62px;padding:8px 6px;font-size:14px}.composer>textarea::placeholder{color:var(--muted);opacity:.72}.reference-tools{align-items:flex-start;gap:10px;margin:10px 4px 8px;display:flex}.reference-tools>.attachment-panel{flex:1;min-width:0;padding:0}.reference-tools .attachment-list:empty{display:none}.reference-tile{border:1px dashed var(--border-strong);background:var(--surface-2);width:54px;height:54px;min-height:54px;color:var(--muted-strong);border-radius:9px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:3px;padding:4px;font-size:10px;display:flex}.reference-tile>span:first-child{font-size:20px;line-height:1.2}.upload-entries{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.upload-entry{flex-shrink:0}.attachment-list{margin-bottom:6px}.attachment-item{background:var(--surface-2);max-width:120px;height:54px;padding:0;position:relative;overflow:visible}.attachment-item img{object-fit:cover;border-radius:8px;width:52px;height:52px}.attachment-symbol{width:44px;height:48px;color:var(--muted);place-items:center;font-size:22px;display:grid}.attachment-item>span:nth-child(2){max-width:64px;padding-right:5px;font-size:10px}.attachment-item:has(img)>span:nth-child(2){color:#fff;pointer-events:none;background:#0009;border-radius:0 0 8px 8px;max-width:100%;padding:2px;position:absolute;bottom:0;left:0;right:0}.attachment-item button{background:var(--surface);border-radius:50%;place-items:center;width:20px;height:20px;padding:0;font-size:13px;display:grid;position:absolute;top:-5px;right:-5px}.reference-row:empty{display:none}.reference-row{margin:0 4px 6px}.toolbar{gap:8px}.toolbar-options{align-items:center;gap:6px}.toolbar-options .pill{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-height:34px;padding:6px 9px;font-size:13px}.info-trigger{width:30px;height:34px;min-height:30px;color:var(--muted);background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;padding:5px;display:inline-grid}.info-trigger svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;width:18px;height:18px}.info-trigger:hover,.info-trigger[aria-expanded=true]{background:var(--surface-hover);color:var(--app-fg)}.info-tooltip{z-index:80;border:1px solid var(--border);background:var(--surface);color:var(--muted-strong);overflow-wrap:anywhere;border-radius:12px;max-height:70dvh;padding:12px 14px;font-size:12px;line-height:1.6;position:fixed;overflow:auto;transform:translateY(-100%);box-shadow:0 8px 30px #0002}.info-tooltip p{margin:4px 0}.info-tooltip strong{color:var(--app-fg);font-size:12px}.billing-notice{margin:0!important}.generate-controls{gap:4px}.composer .input-notice{min-height:0;margin-top:5px}.composer .input-notice:empty{display:none}.modal-backdrop:has(.parameter-popover){background:0 0}.parameter-popover{left:max(220px,50vw - 290px);bottom:calc(var(--composer-height,280px) - 12px);width:360px;max-height:calc(100dvh - var(--composer-height,280px) - 64px);border:1px solid var(--border);border-radius:14px;padding:18px;position:fixed;box-shadow:0 8px 30px #0002}.parameter-popover .popup-title{margin-bottom:8px}.parameter-popover .parameter-group{margin:14px 0}.parameter-group>div{background:var(--surface-2);border-radius:9px;gap:3px;padding:4px}.parameter-group button{background:0 0;border:0;border-radius:6px;flex:1;min-width:0;padding:9px 5px;font-size:12px}.parameter-group button.chosen{color:var(--app-fg);box-shadow:0 1px 4px #00000008;background:var(--surface)!important}.parameter-group:has(.ratio-icon)>div{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;display:grid}.parameter-group:has(.ratio-icon) button{flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:50px;font-size:11px;display:flex}.ratio-icon{border:1px solid;border-radius:2px;width:14px;max-height:19px;display:block}.duration{background:0 0!important;padding:0!important}.duration-number{background:var(--surface-2);width:66px;color:var(--app-fg);border:0;border-radius:8px;padding:10px}.audio{background:var(--surface-2);border-radius:8px;padding:10px;font-size:12px}.audio input{accent-color:var(--accent)}@media (width<=1100px){.toolbar{flex-wrap:wrap}.toolbar-options{flex:1;min-width:0}.generate-controls{margin-left:auto}.parameter-popover{left:180px}}@media (width<=700px){main>header{height:56px;padding:0 12px}html{scroll-padding-top:68px}.account-popover{top:56px}.composer{border-radius:16px;padding:11px 12px 9px}.mode-tabs button{min-height:32px;padding:5px 10px;font-size:12px}.composer>textarea{height:58px;font-size:13px}.toolbar-options .pill{padding:6px 7px;font-size:12px}.reference-tools{gap:8px;margin:8px 0}.reference-tile{width:48px;height:50px;min-height:50px}.upload-entries{gap:6px}.parameter-popover{width:auto;left:72px;right:10px;bottom:calc(var(--composer-height,280px) - 6px);max-height:calc(100dvh - var(--composer-height,280px) - 64px)}.reference-tools .info-trigger{width:26px}.generate-controls .info-trigger{width:28px}.composer-top>.mode-tabs{flex-shrink:0}.composer-top .quiet{padding:4px;font-size:10px}}@media (height<=600px){.parameter-popover{width:min(360px,100vw - 30px);max-height:80dvh;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}.reference-tools{margin:3px 0}.composer>textarea{height:42px}.reference-tile{height:42px;min-height:42px}.composer-top{margin-bottom:0}.composer{padding-top:8px;padding-bottom:7px}.mode-tabs button{min-height:28px}}@media (prefers-reduced-motion:reduce){main>header{transition:none}}.mode-tabs .nav-icon{flex-shrink:0;width:16px;height:16px}.composer-top>div:last-child{align-items:center;gap:3px;display:flex}.composer-more{min-width:28px;font-size:20px!important}@media (width<=700px){.toolbar-options{flex-grow:1;flex-basis:100%;width:100%}.generate-controls{margin-left:auto}.composer-top .quiet{padding:3px}.composer-top>div:last-child{gap:0}}.reference-tools>.attachment-panel{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.reference-tools .attachment-list{display:contents}.reference-tools .reference-row{flex-shrink:0;align-self:center;align-items:center;margin:0}.reference-tools .attachment-errors{flex-basis:100%;margin:3px 0}.reference-tools .style-chip{white-space:nowrap;max-width:120px}@media (height<=600px){.reference-tools{flex-wrap:nowrap;max-height:44px;margin:2px 0;overflow:auto}.reference-tools>.attachment-panel{flex-wrap:nowrap;flex:none}.reference-tools .upload-entries{flex-wrap:nowrap}.reference-tools .reference-chip{width:40px;height:40px}.reference-tools .attachment-item{height:40px}.reference-tools .attachment-item img{width:38px;height:38px}.reference-tools .attachment-symbol{height:38px}.work-card{padding:10px}.card-heading{padding:2px 0 6px}.card-heading small{display:none}}@media (width<=700px){.reference-tools{flex-wrap:wrap}.reference-tools>.attachment-panel{flex-basis:90px}}@media (height<=600px){.reference-tools{flex-wrap:nowrap}.reference-tools>.attachment-panel{flex:none}}.toolbar-options .pill{align-items:center;gap:7px;display:inline-flex}.model-card{transition:background .15s,border-color .15s,box-shadow .15s}.model-card:hover{border-color:var(--accent);box-shadow:0 2px 10px #1f3b7010}.model-card>div{min-width:0}.model-card strong{overflow-wrap:anywhere}.model-card>span:last-child{color:var(--accent);margin-left:auto}.model-card>.model-icon{margin-left:0}.model-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.user-manual-link{border:1px solid var(--border);min-width:36px;height:36px;color:var(--muted-strong);white-space:nowrap;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:13px;display:inline-flex}.user-manual-link:hover{background:var(--surface-hover);color:var(--app-fg)}@media (width<=700px){.user-manual-link{width:36px;padding:0}.user-manual-link>span{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}main>header{gap:8px}main>header>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}main>header>.account-controls{flex-shrink:0}}.history-scroll-list{overscroll-behavior-y:contain;overflow-anchor:auto;scrollbar-gutter:stable;touch-action:pan-y;flex:1;min-height:0}.history-scroll-list[hidden]{display:none!important}.history-scroll-list .history-row{content-visibility:auto;contain-intrinsic-size:auto 38px}.history-sentinel{pointer-events:none;height:1px}.history-page-status{color:var(--muted);text-align:center;padding:10px 8px;font-size:11px;line-height:1.5}.history-page-status:empty{display:none}.history-page-status span{display:block}.history-page-status button,.history-load-next{color:var(--accent);background:0 0;border:0;padding:6px 4px;font-size:11px}.history-scroll-list:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=700px){.history-scroll-list{flex:initial;overscroll-behavior:contain}.history-scroll-list .history-row{contain-intrinsic-size:auto 44px}}