body.page-thumbs #app{grid-template-rows:48px minmax(0,1fr)}.th-view{-webkit-user-select:text;user-select:text;background-color:#0b0b0f;background-image:radial-gradient(520px 380px at 18% 8%,#a78bfa52,#0000 70%),radial-gradient(520px 380px at 82% 12%,#fb923c38,#0000 70%),radial-gradient(620px 420px at 50% 62%,#2dd4bf24,#0000 70%),radial-gradient(520px 380px at 90% 85%,#f472b629,#0000 70%),none;background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto,auto;background-attachment:local;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;min-height:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,system-ui,Segoe UI,Roboto,sans-serif;overflow-y:auto}.th-wrap{max-width:1180px;margin:0 auto;padding:24px 16px 60px}.th-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.th-head h1{letter-spacing:-.03em;margin:0;font-size:clamp(24px,3.4vw,34px)}.th-head p{margin:4px 0 0;font-size:14px}.th-sub{color:var(--text-2);margin:0 0 12px;font-size:13.5px}.th-h2{margin:26px 0 10px;font-size:16px}.th-note{margin:10px 0 0;font-size:12.5px}.th-warn{color:#f8dc8b;margin:6px 0 0;font-size:12px}.th-steps{scrollbar-width:none;gap:6px;margin:18px 0;padding:0;list-style:none;display:flex;overflow-x:auto}.th-steps li button{white-space:nowrap;color:var(--text-2);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:7px;padding:5px 12px 5px 6px;font-size:13px;display:inline-flex}.th-steps li button:disabled{opacity:1;cursor:default}.th-steps li:not(.on) button:disabled{opacity:.45}.th-steps b{color:#fff;background:#ffffff24;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;display:grid}.th-steps li.on button{color:#1c1c1e;background:#fff;border-color:#fff;font-weight:600}.th-steps li.on b{background:#1c1c1e}.th-steps li.done b{background:var(--ok);color:#062}.th-card{-webkit-backdrop-filter:blur(24px)saturate(160%);backdrop-filter:blur(24px)saturate(160%);background:#17181cc7;border:1px solid #ffffff1a;border-radius:22px;padding:18px;box-shadow:0 24px 70px #00000073}.th-input{border:1px solid var(--line-2);resize:vertical;background:#0000004d;border-radius:12px;width:100%;padding:10px 12px;font-size:15px}.th-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #4f8cff2e}.th-select{border:1px solid var(--line-2);background:var(--panel-2);border-radius:9px;width:100%;padding:7px 9px}.th-chips{flex-wrap:wrap;gap:6px;display:flex}.th-chip{border:1px solid var(--line-2);color:var(--text-2);background:#ffffff0a;border-radius:999px;padding:6px 12px;font-size:13px}.th-chip:hover{color:var(--text);border-color:#ffffff59}.th-chip.on{color:#1c1c1e;background:#fff;border-color:#fff;font-weight:600}.th-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.th-toolbar{background:#17181cc7;border:1px solid #ffffff14;border-radius:14px;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;padding:8px;display:flex}.th-sep{background:var(--line-2);width:1px;height:22px;margin:0 2px}.th-work{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:14px;display:grid}.th-stage{min-width:0}.th-canvas{aspect-ratio:16/9;touch-action:none;background:#000;border-radius:12px;width:100%;height:auto;display:block;box-shadow:0 20px 60px #00000080}.th-variants{gap:8px;margin-top:10px;padding-bottom:4px;display:flex;overflow-x:auto}.th-var{aspect-ratio:16/9;width:120px;color:var(--text-2);background:#ffffff0f;border:2px solid #0000;border-radius:8px;flex:none;padding:0;overflow:hidden}.th-var canvas{width:100%;height:100%;display:block}.th-var.on{border-color:var(--accent)}.th-more{border:1px dashed var(--line-2);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11.5px;display:flex}.th-insp{background:#17181cd9;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:10px;max-height:calc(100dvh - 140px);padding:14px;display:flex;overflow-y:auto}.th-insp h3,.th-insp .th-insp-h{margin:0;font-size:15px}.th-insp p{margin:0;font-size:12.5px;line-height:1.45}.th-field{flex-direction:column;gap:6px;display:flex}.th-field>label{color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.th-field input[type=range]{width:100%}.th-swatches{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.th-sw{border:2px solid #ffffff40;border-radius:50%;width:24px;height:24px;padding:0}.th-sw.on{box-shadow:0 0 0 2px var(--accent);border-color:#fff}.th-swatches input[type=color]{background:0 0;border:none;width:28px;height:28px;padding:0}.th-ideas{flex-wrap:wrap;gap:5px;display:flex}.th-ideas .th-chip{padding:4px 10px;font-size:12px}.th-layers{flex-direction:column;gap:4px;display:flex}.th-layer{text-align:left;border:1px solid var(--line);color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;background:#ffffff08;border-radius:8px;padding:6px 9px;font-size:12.5px;overflow:hidden}.th-layer:hover{color:var(--text);border-color:var(--line-2)}.th-layer-actions{border-top:1px solid var(--line);align-items:center;gap:4px;padding-top:10px;display:flex}.th-cutbtn{width:100%}.th-cmp-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;display:grid}.th-cmp{color:var(--text-2);background:#17181cb3;border:2px solid #0000;border-radius:14px;flex-direction:column;gap:6px;padding:6px;font-size:12.5px;display:flex}.th-cmp.on{border-color:var(--accent);color:var(--text)}.th-cmp-canvas{border-radius:9px;width:100%;height:auto;display:block}.th-feed{background:#0f0f0f;border:1px solid #ffffff0f;border-radius:16px;flex-wrap:wrap;align-items:flex-start;gap:24px;padding:18px;font-family:Roboto,Arial,sans-serif;display:flex}.th-feed-thumb{flex:none;position:relative}.th-feed-img{border-radius:12px;display:block}.th-feed-small .th-feed-img{border-radius:8px}.th-dur{color:#fff;background:#000c;border-radius:4px;padding:1px 4px;font-size:12px;font-weight:500;position:absolute;bottom:6px;right:6px}.th-feed-home{flex-direction:column;gap:10px;width:360px;max-width:100%;display:flex}.th-feed-home .th-feed-img{width:100%;height:auto}.th-feed-info{gap:10px;display:flex}.th-feed-av{color:#fff;background:#ff4d8d;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.th-feed b{-webkit-line-clamp:2;color:#f1f1f1;-webkit-box-orient:vertical;font-size:15px;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.th-feed small{color:#aaa;margin-top:3px;font-size:12.5px;display:block}.th-feed-small{gap:8px;width:400px;max-width:100%;display:flex}.th-feed-small b{font-size:13.5px}.th-export{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.th-export .btn{border-radius:12px;height:40px}.th-cut p{margin:0 0 6px}@media (max-width:900px){.th-work{grid-template-columns:minmax(0,1fr)}.th-insp{max-height:none}}@media (max-width:600px){.th-wrap{padding:16px 12px 48px}.th-card{border-radius:18px;padding:14px}.th-cmp-grid{grid-template-columns:minmax(0,1fr)}.th-feed{padding:12px}.th-feed-home{width:100%}.page-thumbs .brand .brand-name{display:none}}@media (prefers-reduced-motion:reduce){.th-tpl{transition:none}}@media (max-width:860px){.th-view .btn span,.th-insp .btn span{display:inline}.th-toolbar .btn:has(svg):not(.primary) span{display:none}}.th-cost{color:var(--text-3);margin:10px 0 0;font-size:12.5px}.th-cost b{color:var(--text-2);font-weight:600}.th-view .ai-credits-out{margin-top:12px}.th-view .ai-credits-out .btn.primary{background:var(--gold);border-color:var(--gold);color:#1a1300;border-radius:999px}.th-out{color:#f8dc8b;border-color:#f5c54280}.th-out small{text-align:center;padding:0 4px;line-height:1.2}.th-head-actions{gap:6px;display:flex}.th-quick{--panel-2:#ffffffb3;--panel-3:#ffffffe6;--line:#3c3c431f;--line-2:#3c3c432e;--text:#1c1c1e;--text-2:#3c3c43;--text-3:#8a8a8e;--accent-soft:#7676801f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:linear-gradient(#fffffff7,#f8f8fced);border:1px solid #ffffffbf;border-radius:28px;flex-direction:column;gap:12px;width:100%;padding:16px;display:flex;box-shadow:0 30px 80px #00000080,inset 0 1px #ffffffe6}.th-compose{background:#76768014;border:1px solid #0000;border-radius:20px;transition:border-color .15s,box-shadow .15s}.th-compose:focus-within{background:#fff;border-color:#0a84ff80;box-shadow:0 0 0 4px #0a84ff1f}.th-quick-text{resize:vertical;width:100%;min-height:92px;color:var(--text);background:0 0;border:none;padding:14px 16px 6px;font-size:16.5px;line-height:1.5;display:block}.th-quick-text:focus{outline:none}.th-quick-text::placeholder{color:#a1a1a6}.th-compose-bar{align-items:center;gap:10px;padding:6px 8px 8px 10px;display:flex}.th-attach{white-space:nowrap;color:#3a3a3c;background:#76768024;border:none;border-radius:999px;flex:none;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.th-attach:hover:not(:disabled){background:#76768038}.th-compose-tip{color:#636366;text-align:right;margin-left:auto;font-size:12px}.th-tip{color:var(--text-3);margin:-4px 4px 0;font-size:12.5px}.th-center{text-align:center}.th-quick-photo{background:#76768014;border-radius:18px;align-items:center;gap:12px;padding:8px;display:flex}.th-quick-photo img{object-fit:cover;border-radius:12px;flex:none;width:64px;height:64px}.th-quick-use{min-width:0;color:var(--text-2);flex-direction:column;flex:1;gap:6px;font-size:12.5px;font-weight:600;display:flex}.th-quick-photo .icon-btn{color:#8a8a8e}.th-seg{background:#76768024;border-radius:10px;flex-wrap:wrap;gap:2px;max-width:100%;padding:2px;display:inline-flex}.th-seg button{color:#3a3a3c;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:5px 11px;font-size:12.5px;font-weight:600}.th-seg button.on{color:#1c1c1e;background:#fff;box-shadow:0 1px 3px #00000024,0 0 0 .5px #0000000a}.th-opts{background:#76768014;border-radius:18px}.th-opts>summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:11px 14px;list-style:none;display:flex}.th-opts>summary::-webkit-details-marker{display:none}.th-opts-title{color:var(--text);flex:none;align-items:center;gap:7px;font-size:14px;font-weight:600;display:inline-flex}.th-opts-title .ic{color:#8a8a8e}.th-opts-sum{min-width:0;color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;text-align:right;flex:1;font-size:12.5px;overflow:hidden}.th-opts-chev{color:#8a8a8e;flex:none;transition:transform .2s;display:inline-flex}.th-opts[open] .th-opts-chev{transform:rotate(90deg)}.th-opts-body{flex-direction:column;gap:14px;padding:2px 14px 14px;display:flex}.th-opts-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.th-quick .th-field{flex-direction:column;gap:6px;display:flex}.th-quick .th-field>span{color:var(--text-3);font-size:12px;font-weight:600}.th-quick .th-select{appearance:none;width:100%;color:var(--text);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a8a8e' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 10px center no-repeat;border:none;border-radius:10px;padding:8px 30px 8px 11px;font-size:13.5px;box-shadow:0 0 0 .5px #00000014,0 1px 2px #0000000f}.th-strip{scroll-snap-type:x mandatory;scrollbar-width:thin;gap:10px;padding:2px 2px 6px;display:flex;overflow-x:auto}.th-strip-item{scroll-snap-align:start;width:168px;color:var(--text-2);text-align:left;background:0 0;border:none;flex-direction:column;flex:none;gap:5px;padding:0;font-size:12px;font-weight:600;display:flex}.th-strip-item canvas{outline-offset:1px;border-radius:10px;outline:3px solid #0000;width:168px;height:94.5px;transition:outline-color .15s;display:block;box-shadow:0 2px 8px #00000026}.th-strip-item.on canvas{outline-color:#0a84ff}.th-strip-item.on{color:#0a84ff}.th-strip-item span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.th-switch{color:var(--text);cursor:pointer;align-items:center;gap:10px;font-size:13.5px;display:inline-flex}.th-switch input{opacity:0;width:1px;height:1px;position:absolute}.th-switch-ui{background:#78788052;border-radius:999px;flex:none;width:44px;height:26px;transition:background .2s;position:relative}.th-switch-ui:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0003}.th-switch input:checked+.th-switch-ui{background:#34c759}.th-switch input:checked+.th-switch-ui:after{transform:translate(18px)}.th-switch input:focus-visible+.th-switch-ui{box-shadow:0 0 0 3px #0a84ff59}.th-quick-go{background:#0a84ff;border:none;border-radius:16px;height:52px;font-size:16px;font-weight:600;box-shadow:0 8px 24px #0a84ff59}.th-quick-go:hover:not(:disabled){background:#0077ed}.th-quick .th-cost{text-align:center;color:var(--text-3);margin:-2px 0 0}.th-quick .th-cost b{color:var(--text-2)}.th-quick .ai-credits-out{margin-top:0}.th-quick .ai-credits-out .btn.primary{color:#fff;background:#1c1c1e;border-color:#1c1c1e}.th-steps li button:disabled{cursor:default}@media (max-width:600px){.th-quick{border-radius:24px;padding:12px}.th-opts-grid{grid-template-columns:minmax(0,1fr)}.th-opts-sum,.th-compose-tip{display:none}.th-quick-photo{align-items:flex-start}.th-quick-photo img{width:52px;height:52px}}@media (prefers-reduced-motion:reduce){.th-opts-chev,.th-switch-ui,.th-switch-ui:after{transition:none}}.th-wrap.is-describe{max-width:860px;padding-top:48px}.th-wrap.is-describe .ai-hero{margin-bottom:22px}@media (max-width:860px){.th-wrap.is-describe{padding:28px 16px 60px}}.th-head .back-btn{margin-bottom:8px}