@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--default-font-family:var(--font-geist-sans);--default-mono-font-family:var(--font-geist-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.block{display:block}.grid{display:grid}.hidden{display:none}.inline{display:inline}.h-full{height:100%}.resize{resize:both}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f8f4fb;--surface:#fff;--surface-2:#f1e8f7;--ink:#201427;--muted:#74677b;--line:#e5d8eb;--accent:#d70fc9;--accent-2:#ff82d8;--accent-3:#7ee4d4;--font-green:#93cc25;--deep:#130d18;--deep-2:#25102f;--danger:#e5484d;--shadow:0 18px 50px #2612361a;--soft-shadow:0 10px 28px #26123613;--ring:#d70fc938}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 0%, #ff82d82e, transparent 28%), radial-gradient(circle at 88% 8%, #7ee4d41a, transparent 26%), linear-gradient(180deg, #fff, var(--bg));min-height:100vh;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.58}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #d70fc947}.sweetu-age-gate{color:#f7f4fb;background:#11192a;place-items:center;min-height:100dvh;padding:40px 20px;display:grid}.sweetu-age-gate__panel{text-align:center;justify-items:center;width:min(100%,520px);display:grid}.sweetu-age-gate h1{color:#fff;letter-spacing:0;margin:0;font-size:clamp(24px,6vw,30px);font-weight:950;line-height:1.12}.sweetu-age-gate p{color:#8999b1;margin:26px 0 0;font-size:15px;font-weight:650;line-height:1.5}.sweetu-age-gate__button{color:#061515;letter-spacing:0;background:#12c8b2;width:min(100%,216px);min-height:44px;margin-top:26px;padding:0 22px;font-size:14px;font-weight:900;transition:background .18s,box-shadow .18s,transform .18s}.sweetu-age-gate__button:hover{background:#18d8c2;transform:translateY(-1px);box-shadow:0 14px 32px #12c8b23d}.sweetu-age-gate__button:active{transform:translateY(0)}.sweetu-age-gate__notice{color:#76849b;margin-top:24px;font-size:11px;font-weight:700;line-height:1.55}.sweetu-age-gate__notice a{color:#12d9c2;font-weight:850;text-decoration:none}.sweetu-age-gate__notice a:hover{color:#73f1e3;text-underline-offset:3px;text-decoration:underline}@media (max-width:420px){.sweetu-age-gate{padding:32px 18px}.sweetu-age-gate p{margin-top:22px;font-size:14px}.sweetu-age-gate__button{width:min(100%,240px)}}.app-shell{grid-template-columns:248px minmax(720px,1fr) 292px;min-height:100vh;display:grid}.sidebar,.inspector{background:var(--deep);color:#f9fafb;padding:24px}.sidebar{flex-direction:column;gap:26px;display:flex}.brand{text-align:left;color:inherit;background:0 0;align-items:center;gap:12px;padding:0;display:flex}.brand-mark{background:#17101f;border-radius:12px;place-items:center;width:44px;height:44px;display:grid;overflow:hidden;box-shadow:0 8px 22px #e539d657}.brand-mark img{object-fit:cover;width:100%;height:100%}.brand strong,.brand small{display:block}.brand small{color:#c9b7d1;margin-top:3px}.main-nav{gap:8px;display:grid}.nav-item{color:#d8c6df;text-align:left;background:0 0;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 14px;display:flex}.nav-item:hover,.nav-item.active{color:#a90d9c;background:#f5e9f8}.nav-item span{text-align:center;width:20px}.user-box{background:#ff82d80f;border:1px solid #ff82d82e;border-radius:8px;margin-top:auto;padding:16px}.user-box span,.user-box strong{display:block}.user-box span{color:#c9b7d1;font-size:12px}.user-box strong{margin-top:6px;font-size:14px}.workspace{min-width:0;padding:28px 34px 42px}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.eyebrow{color:var(--accent);margin:0 0 5px;font-size:13px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:34px}.top-actions{align-items:center;gap:10px;display:flex}.coin-pill,.secondary,.ghost,.primary{border-radius:8px;min-height:42px;padding:0 16px;font-weight:800}.coin-pill{color:#9f0a91;background:#fff0fb}.coin-balance{min-height:42px;color:var(--ink);text-align:left;background:0 0;justify-content:space-between;align-items:center;padding:0;display:flex}.coin-balance span{color:var(--muted);font-size:13px;font-weight:800}.coin-balance strong{font-size:16px;font-weight:900}.primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;box-shadow:0 12px 24px #d70fc933}.primary:hover{background:linear-gradient(135deg,#ef26dd,#ff9fe1)}.secondary{color:#3a2444;background:#fff;border:1px solid #e5d8ebf2}.ghost{color:var(--muted);background:0 0}.small{min-height:38px;padding-inline:14px}.view{min-height:680px}.hero{grid-template-columns:minmax(280px,.72fr) minmax(380px,1fr);align-items:stretch;gap:24px;margin-bottom:26px;display:grid}.hero-copy{color:#fff;box-shadow:var(--shadow);background:radial-gradient(circle at 88% 10%,#d70fc961,#0000 34%),linear-gradient(135deg,#120d17,#2b1236 58%,#3a1747);border-radius:8px;padding:32px}.hero-copy h2{max-width:520px;margin-bottom:12px;font-size:44px;line-height:1.04}.hero-copy p{color:#cbd5e1;max-width:540px;line-height:1.7}.hero-visual{min-height:320px;box-shadow:var(--shadow);background-image:url(/assets/common_placehoder.png);background-position:50%;background-size:cover;border-radius:8px}.toolbar{justify-content:space-between;align-items:center;gap:14px;margin:22px 0 14px;display:flex}.toolbar h2{margin:0;font-size:22px}.category-tabs,.segmented{flex-wrap:wrap;gap:8px;display:flex}.chip,.segment{color:#4a3452;background:#f0e7f6;border-radius:999px;min-height:36px;padding:0 14px;font-weight:800}.chip.active,.segment.active{background:var(--deep-2);color:#fff}.grid{grid-template-columns:repeat(4,minmax(150px,1fr));gap:16px;display:grid}.card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--soft-shadow);border-radius:8px;transition:transform .18s,box-shadow .18s;overflow:hidden}.card:hover{transform:translateY(-3px);box-shadow:0 18px 42px #26123621}.template-card{text-align:left;padding:0}.thumb{aspect-ratio:3/4;background-image:url(/assets/common_placehoder.png);background-size:400% 300%;background-position:var(--pos,0% 0%);width:100%;display:block}.template-card .meta{padding:13px 14px 15px}.template-card strong,.template-card small{display:block}.template-card small{color:var(--muted);margin-top:5px}.detail{grid-template-columns:minmax(420px,.9fr) minmax(360px,.6fr);gap:24px;display:grid}.preview-large{min-height:520px;box-shadow:var(--shadow);background-image:url(/assets/common_placehoder.png);background-position:50%;background-size:cover;border-radius:8px}.detail-panel,.form-panel,.empty-state{background:var(--surface);box-shadow:var(--shadow);border-radius:8px;padding:24px}.tag-row{flex-wrap:wrap;gap:8px;margin:14px 0 26px;display:flex}.tag{color:#a10e93;background:#fff0fb;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:800}.action-row{flex-wrap:wrap;gap:10px;display:flex}.diy-layout{grid-template-columns:minmax(460px,1fr) 360px;gap:22px;display:grid}.field{gap:8px;margin-bottom:16px;display:grid}.field label{color:#344054;font-weight:800}textarea,select,input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px}textarea{resize:vertical;min-height:154px;padding:14px}select,input{min-height:42px;padding:0 12px}.param-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.upload-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.upload-grid.upload-count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.upload-grid.upload-count-3{grid-template-columns:repeat(3,minmax(0,1fr))}.upload{aspect-ratio:1;color:var(--muted);background:#fbf7fd;border:1px dashed #aab3c2;border-radius:8px;place-items:center;font-size:28px;display:grid}.work-preview{background-image:url(/assets/common_placehoder.png);background-position:65% 45%;background-size:cover;border-radius:8px;min-height:420px}.diy-preview{background:radial-gradient(circle at 78% 8%,#ff82d833,#0000 30%),linear-gradient(#fffffff0,#ffffffd1);border:1px solid #e0d3e9db;border-radius:26px;align-content:space-between;gap:22px;min-height:620px;padding:24px;display:grid;position:sticky;top:32px;overflow:hidden;box-shadow:0 18px 46px #2a123413}.preview-device{gap:14px;display:grid}.preview-badge{color:#9f0a91;background:#d70fc91a;border-radius:999px;width:max-content;padding:8px 11px;font-size:12px;font-weight:950}.preview-frame{aspect-ratio:9/16;background-image:linear-gradient(#0000 48%,#0000006b),url(/assets/common_placehoder.png);background-size:cover;background-position:var(--pos,60% 45%);border:8px solid #17101f;border-radius:30px;width:min(260px,100%);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 26px 58px #15101c38}.diy-preview.image .preview-frame{aspect-ratio:3/4}.preview-frame .play-button{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.preview-frame .video-control-bar{position:absolute;bottom:14px;left:14px;right:14px}.preview-notes{background:#ffffffbd;border:1px solid #e0d3e9d1;border-radius:20px;padding:16px}.preview-notes strong{color:var(--ink);margin-bottom:8px;font-size:18px;display:block}.preview-notes p{color:var(--muted);margin:0;line-height:1.6}.progress-card{color:#fff;text-align:center;min-height:560px;box-shadow:var(--shadow);background:radial-gradient(circle at 70% 16%,#ff82d847,#0000 32%),linear-gradient(135deg,#120d17,#26102f);border-radius:8px;place-items:center;padding:40px;display:grid}.spinner{border:6px solid #ffffff2e;border-top-color:var(--accent-2);border-radius:50%;width:74px;height:74px;margin:0 auto 24px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.progress-track{background:#ffffff29;border-radius:999px;width:min(520px,100%);height:12px;margin:22px auto 10px;overflow:hidden}.making-meta{color:#ffffffb8;margin:0 0 8px;font-weight:800}.progress-bar{width:var(--progress,60%);border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-2), var(--accent-3));height:100%;transition:width .25s}.success-layout{grid-template-columns:minmax(420px,1fr) 340px;gap:22px;display:grid}.canvas-preview{color:#fff;min-height:620px;box-shadow:var(--shadow);background-image:url(/assets/common_placehoder.png);background-position:50%;background-size:cover;border-radius:8px;place-items:end start;padding:26px;display:grid}.canvas-preview span{background:#00000085;border-radius:999px;padding:8px 12px;font-weight:800}.result-stage{min-height:660px;box-shadow:var(--shadow);background-color:#fff;background-image:linear-gradient(45deg,#d70fc90d 25%,#0000 25%),linear-gradient(-45deg,#d70fc90d 25%,#0000 25%),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #e5d8ebdb;border-radius:28px;place-items:center;padding:28px;display:grid}.result-media{background-image:url(/assets/common_placehoder.png);background-size:400% 300%;background-position:var(--pos,0% 0%);border-radius:24px;width:min(100%,430px);max-height:100%;position:relative;overflow:hidden;box-shadow:0 24px 70px #140c1b2e}.result-media.image{aspect-ratio:3/4}.result-media.video{aspect-ratio:9/16}.result-media.video:after{content:"";background:linear-gradient(#0000000a,#0000008f);position:absolute;inset:0}.result-media.has-media:after{display:none}.asset-detail-media{object-fit:cover;background:0 0;width:100%;height:100%;display:block}.result-actions .action-row{grid-template-columns:1fr;display:grid}.icon-action{justify-content:center;align-items:center;gap:10px;display:flex}.icon-action span{background:#ffffff3d;border-radius:50%;place-items:center;width:24px;height:24px;font-weight:900;display:grid}.secondary.icon-action span,.ghost.icon-action span{color:var(--accent);background:#f2e7f6}.asset-detail-overlay{z-index:2000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04060c61;justify-content:center;align-items:center;padding:clamp(16px,3vw,36px);display:flex;position:fixed;inset:0}.asset-detail-backdrop{cursor:default;background:0 0;border:0;position:absolute;inset:0}.asset-detail-modal{z-index:1;background:#090d15;border:1px solid #ffffff24;border-radius:24px;grid-template-columns:minmax(0,1fr) minmax(340px,420px);width:min(100vw - 48px,1120px);height:min(90dvh,860px);max-height:calc(100dvh - 32px);display:grid;position:relative;overflow:hidden;box-shadow:0 34px 100px #00000094}.asset-detail-modal.portrait{grid-template-columns:minmax(320px,min(50.625dvh,484px)) minmax(340px,420px);width:min(100vw - 48px,min(50.625dvh,484px) + 420px)}.asset-detail-modal.poster{grid-template-columns:minmax(420px,min(67.5dvh,645px)) minmax(340px,420px);width:min(100vw - 48px,min(67.5dvh,645px) + 420px)}.asset-detail-close{color:#ffffffc7;cursor:pointer;background:#ffffff09;border:1px solid #ffffff29;border-radius:999px;flex:none;place-items:center;width:36px;height:36px;display:grid}.asset-detail-close svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;width:17px;height:17px}.asset-detail-preview{background:#05070d;min-width:0;min-height:0;display:block;overflow:hidden}.asset-detail-media-frame{aspect-ratio:3/4;background-color:#05070d;background-image:url(/assets/common_placehoder.png);background-size:400% 300%;background-position:var(--pos,0% 0%);place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.asset-detail-media-frame.portrait{aspect-ratio:9/16}.asset-detail-media-frame.poster{aspect-ratio:3/4}.asset-detail-media-frame:after{content:"";background:linear-gradient(#0000000a,#0000007a);position:absolute;inset:0}.asset-detail-media-frame.has-media:after{display:none}.asset-detail-media-frame.failed{background:#3c3f46}.asset-detail-media-frame.failed:after{display:none}.asset-detail-failed-state{z-index:2;color:#ffffffe0;text-align:center;justify-items:center;gap:10px;padding:24px;display:grid;position:relative}.asset-detail-failed-state svg{fill:none;stroke:#ffb7c0;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:48px;height:48px}.asset-detail-failed-state strong{color:#fff;font-size:18px;line-height:1.25}.asset-detail-failed-state span{color:#ffffffb8;font-size:14px;font-weight:800}.asset-detail-media-badge,.asset-detail-media-date,.asset-detail-media-duration{z-index:2;color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000057;border-radius:999px;align-items:center;min-height:24px;padding:0 10px;font-size:11px;font-weight:800;line-height:1;display:inline-flex;position:absolute}.asset-detail-media-badge{text-transform:uppercase;top:16px;left:16px}.asset-detail-media-date{bottom:16px;left:16px}.asset-detail-media-duration{bottom:16px;right:16px}.asset-detail-info{background:radial-gradient(circle at 88% 0,#7ee4d414,#0000 26%),linear-gradient(#10131d 0%,#090d15 100%);border-left:1px solid #ffffff14;flex-direction:column;gap:22px;min-height:0;padding:28px 32px 30px 28px;display:flex;overflow-y:auto}.asset-detail-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.asset-detail-title-row{min-width:0}.asset-detail-status-pill{color:#bdf8ef;letter-spacing:.16em;text-transform:uppercase;border:1px solid #7ee4d457;border-radius:999px;align-items:center;min-height:24px;margin-top:10px;padding:0 11px;font-size:10px;font-weight:900;display:inline-flex}.asset-detail-status-pill.failed{color:#ffb7c0;border-color:#ff8f9b6b}.asset-detail-status-pill.processing{color:#ffc6ef;border-color:#ff82d86b}.asset-detail-info h2{color:#fff;margin:0;font-size:clamp(24px,2.3vw,30px);line-height:1.18}.asset-detail-info p{color:#ffffffc2;margin:0;line-height:1.75}.asset-detail-summary{max-width:320px}.asset-detail-summary p{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.asset-detail-more{color:#8d72ff;letter-spacing:.16em;text-transform:uppercase;background:0 0;margin-top:10px;padding:0;font-size:12px;font-weight:900}.asset-detail-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.asset-detail-stat{background:#ffffff0b;border:1px solid #ffffff0e;border-radius:16px;min-width:0;padding:14px 13px}.asset-detail-stat.wide{grid-column:1/-1}.asset-detail-stats span,.asset-detail-stats strong{display:block}.asset-detail-stats span{color:#ffffff9e;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:900}.asset-detail-stats strong{color:#fffffff5;text-overflow:ellipsis;white-space:nowrap;margin-top:9px;font-size:14px;overflow:hidden}.asset-detail-actions{align-items:center;gap:12px;margin-top:auto;display:flex}.asset-detail-mobile-actions{display:none}.asset-detail-icon-button{color:#f8f6fb;background:#ffffff0e;border:1px solid #ffffff26;border-radius:999px;place-items:center;width:36px;height:36px;min-height:36px;text-decoration:none;transition:transform .18s,border-color .18s,background .18s;display:grid}.asset-detail-icon-button.primary{background:linear-gradient(135deg,#8567ff 0%,#28b7f6 100%);border-color:#7ee4d414;box-shadow:0 12px 24px #3d8bff47}.asset-detail-icon-button.danger{color:#fff}.asset-detail-icon-button:hover{background:#ffffff1a;border-color:#ffffff47;transform:translateY(-1px)}.asset-detail-icon-button.primary:hover{background:linear-gradient(135deg,#7858f4 0%,#1ca9ec 100%)}.asset-detail-icon-button:disabled{pointer-events:none;opacity:.5}.asset-detail-icon-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.asset-delete-confirm-overlay{z-index:2400;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.asset-delete-confirm-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04060c94;border:0;position:absolute;inset:0}.asset-delete-confirm-dialog{z-index:1;color:#fff;background:#111722;border:1px solid #ffffff24;border-radius:22px;width:min(100%,380px);padding:22px;position:relative;box-shadow:0 28px 72px #0000006b}.asset-delete-confirm-dialog h2{margin:0;font-size:22px;line-height:1.25}.asset-delete-confirm-dialog p{color:#ffffffb8;margin:12px 0 0;line-height:1.65}.asset-delete-confirm-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.asset-delete-confirm-actions button.danger{color:#fff;background:#e5484d;box-shadow:0 14px 28px #e5484d3d}.asset-delete-confirm-actions button:disabled{cursor:not-allowed;opacity:.58}.menu-list{gap:10px;display:grid}.menu-item{border:1px solid var(--line);min-height:56px;color:var(--ink);text-align:left;background:#fff;border-radius:8px;justify-content:space-between;align-items:center;padding:0 16px;font-weight:800;display:flex}.price-grid{grid-template-columns:repeat(2,minmax(240px,1fr));gap:18px;display:grid}.price-card{border:2px solid var(--line);background:#fff;border-radius:8px;padding:24px}.price-card.featured{border-color:var(--accent);box-shadow:0 16px 34px #d70fc924}.price{margin:10px 0 8px;font-size:38px;font-weight:900}.coin-ledger{gap:10px;display:grid}.ledger-row{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:1fr auto;gap:12px;padding:15px 16px;display:grid}.ledger-row small{color:var(--muted);margin-top:4px;display:block}.coin-record-amount{align-self:center;font-size:18px}.coin-record-amount.in{color:#138a52}.coin-record-amount.out{color:#c2413b}.coin-record-amount.neutral{color:var(--text)}.coin-ledger-state{min-height:92px;color:var(--muted);place-items:center;font-weight:800;display:grid}.coin-ledger-state.error{color:#c2413b}.coin-ledger-pagination{justify-content:center;padding-top:14px;display:flex}.wallet-panel{gap:26px;max-width:920px;display:grid}.wallet-layout{grid-template-columns:minmax(520px,1fr) 340px;align-items:start;gap:22px;display:grid}.wallet-summary{border-bottom:1px solid #e5d8ebdb;gap:10px;padding-bottom:22px;display:grid}.wallet-summary h2{margin:0}.download-panel{gap:16px;display:grid;position:sticky;top:32px}.download-panel p{color:var(--muted);line-height:1.6}.store-buttons{gap:12px;display:grid}.store-button{color:#fff;background:#17101f;border-radius:16px;align-items:center;gap:12px;min-height:54px;padding:0 16px;text-decoration:none;display:flex}.store-button span{text-align:center;width:24px;font-size:22px}.store-icon{flex:none;place-items:center;width:26px;height:26px;display:grid}.store-icon svg{width:100%;height:100%;display:block}.apple-icon svg{fill:currentColor}.store-button strong{font-size:14px}.plus{color:#099268}.minus{color:var(--danger)}.inspector{color:var(--ink);border-left:1px solid var(--line);background:#f4edf8;align-content:start;gap:16px;display:grid}.panel{background:#fff;border-radius:8px;padding:18px;box-shadow:0 10px 28px #141f330f}.panel h2{margin-bottom:12px;font-size:16px}.status-card{align-items:flex-start;gap:12px;display:flex}.status-dot{background:var(--accent-3);border-radius:50%;flex:none;width:12px;height:12px;margin-top:5px}.status-card p{color:var(--muted);margin:5px 0 0;line-height:1.55}.metrics{gap:12px;margin:0;display:grid}.metrics div{justify-content:space-between;gap:12px;display:flex}.metrics dt{color:var(--muted)}.metrics dd{margin:0;font-weight:900}.notice{color:#7a4b00;background:#fff7dc;border-radius:8px;padding:14px 16px;line-height:1.55}@media (max-width:1180px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.inspector{display:none}.grid{grid-template-columns:repeat(3,minmax(150px,1fr))}}@media (max-width:840px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:5;padding:14px;position:sticky;top:0}.main-nav{grid-template-columns:repeat(3,1fr)}.workspace{padding:20px}.hero,.detail,.template-detail,.wallet-layout,.diy-layout,.success-layout,.price-grid{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,minmax(130px,1fr))}}.app-shell{min-height:100vh;display:block}.sidebar-nav{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border-right:1px solid #e5d8ebdb;flex-direction:column;width:248px;padding:24px 18px;display:flex;position:fixed;inset:0 auto 0 0}.side-menu{gap:8px;margin-top:34px;display:grid}.sidebar-nav .nav-item{text-align:left;border-radius:14px;justify-content:flex-start;width:100%;min-height:44px;padding:0 16px}.sidebar-actions{gap:12px;min-width:0;margin-top:auto;display:grid}.sidebar-actions .language-picker{flex-direction:column;align-items:stretch}.sidebar-actions .language-picker>span{align-self:flex-start}.sidebar-actions .language-picker select,.sidebar-actions .language-picker-trigger,.sidebar-actions .coin-balance,.sidebar-actions .primary,.sidebar-actions .login-button{width:100%}.sidebar-actions .coin-balance{border:1px solid var(--line);text-align:center;background:#fff;border-radius:999px;justify-content:center;gap:10px;min-height:42px;padding:0 14px}.account-avatar-button{color:#fff;background:linear-gradient(135deg,#cc13bd,#f86dcc);border:1px solid #d70fc933;border-radius:50%;place-items:center;width:48px;height:48px;margin-inline:auto;font-size:18px;font-weight:900;transition:transform .18s,box-shadow .18s;display:grid;box-shadow:0 10px 24px #d70fc933}.account-avatar-button:hover{transform:translateY(-1px);box-shadow:0 12px 28px #d70fc947}.sidebar-coin-icon{color:#98118e;flex:none;place-items:center;width:20px;height:20px;display:grid}.sidebar-coin-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc2;border-bottom:1px solid #e5d8ebc7;justify-content:space-between;align-items:center;gap:24px;min-height:74px;padding:14px clamp(20px,5vw,64px);display:flex;position:sticky;top:0}.site-header .brand{flex:none}.site-header .brand-mark{border-radius:14px;width:42px;height:42px}.site-header .brand small{color:var(--muted)}.site-header .main-nav{flex:auto;justify-content:center;align-items:center;gap:6px;display:flex}.site-header .nav-item{color:#5d5063;text-align:center;white-space:nowrap;border-radius:999px;width:auto;min-height:38px;padding:0 14px}.site-header .nav-item:hover,.site-header .nav-item.active{color:#b20ba5;background:#f2e7f6}.header-actions{flex:none;align-items:center;gap:10px;display:flex}.language-picker{color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.language-picker select{width:auto;min-height:38px;color:var(--ink);background:#fff;border-radius:999px;padding:0 32px 0 12px}.language-picker-trigger{border:1px solid var(--line);min-height:42px;color:var(--ink);text-align:center;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 14px;display:flex}.language-picker-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.language-picker-trigger small{color:var(--muted);flex:none;font-size:12px;font-weight:900}.language-modal-overlay{z-index:2090}.language-modal-shell{z-index:1;background:#fffffff5;border-radius:28px;gap:18px;width:min(100vw - 40px,560px);max-height:calc(100dvh - 40px);padding:24px;display:grid;position:relative;overflow:auto;box-shadow:0 34px 100px #2812323d}.language-modal-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.language-modal-head .eyebrow{margin:0 0 6px}.language-modal-head h2{margin:0;font-size:24px;line-height:1.12}.language-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.language-option{border:1px solid var(--line);min-height:56px;color:var(--ink);text-align:left;background:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.language-option span{text-overflow:ellipsis;white-space:nowrap;font-weight:900;overflow:hidden}.language-option small{color:var(--muted);flex:none;font-size:12px;font-weight:900}.language-option.selected{color:#8d087f;background:#d70fc914;border-color:#d70fc957}.workspace{max-width:1220px;margin:0 auto 0 248px;padding:32px clamp(20px,4vw,44px) 60px}.topbar,.inspector,.mobile-menu-trigger,.mobile-menu-close,.mobile-sidebar-scrim{display:none}.coin-pill,.secondary,.ghost,.primary{border-radius:999px}.secondary{border:1px solid var(--line);background:#fff}.hero{grid-template-columns:1fr;align-items:center;gap:22px;margin:8px auto 18px}.hero-copy{max-width:900px;color:var(--ink);box-shadow:none;text-align:center;background:0 0;border-radius:0;margin:0 auto;padding:34px 24px 8px}.hero-copy h2{letter-spacing:0;max-width:860px;margin:0 auto 16px;font-size:clamp(42px,6vw,68px);line-height:.96}.hero-copy p{max-width:690px;color:var(--muted);margin:0 auto 24px}.prompt-card{background:#ffffffdb;border:1px solid #e5d8ebf2;border-radius:30px;max-width:920px;margin:0 auto;padding:12px;box-shadow:0 22px 70px #37164821}.prompt-input{background:#fff;border-radius:22px;grid-template-columns:1fr auto;align-items:center;gap:12px;min-height:72px;padding:8px 8px 8px 22px;display:grid}.prompt-input span{color:#8b7b92;text-align:left}.quick-tools{flex-wrap:wrap;justify-content:center;gap:10px;max-width:940px;margin:18px auto 8px;display:flex}.quick-tools button{border:1px solid var(--line);color:#55445d;background:#ffffffc2;border-radius:999px;min-height:38px;padding:0 14px;font-weight:800}.hero-visual{border:1px solid #e5d8ebe6;border-radius:28px;width:100%;max-width:1040px;min-height:360px;margin:12px auto 0}.toolbar{margin:24px 0 16px}.grid{grid-template-columns:repeat(5,minmax(150px,1fr));gap:18px}.card,.detail-panel,.form-panel,.empty-state,.preview-large,.work-preview,.progress-card,.canvas-preview,.menu-item,.price-card,.ledger-row{border-radius:24px}.card,.detail-panel,.form-panel,.empty-state,.price-card,.ledger-row{border:1px solid #e5d8ebdb;box-shadow:0 12px 34px #37164814}textarea,select,input{border-radius:16px}.upload,.notice{border-radius:18px}@media (max-width:900px){.site-header{flex-wrap:wrap;align-items:flex-start}.site-header .main-nav{order:3;justify-content:flex-start;width:100%;overflow-x:auto}.grid{grid-template-columns:repeat(2,minmax(130px,1fr))}}.template-banner{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;grid-auto-columns:minmax(280px,28%);grid-auto-flow:column;gap:18px;padding:6px 2px 18px;display:grid;overflow-x:auto}.template-banner::-webkit-scrollbar{display:none}.banner-slide{aspect-ratio:9/16;color:#fff;scroll-snap-align:start;text-align:left;min-height:auto;box-shadow:var(--shadow);opacity:.72;background:#fff;border:1px solid #e5d8ebe6;border-radius:30px;transition:opacity .35s,transform .35s,box-shadow .35s;position:relative;overflow:hidden;transform:scale(.97)}.banner-slide.active{opacity:1;transform:scale(1);box-shadow:0 24px 70px #3716482e}.banner-slide:hover{opacity:1;transform:scale(1.01)}.banner-bg{background-image:url(/assets/common_placehoder.png);background-size:400% 300%;background-position:var(--pos,0% 0%);transition:transform 6s;position:absolute;inset:0;transform:scale(1.03)}.portrait-frame{position:absolute;inset:0;overflow:hidden}.banner-slide.active .banner-bg{transform:scale(1.1)}.banner-slide:after{content:"";background:linear-gradient(#0000 46%,#000000ad);position:absolute;inset:0}.banner-copy{z-index:1;position:absolute;bottom:24px;left:26px;right:26px}.banner-copy strong,.banner-copy small{display:block}.banner-copy strong{font-size:32px;line-height:1.1}.banner-copy small{color:#ffffffc7;margin-top:8px;font-weight:800}.banner-dots{justify-content:center;gap:8px;margin:-4px 0 18px;display:flex}.banner-dots button{background:#d8c7e0;border-radius:999px;width:8px;height:8px;padding:0;transition:width .25s,background .25s}.banner-dots button.active{background:var(--accent);width:26px}.template-sections{gap:34px;display:grid}.template-section{gap:14px;display:grid}.section-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-head h2{margin:0;font-size:24px}.compact-grid{grid-template-columns:repeat(6,minmax(120px,1fr))}.template-page .thumb,.template-banner .banner-slide{aspect-ratio:3/4}.template-banner{grid-auto-columns:clamp(280px,30%,360px)}.template-page .template-card small{display:none}.template-page .template-card{background:#111;position:relative}.template-card,.related-card,.template-preview-panel{position:relative}.template-card{cursor:pointer}.template-card:focus-visible{outline-offset:3px;outline:3px solid #d70fc947}.type-badge{z-index:2;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000094;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:900;position:absolute;top:10px;left:10px}.type-badge.video:before{content:"▶ "}.type-badge.image:before{content:"▣ "}.status-badge{z-index:2;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000094;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:900;position:absolute;top:10px;right:10px}.status-badge.completed{color:#103630;background:#7ee4d4e0}.status-badge.processing:before{content:"";background:#fff;border-radius:50%;width:7px;height:7px;margin-right:6px;animation:1.2s ease-in-out infinite pulse-dot;display:inline-block}@keyframes pulse-dot{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.template-page .template-card .thumb{width:100%}.thumb.ratio-poster{aspect-ratio:3/4}.template-page .thumb.ratio-portrait,.related-card .thumb.ratio-portrait,.thumb.ratio-portrait{aspect-ratio:9/16}.template-page .template-card{min-height:0}.template-page .thumb,.asset-card .thumb,.related-card .thumb,.featured-bg,.banner-bg{background-position:50%;background-size:cover;overflow:hidden}.template-media{object-fit:cover;width:100%;height:100%;display:block}.template-video-toggle{z-index:3;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#12101894;border:1px solid #ffffff80;border-radius:50%;place-items:center;width:52px;height:52px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 14px 34px #0000003d}.template-video-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.6px;width:24px;height:24px;display:block}.template-video-toggle:not(.is-playing) svg{fill:currentColor;stroke:none;margin-left:2px}.template-page .template-card .meta{z-index:1;color:#fff;background:linear-gradient(#0000,#000000b8);padding:34px 14px 14px;position:absolute;inset:auto 0 0}.template-page .template-card strong{color:#fff}.asset-grid{column-width:190px;column-gap:18px}.asset-grid .asset-card{break-inside:avoid;width:100%;margin:0 0 18px;display:inline-block}.asset-library-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.asset-library-card{color:#fff;text-align:left;cursor:pointer;background:linear-gradient(#17131ceb,#0a080ef5);border:1px solid #ffffff1f;border-radius:24px;min-width:0;transition:border-color .18s,box-shadow .18s,transform .18s;display:block;position:relative;overflow:hidden;box-shadow:0 18px 46px #140a1a2e}.asset-library-card:hover{border-color:#ffffff3d;transform:translateY(-2px);box-shadow:0 24px 58px #140a1a3d}.asset-library-thumb{aspect-ratio:4/3;background-image:url(/assets/common_placehoder.png);background-size:400% 300%;background-position:var(--pos,0% 0%);width:100%;display:block;overflow:hidden}.asset-library-card .template-media{transform:scale(1)}.asset-library-card .meta{z-index:2;color:#fff;background:linear-gradient(#0000 0%,#0000003d 28%,#000000c7 100%);gap:4px;padding:44px 14px 14px;display:grid;position:absolute;inset:auto 0 0}.asset-library-card .meta strong{color:#fff;text-overflow:ellipsis;text-shadow:0 2px 12px #0006;white-space:nowrap;font-size:14px;line-height:1.25;overflow:hidden}.asset-library-card .meta small{color:#ffffffb8;font-size:11px;font-weight:800}.asset-library-card .asset-status-overlay{background:#08060c75}.asset-card.poster .thumb{aspect-ratio:3/4}.asset-card.portrait .thumb{aspect-ratio:9/16}.asset-card small{color:#ffffffc7;font-weight:800}.asset-card{background:#111;position:relative}.asset-card .meta{z-index:1;color:#fff;background:linear-gradient(#0000,#000000b8);padding:34px 14px 14px;position:absolute;inset:auto 0 0}.asset-card strong{color:#fff}.asset-toolbar{align-items:center}.asset-state{min-height:132px;color:var(--muted);text-align:center;background:#fff;border:1px solid #e5d8ebdb;border-radius:8px;justify-content:center;align-items:center;gap:12px;margin-bottom:18px;padding:24px;font-weight:800;display:flex;box-shadow:0 12px 34px #37164814}.asset-state.empty{flex-direction:column}.asset-state.empty strong{color:var(--ink)}.asset-state.error{color:#a3262a;background:#e5484d14;border-color:#e5484d47;justify-content:flex-start;min-height:auto}.asset-loading-state{min-height:min(52vh,460px);box-shadow:none;background:0 0;border:0;margin-bottom:0}.asset-loading-spinner{border:3px solid #ffffff5c;border-top-color:#fff;border-radius:50%;width:30px;height:30px;animation:.8s linear infinite spin;display:inline-block}.asset-state .asset-loading-spinner{border-color:#d70fc92e;border-top-color:var(--accent)}.asset-status-overlay{z-index:2;pointer-events:none;background:#0c081047;place-items:center;display:grid;position:absolute;inset:0}.asset-status-overlay .asset-loading-spinner{border-width:4px;width:42px;height:42px}.asset-pagination{justify-content:center;padding:10px 0 4px;display:flex}.empty-ledger{min-height:92px;color:var(--muted);place-items:center;font-weight:800;display:grid}.template-detail{grid-template-columns:minmax(0,480px) minmax(0,520px);justify-content:center;align-items:stretch;gap:28px;width:min(100%,1060px);margin-inline:auto;display:grid}.template-preview-panel,.template-create-panel{box-shadow:var(--shadow);background:#fff;border:1px solid #e5d8ebdb;border-radius:28px}.template-preview-panel{padding:18px}.detail-template-summary{gap:10px;display:grid}.detail-template-summary h1{letter-spacing:0;margin:0;font-size:clamp(27px,4vw,40px);line-height:1.05}.detail-template-summary p{max-width:58ch;color:var(--muted);margin:0;line-height:1.6}.template-preview,.template-video-preview{aspect-ratio:3/4;background-image:url(/assets/common_placehoder.png);background-size:400% 300%;background-position:var(--pos,0% 0%);border-radius:22px;overflow:hidden}.template-preview.ratio-poster,.template-video-preview.ratio-poster{aspect-ratio:3/4}.template-preview.ratio-portrait,.template-video-preview.ratio-portrait{aspect-ratio:9/16}.template-video-preview{position:relative}.template-video-preview:after{content:"";background:linear-gradient(#00000014,#00000094);position:absolute;inset:0}.template-video-preview.has-media:after{content:none}.template-sound-toggle{z-index:2;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d0a1294;border:1px solid #ffffff6b;border-radius:999px;place-items:center;width:44px;height:44px;min-height:44px;transition:transform .18s,background .18s,border-color .18s;display:grid;position:absolute;bottom:14px;right:14px;box-shadow:0 14px 30px #0000003d}.template-sound-toggle:hover{background:#0d0a12bd;border-color:#ffffffa8;transform:translateY(-1px)}.template-sound-toggle svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.play-button{z-index:2;width:68px;height:68px;color:var(--accent);background:#ffffffe0;border-radius:50%;place-items:center;font-size:28px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 46px #0000003d}.video-control-bar{z-index:2;color:#ffffffe0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000085;border-radius:999px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;font-size:12px;font-weight:900;display:grid;position:absolute;bottom:18px;left:18px;right:18px}.video-progress{background:#ffffff38;border-radius:999px;height:5px;overflow:hidden}.video-progress i{border-radius:inherit;background:var(--accent);width:38%;height:100%;display:block}.template-preview-panel>.type-badge{top:28px;left:28px}.template-detail-meta{width:fit-content;max-width:calc(100% - 8px);color:var(--muted);background:#f8f6fb;border-radius:16px;align-items:center;gap:12px;margin:2px 0 0;padding:12px 14px;font-size:13px;font-weight:800;display:inline-flex}.template-detail-meta strong{color:var(--ink);font-size:15px}.template-create-panel{grid-template-rows:auto auto auto minmax(280px,1fr) auto auto;gap:18px;min-height:0;padding:26px;display:grid}.template-create-panel h2{margin-bottom:0}.photo-dropzone{height:100%;min-height:260px;color:var(--ink);text-align:center;background:#fbf8fd;border:1.5px dashed #d8c7e0;border-radius:24px;align-content:center;place-items:center;gap:10px;padding:24px;display:grid;position:relative;overflow:hidden}.photo-dropzone.has-preview{color:#fff;background:#1d1621;gap:0;padding:0}.photo-dropzone img{object-fit:contain;border-radius:24px;width:100%;height:100%;position:absolute;inset:0;box-shadow:0 18px 42px #18121a42}.photo-dropzone span{width:56px;height:56px;color:var(--accent);background:#fff0fb;border-radius:50%;place-items:center;font-size:34px;font-weight:800;display:grid}.photo-dropzone strong,.photo-dropzone small{display:block}.photo-dropzone small{max-width:280px;color:var(--muted);line-height:1.5}.photo-dropzone.has-preview small{color:#ffffffb8}.photo-dropzone:disabled{cursor:progress;opacity:.82}.photo-dropzone .photo-upload-overlay{color:#fff;background:#13161edb;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:auto;height:auto;display:flex;position:absolute;inset:0}.photo-upload-overlay i{border:2px solid #ffffff52;border-top-color:#fff;border-radius:50%;width:22px;height:22px;animation:1s linear infinite spin}.photo-upload-overlay strong,.photo-upload-overlay small{color:#fff;margin:0}.photo-upload-overlay strong{font-size:14px;font-weight:800}.photo-upload-overlay small{opacity:.72;font-variant-numeric:tabular-nums;font-size:12px}.make-button{width:100%;min-height:54px;font-size:16px}.template-detail-page{gap:30px;display:grid}.related-templates{gap:14px;display:grid}.related-strip{scrollbar-width:none;scroll-behavior:smooth;grid-auto-columns:minmax(170px,220px);grid-auto-flow:column;gap:14px;padding:2px 2px 12px;display:grid;overflow-x:auto}.related-strip::-webkit-scrollbar{display:none}.related-card{color:var(--ink);text-align:left;background:#fff;border:1px solid #e5d8ebdb;border-radius:20px;gap:10px;padding:8px;display:grid}.related-card.active{border-color:var(--accent);box-shadow:0 0 0 3px #d70fc91f}.related-card .thumb{aspect-ratio:3/4;border-radius:14px;width:100%}.related-card .type-badge{font-size:11px;top:14px;left:14px}.related-card strong{padding:0 4px 4px;font-size:14px;line-height:1.25}.related-controls{gap:8px;display:flex}.related-controls button{width:38px;height:38px;color:var(--accent);background:#f2e7f6;border-radius:50%;place-items:center;font-size:28px;font-weight:800;line-height:1;display:grid}.related-controls button:hover{background:#ead8f1}.load-more-row{color:var(--muted);justify-content:center;padding:8px 0 4px;font-weight:800;display:flex}.load-more-row .secondary{min-width:160px}.featured-templates{grid-template-columns:minmax(420px,1fr) 320px;gap:18px;margin-bottom:30px;display:grid}.featured-main,.featured-mini{color:#fff;text-align:left;box-shadow:var(--shadow);background:#fff;border:1px solid #e5d8ebe6;position:relative;overflow:hidden}.featured-main{border-radius:32px;min-height:520px}.featured-side{gap:14px;display:grid}.featured-mini{border:0;border-radius:24px;min-height:160px}.featured-bg{background-image:url(/assets/common_placehoder.png);background-size:400% 300%;background-position:var(--pos,0% 0%);background-repeat:no-repeat;transition:transform .45s;position:absolute;inset:0;transform:scale(1.04)}.featured-main:hover .featured-bg{transform:scale(1.1)}.featured-mini .featured-bg{transform:none}.featured-main:after,.featured-mini:after{content:"";background:linear-gradient(#0000 40%,#000000ad);position:absolute;inset:0}.featured-copy,.featured-mini span{z-index:1;position:absolute;bottom:22px;left:24px;right:24px}.featured-copy small,.featured-copy strong{display:block}.featured-copy small{color:#ffffffbd;margin-bottom:8px;font-weight:900}.featured-copy strong{max-width:520px;font-size:42px;line-height:1.04}.featured-mini span{font-size:18px;font-weight:900}.hero-stack{min-height:460px;box-shadow:var(--shadow);background:radial-gradient(circle at 76% 24%,#d70fc961,#0000 28%),linear-gradient(135deg,#120d17,#2b1236 58%,#3a1747);border-radius:34px;grid-template-columns:minmax(280px,.7fr) minmax(480px,1fr);align-items:center;margin-bottom:30px;padding:44px;display:grid;position:relative;overflow:hidden}.hero-stack:before{content:"";opacity:.13;filter:blur(2px);background-image:url(/assets/common_placehoder.png);background-position:50%;background-size:cover;position:absolute;inset:0}.hero-stack-link{z-index:1;background:0 0;position:absolute;inset:0}.hero-stack-copy{z-index:2;color:#fff;pointer-events:none;gap:12px;display:grid;position:relative}.hero-stack-copy small{color:#ffffffb8;font-weight:900}.hero-stack-copy strong{max-width:460px;font-size:clamp(38px,5vw,64px);line-height:1}.hero-stack-copy span{color:#ffffffe0;background:#ffffff24;border-radius:999px;width:max-content;margin-top:8px;padding:10px 14px;font-weight:900}.hero-stack-cards{z-index:3;min-height:360px;position:relative}.stack-card{aspect-ratio:3/4;color:#fff;background:#fff;border:0;border-radius:24px;width:210px;position:absolute;overflow:hidden;box-shadow:0 24px 58px #00000047}.stack-card.ratio-poster{aspect-ratio:3/4}.stack-card.ratio-portrait{aspect-ratio:9/16}.banner-switcher{flex-wrap:wrap;gap:10px;margin:-10px 0 28px;display:flex}.banner-switcher button{color:#55445d;background:#f2e7f6;border-radius:999px;min-height:38px;padding:0 14px;font-weight:900}.banner-switcher button.active{background:var(--accent);color:#fff}.banner-arrow{z-index:4;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff2e;border-radius:50%;place-items:center;width:44px;height:44px;transition:background .2s,transform .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.banner-arrow svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.6px;width:22px;height:22px;display:block}.banner-arrow:hover{background:#ffffff47;transform:translateY(-50%)scale(1.04)}.banner-prev{left:22px}.banner-next{right:22px}.stack-card:after{content:"";background:linear-gradient(#0000 52%,#0000009e);position:absolute;inset:0}.stack-card span:last-child{z-index:1;text-align:left;font-weight:900;position:absolute;bottom:14px;left:16px;right:16px}.stack-1{top:34px;right:240px;transform:rotate(-8deg)}.stack-2{top:0;right:120px;transform:rotate(4deg)}.stack-3{top:54px;right:18px;transform:rotate(10deg)}.stack-4{top:118px;right:150px;transform:rotate(-2deg)}@media (max-width:720px){.template-banner{grid-auto-columns:minmax(280px,88%)}.banner-slide{min-height:260px}.compact-grid{grid-template-columns:repeat(2,minmax(130px,1fr))}}@media (max-width:760px){html,body{height:100%;overflow:hidden}.app-shell{--sweetu-mobile-shell-height:100dvh;height:100dvh;height:var(--sweetu-mobile-shell-height);min-height:0;position:relative;overflow:hidden}body{padding-bottom:0}.mobile-sidebar-scrim{z-index:28;height:100vh;height:var(--sweetu-mobile-shell-height);max-height:var(--sweetu-mobile-shell-height);opacity:0;pointer-events:none;visibility:hidden;background-color:#0000;transition:opacity .22s,background-color .22s,visibility 0s linear .22s;display:block;position:fixed;inset:0 0 auto}.mobile-sidebar-scrim.is-open{opacity:1;pointer-events:auto;visibility:visible;background-color:#120a185c;transition-delay:0s}.sidebar-nav{z-index:30;width:min(82vw,304px);height:100vh;height:var(--sweetu-mobile-shell-height);max-height:var(--sweetu-mobile-shell-height);min-height:0;padding:16px 14px calc(18px + env(safe-area-inset-bottom));overscroll-behavior:contain;visibility:hidden;background:#fffffff5;border-top:0;border-right:1px solid #e5d8ebe6;transition:transform .28s,visibility 0s linear .28s;inset:0 auto auto 0;overflow-y:auto;transform:translate(calc(-100% - 18px))}.sidebar-nav.is-open{visibility:visible;transition-delay:0s;transform:translate(0)}.sidebar-nav .brand{min-height:52px;padding-right:50px;display:flex}.mobile-menu-close{width:44px;height:44px;color:var(--ink);background:#ffffffe0;border:1px solid #e5d8ebdb;border-radius:14px;place-items:center;display:grid;position:absolute;top:16px;right:14px}.mobile-menu-close span,.mobile-menu-close span:before,.mobile-menu-close span:after,.mobile-menu-trigger span,.mobile-menu-trigger span:before,.mobile-menu-trigger span:after{content:"";background:currentColor;border-radius:999px;width:18px;height:2px;display:block}.mobile-menu-close span{background:0 0}.mobile-menu-close span:before{transform:translateY(2px)rotate(45deg)}.mobile-menu-close span:after{transform:rotate(-45deg)}.mobile-menu-trigger{width:44px;height:44px;color:var(--ink);background:#ffffffe6;border:1px solid #e5d8ebdb;border-radius:14px;flex:none;place-items:center;display:grid;box-shadow:0 10px 24px #2812320f}.mobile-menu-trigger span{position:relative}.mobile-menu-trigger span:before,.mobile-menu-trigger span:after{position:absolute;left:0}.mobile-menu-trigger span:before{top:-6px}.mobile-menu-trigger span:after{top:6px}.side-menu{grid-template-columns:1fr;gap:8px;margin:28px 0 22px;display:grid}.sidebar-nav .nav-item{text-align:left;border-radius:16px;justify-content:flex-start;min-height:48px;padding:0 14px;font-size:14px;line-height:1.25}.sidebar-actions{border-top:1px solid #e5d8ebc7;gap:12px;margin-top:0;padding-top:16px;display:grid}.sidebar-actions .language-picker{gap:10px}.language-picker-trigger{min-height:48px;padding:0 16px;font-size:15px}.language-modal-overlay{align-items:flex-end;padding:0}.language-modal-shell{width:100%;max-height:min(78dvh,620px);padding:18px 16px calc(18px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.language-modal-head h2{font-size:22px}.language-option-grid{grid-template-columns:1fr;gap:9px}.language-option{min-height:58px;padding:13px 15px}.topbar{top:var(--sweetu-visual-viewport-top,0px);z-index:20;min-height:calc(60px + env(safe-area-inset-top));padding:calc(8px + env(safe-area-inset-top)) 14px 8px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:none;background:#ffffffe6;border:0;border-bottom:1px solid #e5d8ebc7;border-radius:0;align-items:center;gap:12px;margin:0;display:flex;position:fixed;left:0;right:0;transform:translate(0)}.topbar>div:first-of-type{display:none}.top-actions{margin-left:auto}.top-actions .coin-balance{background:#ffffffe6;border:1px solid #e5d8ebdb;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 14px;display:flex;box-shadow:0 10px 24px #2812320f}.top-actions .coin-icon{object-fit:contain;border-radius:999px;width:20px;height:20px;display:block;box-shadow:0 4px 10px #e89d1029}.top-actions .coin-icon:after{content:none}.top-actions .coin-balance-label,.top-actions .login-button{display:none}.top-actions-guest .login-button{white-space:nowrap;justify-content:center;align-items:center;min-height:40px;padding:0 14px;display:inline-flex}.workspace{width:100%;height:100dvh;height:var(--sweetu-mobile-shell-height);max-width:none;padding:calc(76px + env(safe-area-inset-top)) 14px calc(28px + env(safe-area-inset-bottom) + var(--sweetu-keyboard-inset,0px));overscroll-behavior-y:contain;scroll-padding-bottom:calc(28px + env(safe-area-inset-bottom) + var(--sweetu-keyboard-inset,0px));-webkit-overflow-scrolling:touch;margin:0;overflow:hidden auto}.view{min-height:0}.template-banner{grid-auto-columns:minmax(260px,84%);gap:10px;padding:2px 2px 10px}.featured-templates{grid-template-columns:1fr;gap:12px;margin-bottom:22px}.hero-stack{border-radius:24px;grid-template-columns:1fr;align-items:end;min-height:224px;margin-bottom:18px;padding:18px}.hero-stack-copy{gap:7px;max-width:58%}.hero-stack-copy small{font-size:11px;line-height:1.2}.hero-stack-copy strong{max-width:none;font-size:clamp(28px,8vw,36px);line-height:1.02}.hero-stack-copy span{display:none}.hero-stack-cards{min-height:0;margin:0;position:absolute;inset:0}.stack-card{border-radius:16px;width:86px;box-shadow:0 18px 38px #00000047}.stack-card span:last-child{display:none}.stack-1{top:38px;left:auto;right:112px}.stack-2{top:18px;left:auto;right:54px}.stack-3{top:46px;left:auto;right:-6px}.stack-4{top:106px;left:auto;right:68px}.featured-main{aspect-ratio:3/4;border-radius:24px;min-height:auto}.featured-side{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.featured-mini{aspect-ratio:3/4;border-radius:18px;min-height:auto}.featured-copy,.featured-mini span{bottom:14px;left:14px;right:14px}.featured-copy strong{font-size:28px}.featured-mini span{font-size:13px}.banner-slide{aspect-ratio:16/9;opacity:.84;border-radius:22px;min-height:0;transform:none;box-shadow:0 16px 38px #37164824}.banner-slide.active,.banner-slide:hover{transform:none;box-shadow:0 18px 42px #37164829}.banner-slide:after{background:linear-gradient(#0000 32%,#000000b8)}.banner-copy{bottom:15px;left:16px;right:16px}.banner-copy strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:20px;line-height:1.12;display:-webkit-box;overflow:hidden}.banner-copy small{text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:11px;line-height:1.2;display:block;overflow:hidden}.banner-dots{margin:-2px 0 12px}.banner-dots button{width:7px;height:7px}.banner-dots button.active{width:22px}.template-sections.template-page .template-card .template-video-toggle{display:grid}.template-sections.template-page .template-card .template-video-toggle.is-playing{display:none}.toolbar{align-items:flex-start;margin:18px 0 14px}.toolbar h2,.section-head h2{font-size:20px}.template-sections{gap:28px}.grid,.compact-grid,.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.asset-grid{column-width:150px;column-gap:12px}.asset-grid .asset-card{margin-bottom:12px}.template-card .meta{padding:11px 11px 13px}.template-page .template-card .meta{padding:30px 11px 12px;position:absolute}.template-card strong{font-size:14px;line-height:1.25}.detail,.template-detail,.diy-layout,.success-layout,.price-grid{grid-template-columns:1fr;gap:16px}.preview-large,.work-preview,.canvas-preview,.result-stage,.progress-card{border-radius:22px;min-height:420px}.result-stage{padding:18px}.result-media{border-radius:20px;width:min(100%,320px)}.detail-panel,.template-create-panel,.download-panel,.form-panel,.empty-state{border-radius:20px;padding:18px}.template-preview-panel{border-radius:22px;order:2;padding:14px}.template-create-panel{order:1;gap:16px}.detail-template-summary{gap:9px}.detail-template-summary h1{font-size:29px}.detail-template-summary p{font-size:14px}.template-preview,.template-video-preview{border-radius:18px;width:100%;max-height:min(70vh,520px)}.photo-dropzone{border-radius:20px;min-height:198px}.photo-dropzone img{width:min(100%,200px);max-height:150px}.make-button{min-height:52px}.template-detail-page{gap:24px}.related-strip{grid-auto-columns:minmax(132px,42vw);gap:12px;padding:2px 0 12px;scroll-padding-inline:0}.download-panel{position:static}.param-grid,.upload-grid{grid-template-columns:1fr}.action-row{grid-template-columns:1fr;display:grid}.action-row .primary,.action-row .secondary,.action-row .ghost{width:100%}}@media (min-width:761px) and (max-width:1100px){.workspace{margin-left:220px;padding-inline:24px}.sidebar-nav{width:220px}.compact-grid,.asset-grid{grid-template-columns:repeat(3,minmax(130px,1fr))}.asset-grid{column-width:170px}.template-detail{grid-template-columns:1fr;max-width:720px}.template-preview-panel,.template-create-panel{width:100%}}@media (min-width:1280px){.workspace{width:calc(100vw - 248px);max-width:none;padding-inline:clamp(32px,3vw,72px)}.hero-stack{grid-template-columns:minmax(360px,.72fr) minmax(640px,1fr)}.compact-grid,.asset-grid{grid-template-columns:repeat(6,minmax(140px,1fr))}.asset-grid{column-width:180px}.template-detail{grid-template-columns:minmax(420px,520px) minmax(460px,620px)}}@media (min-width:1600px){.workspace{padding-inline:clamp(44px,4vw,96px)}.asset-grid{grid-template-columns:repeat(7,minmax(150px,1fr))}.template-section .compact-grid{grid-template-columns:repeat(6,minmax(180px,1fr))}.asset-grid{column-width:190px}.hero-stack{grid-template-columns:minmax(420px,.75fr) minmax(760px,1fr);min-height:520px}.stack-card{width:240px}.stack-1{right:310px}.stack-2{right:170px}.stack-3{right:42px}.stack-4{right:210px}}@media (min-width:2100px){.asset-grid{grid-template-columns:repeat(8,minmax(160px,1fr))}.template-section .compact-grid{grid-template-columns:repeat(6,minmax(220px,1fr))}.asset-grid{column-width:200px}}body{background:radial-gradient(circle at 18% -6%,#ff82d838,#0000 30%),radial-gradient(circle at 96% 2%,#7ee4d429,#0000 28%),linear-gradient(#fff 0%,#fbf8fc 42%,#f7f3f9 100%)}.sidebar-nav{background:#ffffffe6;border-right:1px solid #e4d8ebb8;box-shadow:18px 0 45px #2812320b}.brand{border-radius:18px}.brand-mark{background:#17101d;border-radius:16px;box-shadow:0 12px 30px #d70fc938}.brand strong{letter-spacing:.01em}.side-menu{gap:6px}.sidebar-nav .nav-item{color:#66566e;font-weight:850;transition:background .18s,color .18s,box-shadow .18s,transform .18s}.sidebar-nav .nav-item:hover{color:#9f0a91;background:#d70fc912;transform:translate(2px)}.sidebar-nav .nav-item.active{color:#8d087f;background:linear-gradient(135deg,#d70fc921,#ff82d81f);box-shadow:inset 0 0 0 1px #d70fc91a}.sidebar-actions .language-picker select,.sidebar-actions .language-picker-trigger,select,input,textarea{background-color:#fffffff0;border:1px solid #d8c9e1eb;box-shadow:inset 0 1px #ffffffe6}.language-picker-trigger{transition:transform .18s,box-shadow .18s,border-color .18s}.language-picker-trigger:hover{border-color:#d70fc942;transform:translateY(-1px);box-shadow:0 10px 24px #28123213}.sidebar-actions .coin-balance{border-color:#e4d8ebc7}.coin-balance strong{color:#98118e}.primary,.secondary,.ghost,.coin-pill,.login-button{transition:transform .18s,box-shadow .18s,background .18s,border-color .18s}.primary{background:linear-gradient(135deg,#cc13bd 0%,#f86dcc 100%);box-shadow:0 14px 30px #d70fc938}.primary:hover{background:linear-gradient(135deg,#b80dac 0%,#f35fc5 100%);transform:translateY(-1px);box-shadow:0 16px 34px #d70fc945}.secondary,.ghost{color:#37233e;background:#ffffffd6;border:1px solid #d8c9e1e6}.secondary:hover,.ghost:hover{background:#fff;border-color:#d70fc942;transform:translateY(-1px);box-shadow:0 10px 24px #28123213}.login-button{color:#96108a;background:#ffffffdb;border:1px solid #d70fc938;border-radius:999px;min-height:44px;padding:0 16px;font-weight:900}.login-button:hover{background:#fff;border-color:#d70fc961;transform:translateY(-1px);box-shadow:0 12px 28px #2a12341a}.toolbar,.section-head{padding-bottom:4px}.toolbar h2,.section-head h2{color:#201427;letter-spacing:0}.view{animation:.22s both viewFade}@keyframes viewFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes sweetu-spin{to{transform:rotate(360deg)}}@keyframes authStepIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.auth-choice-panel,.auth-email-panel,.auth-code-panel{animation:none}}.card,.detail-panel,.form-panel,.empty-state,.preview-large,.work-preview,.progress-card,.canvas-preview,.menu-item,.price-card,.ledger-row,.template-preview-panel,.template-create-panel,.download-panel,.wallet-panel{background:#ffffffe0;border-color:#e0d3e9db;box-shadow:0 18px 46px #2a123413}.card,.template-card,.asset-card,.related-card,.menu-item,.ledger-row{transition:transform .18s,box-shadow .18s,border-color .18s}.template-card:hover,.asset-card:hover,.related-card:hover,.menu-item:hover{border-color:#d70fc938;transform:translateY(-4px);box-shadow:0 20px 48px #2a123421}.template-card:hover,.asset-card:hover{transform:none}.template-page .template-card,.asset-card{background:#121018;border:1px solid #ffffffdb;border-radius:18px;overflow:hidden}.template-page .template-card .meta,.asset-card .meta{background:linear-gradient(#0000 0%,#0000002e 22%,#000000c2 100%)}.template-page .template-card strong,.asset-card strong{text-shadow:0 2px 10px #00000057}.template-page .related-template-card.active{border-color:#d70fc99e;box-shadow:0 0 0 3px #d70fc924,0 20px 48px #2a123421}.related-card{color:var(--ink);background:#ffffffe6;border:1px solid #e0d3e9db;border-radius:18px;overflow:visible;box-shadow:0 12px 28px #2a123412}.related-card.active{background:#fff;border-color:#d70fc99e;box-shadow:0 0 0 3px #d70fc91a,0 16px 34px #2a12341a}.related-card strong{color:var(--ink);text-shadow:none}.thumb{filter:saturate(1.04)contrast(1.02);transform-origin:50%;transition:transform .28s,filter .28s}.template-media{transform-origin:50%;transition:transform .28s,filter .28s}.template-card:hover .thumb,.asset-card:hover .thumb,.related-card:hover .thumb,.stack-card:hover .featured-bg{filter:saturate(1.1)contrast(1.04);transform:scale(1.035)}.template-card:hover .template-media,.asset-card:hover .template-media,.related-card:hover .template-media,.stack-card:hover .template-media{transform:scale(1.035)}.type-badge,.status-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff61;box-shadow:0 10px 22px #00000029}.type-badge{background:#130d18b8}.status-badge.completed{background:#7ee4d4eb}.status-badge.processing{background:#ff82d8f0}.status-badge.failed{background:#e5484df0}.hero-stack{background:radial-gradient(circle at 76% 20%,#ff82d854,#0000 28%),radial-gradient(circle at 96% 84%,#7ee4d429,#0000 24%),linear-gradient(135deg,#100c15 0%,#25102f 58%,#3c1645 100%);border:1px solid #ffffff24;border-radius:30px;box-shadow:0 28px 72px #2612362e}.hero-stack:before{opacity:.1;filter:blur(1px)saturate(1.1)}.hero-stack-copy strong{text-shadow:0 16px 34px #0000003d}.hero-stack-copy span{background:#ffffff1f;border:1px solid #ffffff29}.stack-card{border-radius:22px;box-shadow:0 26px 60px #00000057}.banner-arrow{background:#ffffff24;border:1px solid #fff3;box-shadow:0 12px 28px #0003}.banner-arrow:hover{background:#ffffff3d}.template-preview-panel,.template-create-panel{border-radius:26px}.template-preview,.result-media,.asset-preview-media{box-shadow:0 22px 54px #150a1c2e}.upload-drop,.upload-slot,.param-card{background:#ffffffbd;border-color:#d8c9e1e6}.upload-drop:hover,.upload-slot:hover{background:#fff6fddb;border-color:#d70fc952}.result-stage{background:linear-gradient(#ffffffe6,#ffffffc7),radial-gradient(circle at 50% 0,#ff82d81f,#0000 32%);border:1px solid #e0d3e9e6;box-shadow:inset 0 1px #fffffff2,0 20px 54px #2a123414}.result-actions .action-row button{justify-content:flex-start}.progress-card{color:var(--ink);background:radial-gradient(circle at 50% 18%,#ff82d829,#0000 32%),#ffffffe6}.progress-card h2{color:var(--ink)}.progress-card p{color:var(--muted)}.progress-card .making-meta{color:#3f2b47;background:#ffffffc7;border:1px solid #e0d3e9db;border-radius:14px;justify-content:center;width:min(520px,100%);margin:0 0 8px;padding:10px 14px;font-weight:900;display:inline-flex}.progress-card .spinner{border-color:#d70fc924;border-top-color:var(--accent)}.progress-card .progress-track{background:#d70fc91f;box-shadow:inset 0 0 0 1px #d70fc90d}.work-preview.diy-preview{background-color:#0000;background-image:radial-gradient(circle at 78% 8%,#ff82d833,#0000 30%),linear-gradient(#fffffff0,#ffffffd1);background-position:50%;background-repeat:repeat,repeat;background-size:auto;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.diy-layout{grid-template-columns:1fr}.diy-layout .diy-preview{display:none}.diy-layout .form-panel{width:100%;max-width:none}.diy-layout .param-grid{grid-template-columns:repeat(3,minmax(180px,1fr))}.diy-layout .upload-grid.upload-count-2{grid-template-columns:repeat(2,minmax(220px,1fr))}.diy-layout .upload-grid.upload-count-3{grid-template-columns:repeat(3,minmax(180px,1fr))}.wallet-layout{align-items:start}.wallet-panel,.download-panel{border-radius:26px}.store-button{color:#fff;background:linear-gradient(#ffffff14,#fff0),#15101c;border:1px solid #ffffff1a;min-height:58px;transition:transform .18s,box-shadow .18s,border-color .18s;box-shadow:0 16px 34px #15101c2e}.store-button:hover{border-color:#ff82d857;transform:translateY(-2px);box-shadow:0 18px 38px #15101c3d}.store-button .store-icon{object-fit:contain;width:30px;height:30px;display:block}.store-button strong{color:#fff;letter-spacing:.01em;font-size:14px}.wallet-layout{grid-template-columns:minmax(0,1fr);gap:16px}.wallet-panel{gap:28px;width:100%;max-width:none}.wallet-summary{border-bottom-color:#e0d3e9c7;gap:16px;padding:0 0 26px}.wallet-balance-card{background:linear-gradient(135deg,#fffffff0,#fff4fdc7 46%,#eefffcc7),#fff;border:1px solid #ffffffc2;border-radius:24px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(16px,3vw,26px);padding:clamp(20px,4vw,34px);display:grid;position:relative;overflow:hidden;box-shadow:0 20px 54px #2a12341a}.wallet-balance-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#ff82d842,#0000 66%);border-radius:999px;width:210px;height:210px;position:absolute;inset:auto -62px -92px auto}.wallet-coin-mark{aspect-ratio:1;object-fit:contain;border-radius:999px;width:clamp(48px,6vw,68px);height:auto;display:block;position:relative;box-shadow:0 18px 34px #ff914b33}.wallet-coin-mark:before{content:none}.wallet-balance-copy{z-index:1;min-width:0;position:relative}.wallet-balance-copy h2{color:var(--ink);letter-spacing:0;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(44px,7vw,72px);font-weight:950;line-height:.92}.wallet-balance-copy p:last-child{color:var(--muted);margin:9px 0 0;font-size:15px;font-weight:800}.wallet-notice{color:#7a4b00;background:#fff8e7;border:1px solid #ffbe5861;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin:0;padding:16px;line-height:1.55;display:grid}.wallet-notice strong,.wallet-notice span{display:block}.wallet-notice strong{color:#684005;font-size:15px;line-height:1.35}.wallet-notice span{color:#8b4f09;margin-top:6px;font-size:13px;font-weight:950}.wallet-notice p{color:#7a4b00;margin:4px 0 0;font-size:13px}.wallet-store-buttons{grid-template-columns:repeat(2,minmax(130px,1fr));min-width:min(100%,300px)}.wallet-store-buttons .store-button{border-radius:14px;min-height:50px}.wallet-store-buttons .store-button strong{color:#fff}.wallet-store-buttons .store-icon{object-fit:contain;border-radius:9px;width:30px;height:30px;display:block}.wallet-ledger-section{gap:16px;display:grid}.wallet-section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.wallet-section-heading h2{margin:0;font-size:22px;line-height:1.2}.wallet-section-heading span{min-width:34px;height:34px;color:var(--accent);font-variant-numeric:tabular-nums;background:#d70fc91a;border-radius:999px;place-items:center;font-size:13px;font-weight:900;display:inline-grid}.coin-ledger{gap:12px}.ledger-row{background:#ffffffeb;border-color:#e0d3e9d1;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;min-height:76px;padding:14px 16px;box-shadow:0 10px 26px #2a12340e}.ledger-row:hover{border-color:#d70fc92e;box-shadow:0 14px 32px #2a123417}.ledger-row>span:not(.ledger-direction-mark){min-width:0}.ledger-row>span:not(.ledger-direction-mark) strong{overflow-wrap:anywhere;color:var(--ink);font-size:15px;line-height:1.35;display:block}.ledger-row small{margin-top:6px;font-size:12px}.ledger-direction-mark{font-variant-numeric:tabular-nums;background:#74677b1a;border-radius:14px;place-items:center;width:38px;height:38px;font-size:22px;font-weight:900;line-height:1;display:grid}.ledger-row.in .ledger-direction-mark{color:#138a52;background:#138a521a}.ledger-row.out .ledger-direction-mark{color:#c2413b;background:#c2413b1a}.ledger-row.neutral .ledger-direction-mark{color:var(--muted)}.coin-record-amount{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:19px}.empty-ledger{min-height:170px;color:var(--muted);background:#ffffff9e;border:1px dashed #e0d3e9f5;border-radius:18px;place-items:center;font-weight:850}.coin-ledger-state{background:#ffffffad;border-radius:18px}.asset-grid .asset-card{break-inside:avoid}.auth-layout{grid-template-columns:minmax(360px,.9fr) minmax(360px,470px);align-items:center;gap:clamp(28px,5vw,72px);min-height:calc(100vh - 120px);display:grid;position:relative}.auth-layout:before{aspect-ratio:1;content:"";pointer-events:none;background:radial-gradient(circle,#ff82d833,#0000 66%);border-radius:50%;width:min(420px,42vw);position:absolute;inset:8% auto auto 8%}.auth-copy,.auth-card{position:relative}.auth-copy h2{max-width:560px;margin-bottom:16px;font-size:clamp(48px,5.6vw,78px);line-height:.95}.auth-copy p:not(.eyebrow){max-width:520px;color:var(--muted);font-size:18px;line-height:1.65}.auth-benefits{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.auth-benefits span{color:#584260;background:#ffffffb8;border:1px solid #d70fc91f;border-radius:999px;padding:9px 12px;font-size:13px;font-weight:900;box-shadow:0 10px 24px #2a12340d}.auth-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:radial-gradient(circle at 88% 4%,#7ee4d42e,#0000 32%),radial-gradient(circle at 6% 0,#ff82d842,#0000 36%),linear-gradient(#fffffff0,#ffffffd1);border:1px solid #ffffffc2;border-radius:32px;gap:18px;padding:30px;display:grid;overflow:hidden;box-shadow:0 30px 80px #2a123426}.auth-modal-overlay{z-index:2100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04060c61;width:100dvw;min-height:100dvh;overflow-x:hidden}.auth-modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}.auth-modal-shell{z-index:1;border-radius:34px;width:min(100dvw - 40px,740px);max-height:calc(100dvh - 32px);position:relative;overflow:visible}.auth-modal-layout{min-height:auto;padding:0;display:block}.auth-modal-layout:before,.auth-modal-layout .auth-copy{display:none}.auth-modal-card{background:radial-gradient(circle at 50% -16%,#ff82d857,#0000 35%),radial-gradient(circle at 100% 12%,#7ee4d43d,#0000 30%),linear-gradient(#fffffff5,#ffffffe0);border:1px solid #ffffffb8;border-radius:34px;min-height:auto;padding:clamp(38px,5.4vw,58px) clamp(24px,4.5vw,42px);box-shadow:0 36px 100px #24092e57}.auth-card-head{padding-right:44px;position:relative}.auth-modal-card .auth-card-head{text-align:center;justify-items:center;gap:12px;max-width:500px;margin:0 auto 28px;padding:0 48px;display:grid;position:static}.auth-modal-close{color:#1f1626b8;position:absolute;top:25px;right:25px}.auth-modal-close:hover{color:var(--accent);background:#d70fc914;border-color:#d70fc947}.account-modal-overlay{z-index:2080}.account-modal-shell{z-index:1;background:radial-gradient(circle at 12% 12%,#ff82d82e,#0000 34%),radial-gradient(circle at 92% 4%,#7ee4d421,#0000 30%),#090d15;border:1px solid #ffffff24;border-radius:24px;width:min(100vw - 48px,540px);max-height:calc(100dvh - 32px);position:relative;overflow:auto;box-shadow:0 34px 100px #00000094}.account-modal-content{display:block}.account-modal-panel{box-shadow:none;background:linear-gradient(#fffffffa,#ffffffe6),radial-gradient(circle at 86% 0,#ff82d829,#0000 36%);border:0;border-radius:24px;margin:0}.account-modal-head{justify-content:flex-end;align-items:center;gap:14px;margin-bottom:14px;display:flex}.account-modal-head .eyebrow{margin:0}.account-modal-close{color:#1f1626b8}.account-modal-close:hover{color:var(--accent);background:#d70fc914;border-color:#d70fc947}.language-modal-shell{background:radial-gradient(circle at 92% 0,#7ee4d42e,#0000 32%),radial-gradient(circle at 8% 0,#ff82d838,#0000 36%),linear-gradient(#fffffff7,#ffffffe6);border:1px solid #ffffffbd}.language-modal-close{color:#1f1626b8;background:#ffffffd6;border-color:#d8c9e1eb}.language-modal-close:hover{color:var(--accent);background:#d70fc914;border-color:#d70fc947}.language-option{transition:transform .18s,box-shadow .18s,border-color .18s,background .18s}.language-option:hover{border-color:#d70fc93d;transform:translateY(-1px);box-shadow:0 12px 26px #28123214}.language-option.selected{box-shadow:inset 0 0 0 1px #d70fc914}.auth-card-head{align-items:center;gap:12px;margin-bottom:6px;display:flex}.auth-card-head strong,.auth-card-head small{display:block}.auth-card-head strong{white-space:nowrap;font-size:18px;line-height:1.15}.auth-card-head small{color:var(--muted);margin-top:2px;font-size:12px;font-weight:800}.auth-modal-card .auth-card-head strong{letter-spacing:0;white-space:nowrap;font-size:clamp(30px,4vw,44px)}.auth-modal-card .auth-card-head small{max-width:410px;margin:10px auto 0;font-size:15px;font-weight:750;line-height:1.6}.auth-logo{background:#15101c;border-radius:16px;place-items:center;width:46px;height:46px;display:grid;overflow:hidden;box-shadow:0 12px 28px #d70fc933}.auth-modal-card .auth-logo{border-radius:20px;width:62px;height:62px;box-shadow:0 18px 34px #d70fc93d,0 0 0 10px #d70fc90f}.auth-logo img{object-fit:cover;width:100%;height:100%}.auth-step-frame{width:min(100%,430px);margin:0 auto;display:grid}.auth-choice-panel,.auth-email-panel,.auth-code-panel{gap:14px;animation:.24s ease-out both authStepIn;display:grid}.auth-email-panel{gap:18px}.auth-code-panel{gap:14px}.auth-provider{min-height:60px;color:var(--ink);text-align:left;background:#ffffffb8;border:1px solid #d8c9e1d1;border-radius:18px;justify-content:center;align-items:center;gap:12px;padding:0 14px;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:flex;box-shadow:inset 0 1px #ffffffb8}.auth-provider:not(:disabled):hover{background:#fff;border-color:#d70fc93d;transform:translateY(-2px);box-shadow:0 16px 34px #2a12341a}.auth-provider:disabled{opacity:.74}.auth-provider strong{text-align:center;flex:1}.auth-provider-google,.auth-provider-email{width:min(100%,400px);min-height:60px;color:var(--ink);cursor:pointer;background:#ffffffb8;border-color:#d8c9e1d1;border-radius:18px;padding:0 14px;box-shadow:inset 0 1px #ffffffb8}.auth-provider-google:not(:disabled):hover,.auth-provider-email:not(:disabled):hover{background:#fff;border-color:#d70fc93d;transform:translateY(-2px);box-shadow:0 16px 34px #2a12341a}.auth-provider-google strong,.auth-provider-email strong{text-align:center;flex:0 auto;font-size:14px;font-weight:600}.auth-email-entry-panel .auth-divider{margin-top:4px}.auth-google-icon-button{background:#fff;border:1px solid #4285f426;border-radius:999px;justify-self:center;place-items:center;width:54px;height:54px;display:grid;box-shadow:inset 0 1px #ffffffdb,0 14px 30px #2a12341a}.auth-google-icon-button:disabled{opacity:.82}.auth-google-icon-button .google-mark{width:100%;height:100%}.google-mark{background:conic-gradient(from -42deg, #4285f4 0 25%, #34a853 25% 42%, #fbbc05 42% 65%, #ea4335 65% 82%, #4285f4 82% 100%);color:#0000;width:22px;height:22px;box-shadow:none;border-radius:50%;flex:none;font-size:0;display:block;position:relative}.google-mark:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:5px}.google-mark:after{content:"";background:#4285f4;width:11px;height:5px;position:absolute;bottom:8px;right:0}.email-mark{object-fit:contain;width:22px;height:22px;display:block}.auth-back-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:20px;height:20px}.auth-divider{color:var(--muted);text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;font-size:12px;font-weight:900;display:grid}.auth-divider:before,.auth-divider:after{content:"";background:linear-gradient(90deg,#0000,#d70fc933,#0000);height:1px}.auth-back-button{color:#96108a;background:#d70fc912;border-radius:999px;justify-self:start;align-items:center;gap:6px;min-height:38px;padding:0 10px 0 6px;font-size:13px;font-weight:900;transition:background .18s,transform .18s;display:inline-flex}.auth-back-button:hover{background:#d70fc91f;transform:translate(-1px)}.auth-field input{appearance:none;width:min(100%,400px);height:60px;min-height:60px;color:var(--ink);background:#ffffffc2;border:1px solid #d8c9e1eb;border-radius:18px;outline:none;padding:19px 20px;font-size:15px;font-weight:600;line-height:1.25;transition:border-color .18s,box-shadow .18s,background .18s;box-shadow:inset 0 1px #fffc}.auth-field{color:#4b3855;justify-items:stretch;gap:12px;font-size:13px;font-weight:900;display:grid}.auth-field input:focus{background:#fff;border-color:#d70fc975;box-shadow:inset 0 1px #fffc}.auth-field input:focus-visible{outline:none}.code-input-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.auth-code-input{min-width:0;font-family:var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;letter-spacing:.22em;font-size:20px;font-weight:600}.auth-code-input:placeholder-shown{letter-spacing:0;font-family:inherit;font-size:15px}.code-button{white-space:nowrap;border-radius:20px;place-items:center;width:64px;min-width:64px;height:64px;min-height:64px;padding:0;display:inline-grid}.send-code-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:22px;height:22px}.auth-button-spinner{border:2px solid;border-top-color:#0000;border-radius:999px;width:18px;height:18px;animation:.8s linear infinite sweetu-spin;display:inline-block}.auth-submit{border-radius:18px;width:min(100%,400px);min-height:60px;font-size:15px;font-weight:950}.auth-message{border-radius:14px;margin:0;padding:11px 13px;font-size:13px;font-weight:800;line-height:1.45}.auth-message.error{color:#a31620;background:#e5484d1a}.auth-message.success{color:#146d62;background:#7ee4d429;font-size:12px;font-weight:750}.auth-card .notice{color:#756779;background:#ffffff8f;border-radius:16px;margin:2px 0 0;line-height:1.55}.account-summary{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;margin-bottom:18px;display:flex}.account-summary img,.account-summary>span{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;object-fit:cover;border-radius:18px;flex:none;place-items:center;width:58px;height:58px;font-size:24px;font-weight:950;display:grid}.account-summary h2{overflow-wrap:anywhere;margin-bottom:4px}.account-summary p{color:var(--muted);overflow-wrap:anywhere;margin:0}.account-identity{width:100%}.account-identity p{color:var(--ink);font-weight:850}.account-info-list{gap:10px;margin:22px 0;display:grid}.account-info-list div{background:#ffffffc7;border:1px solid #1f162614;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;display:flex}.account-info-list dt{color:var(--muted);font-size:13px}.account-info-list dd{color:var(--ink);text-align:right;overflow-wrap:anywhere;margin:0;font-weight:850}.account-actions{display:grid}.account-logout-button{background:var(--danger);color:#fff;text-align:center;cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;width:100%;min-height:52px;font-weight:900;transition:background .18s,transform .18s,box-shadow .18s;display:inline-flex}.account-logout-button:hover{background:#c93036;transform:translateY(-1px);box-shadow:0 16px 34px #e5484d3d}.menu-item.danger{color:#a31620}.inspector-login{width:100%;margin-top:8px}@media (max-width:760px){.sidebar-nav{box-shadow:18px 0 40px #2812321f}.sidebar-nav .nav-item:hover{transform:none}.hero-stack,.template-preview-panel,.template-create-panel,.wallet-panel,.download-panel{border-radius:22px}.wallet-layout{grid-template-columns:1fr;gap:16px}.wallet-panel{gap:22px}.wallet-balance-card{grid-template-columns:auto minmax(0,1fr);gap:14px;padding:22px}.wallet-coin-mark{width:48px}.wallet-balance-copy h2{overflow-wrap:anywhere;font-size:clamp(32px,11vw,44px)}.wallet-notice{grid-template-columns:1fr}.wallet-store-buttons{grid-template-columns:1fr;min-width:0}.wallet-section-heading h2{font-size:20px}.ledger-row{grid-template-columns:36px minmax(0,1fr);gap:12px}.ledger-direction-mark{width:36px;height:36px}.coin-record-amount{grid-column:2;justify-self:start;margin-top:-4px;font-size:18px}.auth-layout{grid-template-columns:1fr;min-height:auto}.auth-layout:before{width:280px;inset:-40px auto auto -80px}.auth-copy h2{font-size:38px}.auth-card{border-radius:24px;padding:20px}.auth-modal-card{padding:38px 28px}.auth-modal-card .auth-card-head{padding:0}.auth-modal-card .auth-card-head strong{font-size:clamp(24px,7.2vw,34px)}.auth-modal-card .auth-logo,.auth-modal-close{display:none}.auth-modal-shell{border-radius:24px;width:min(100dvw - 28px,620px);max-width:calc(100dvw - 28px);max-height:calc(100dvh - 28px)}.auth-modal-layout{grid-template-columns:1fr;gap:20px;padding:20px}.auth-modal-layout .auth-copy h2{font-size:34px}.auth-modal-layout .auth-copy p:not(.eyebrow){font-size:15px;line-height:1.55}.account-modal-shell{border-radius:24px;width:min(100%,540px);max-height:calc(100dvh - 28px)}.account-modal-panel{padding:20px}.auth-field input,.auth-submit{border-radius:18px;height:60px;min-height:60px}.auth-field input{padding:19px 16px;font-size:16px}.code-input-row{grid-template-columns:minmax(0,1fr) max-content;gap:8px}.auth-code-input{padding-inline:14px}.auth-code-input:placeholder-shown{font-size:16px}.code-button{align-self:center;width:56px;min-width:56px;height:56px;min-height:56px;padding-inline:0}.diy-preview{min-height:auto;padding:18px;position:static}.diy-layout .param-grid,.diy-layout .upload-grid.upload-count-2,.diy-layout .upload-grid.upload-count-3{grid-template-columns:1fr}.preview-frame{width:min(220px,100%)}}.ai-video-workspace{--ai-workspace-panel-height:calc(100svh - 166px);color:var(--ink);grid-template-columns:minmax(360px,450px) minmax(320px,1fr) minmax(240px,280px);align-items:start;gap:16px;display:grid}.ai-video-form-panel,.ai-video-preview-panel,.ai-video-history-panel{background:radial-gradient(circle at 88% 0,#ff82d821,#0000 30%),linear-gradient(#fffffff5,#fbf8fde6);border:1px solid #e0d3e9eb;box-shadow:0 18px 46px #2a123413}.ai-video-form-panel{height:var(--ai-workspace-panel-height);max-height:var(--ai-workspace-panel-height);min-height:min(520px, var(--ai-workspace-panel-height));border-radius:30px;align-content:start;gap:22px;min-width:0;padding:22px;display:grid;overflow-y:auto}.ai-video-section-label,.ai-video-model-picker>label,.ai-video-field>label,.ai-video-segment-field>span,.ai-video-history-panel>p{color:#8e7b96;letter-spacing:.28em;text-transform:uppercase;margin:0;font-size:12px;font-weight:900}.ai-video-model-picker,.ai-video-field,.ai-video-segment-field{gap:10px;min-width:0;display:grid}.ai-video-model-picker{z-index:5;position:relative}.ai-video-model-trigger,.ai-video-model-option,.ai-video-dropzone,.ai-video-prompt,.ai-video-segment-group{background:#ffffffc7;border:1px solid #e0d3e9eb;box-shadow:inset 0 1px #ffffffd6}.ai-video-model-trigger{width:100%;min-width:0;min-height:62px;color:inherit;text-align:left;border-radius:18px;grid-template-columns:minmax(0,1fr) 24px;align-items:center;column-gap:16px;padding:12px 16px 12px 18px;transition:border-color .18s,background .18s,box-shadow .18s;display:grid}.ai-video-model-trigger:hover:not(:disabled),.ai-video-model-option:hover{background:#fff;border-color:#d70fc93d;box-shadow:0 12px 28px #2a123414}.ai-video-model-copy,.ai-video-history-item>span{gap:6px;min-width:0;display:grid}.ai-video-model-trigger strong,.ai-video-model-option strong,.ai-video-history-item strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:900;overflow:hidden}.ai-video-model-trigger small,.ai-video-model-option small,.ai-video-history-item small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.35;overflow:hidden}.ai-video-model-trigger>i{border-bottom:1.5px solid #9e8ba8;border-right:1.5px solid #9e8ba8;justify-self:center;width:8px;height:8px;transition:transform .18s;display:block;transform:rotate(45deg)translateY(-2px)}.ai-video-model-trigger.loading>i{border:2px solid #d70fc92e;border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite sweetu-spin;transform:none}.ai-video-model-trigger[aria-expanded=true]>i{transform:rotate(225deg)translateY(-2px)}.ai-video-model-trigger.loading[aria-expanded=true]>i{transform:none}.ai-video-model-menu{z-index:20;background:#fffffff5;border:1px solid #e0d3e9eb;border-radius:18px;display:grid;position:absolute;top:calc(100% + 10px);left:0;right:0;overflow:hidden;box-shadow:0 16px 34px #2a12341a}.ai-video-model-option{min-height:58px;color:inherit;text-align:left;border-width:0;border-radius:0;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:14px;padding:13px 16px;display:grid}.ai-video-model-option.selected{background:#d70fc914}.ai-video-radio{background:#fff;border:1px solid #8e7b967a;border-radius:50%;width:16px;height:16px;margin-left:2px}.ai-video-model-option.selected .ai-video-radio{border:5px solid var(--accent)}.ai-video-dropzone{min-width:0;min-height:180px;color:var(--ink);text-align:center;border-style:dashed;border-radius:22px;place-items:center;gap:8px;padding:22px;transition:border-color .18s,background .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden}.template-upload-grid{gap:14px;min-width:0;min-height:0;display:grid}.template-upload-count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.template-upload-grid .ai-video-dropzone{height:100%}.template-upload-count-2 .ai-video-dropzone{min-height:170px;padding:18px}.template-upload-count-2 .ai-video-dropzone.has-preview{min-height:190px;padding:0}.ai-video-dropzone:hover:not(:disabled){background:#fff;border-color:#d70fc95c;box-shadow:0 14px 32px #2a123414}.ai-video-dropzone:disabled{cursor:progress}.ai-video-dropzone-content{justify-items:center;gap:8px;width:min(100%,280px);display:grid}.ai-video-dropzone.has-preview{background:#ffffffc7;border-style:solid;min-height:210px;padding:0}.ai-video-dropzone img,.ai-video-preview-panel>img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.ai-video-dropzone img{background:0 0}.ai-video-preview-panel>img{background:#1d1621}.ai-video-upload-icon{width:30px;height:30px;color:var(--accent);position:relative}.ai-video-upload-icon:before,.ai-video-upload-icon:after{content:"";position:absolute}.ai-video-upload-icon:before{border-top:2px solid;border-left:2px solid;width:12px;height:12px;top:4px;left:9px;transform:rotate(45deg)}.ai-video-upload-icon:after{border-bottom:2px solid;border-left:2px solid;border-right:2px solid;border-radius:0 0 5px 5px;width:18px;height:10px;bottom:3px;left:6px}.ai-video-dropzone strong{color:var(--ink);font-size:14px;font-weight:900}.ai-video-dropzone small{color:var(--muted);font-size:12px}.ai-video-upload-overlay,.ai-video-preview-progress{z-index:2;color:#fff;background:#1d1621db;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.ai-video-media-loading{color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb8}.ai-video-media-loading .asset-loading-spinner{border-color:#d70fc92e;border-top-color:var(--accent)}.ai-video-media-loading strong{color:var(--ink);font-size:13px;font-weight:900}.ai-video-upload-overlay i{border:3px solid #ffffff47;border-top-color:#fff;border-radius:50%;width:22px;height:22px;animation:.8s linear infinite sweetu-spin}.ai-video-upload-overlay strong,.ai-video-upload-overlay small{z-index:1;color:#fff;text-shadow:0 1px 2px #00000047;margin:0;line-height:1.35;position:relative}.ai-video-upload-overlay strong{font-size:14px;font-weight:900}.ai-video-upload-overlay small{font-variant-numeric:tabular-nums;opacity:.78;font-size:12px}.ai-video-prompt{min-width:0;min-height:120px;color:var(--ink);resize:vertical;border-radius:20px;padding:14px 16px}.ai-video-prompt:focus{border-color:#d70fc961;outline:0;box-shadow:0 0 0 4px #d70fc91f}.ai-video-segment-group{border-radius:18px;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:6px;min-width:0;padding:6px;display:grid}.ai-video-segment-group button{min-height:38px;color:var(--muted);background:0 0;border-radius:14px;font-size:12px;font-weight:900;transition:background .18s,color .18s,box-shadow .18s}.ai-video-segment-group button:hover:not(:disabled),.ai-video-segment-group button.selected{background:var(--accent);color:#fff}.ai-video-segment-group button.selected{box-shadow:0 12px 24px #d70fc92e}.ai-video-model-note,.ai-video-notice{color:var(--muted);background:#ffffffa8;border:1px solid #e0d3e9db;border-radius:16px;padding:12px 14px;font-size:12px;line-height:1.5}.ai-video-generate-button{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-radius:18px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:50px;font-weight:900;transition:opacity .18s,transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 18px 38px #d70fc938}.ai-video-generate-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 22px 48px #d70fc94d}.ai-video-preview-panel,.ai-video-history-panel{border-radius:28px;position:relative;overflow:hidden}.ai-video-preview-panel{height:var(--ai-workspace-panel-height);max-height:var(--ai-workspace-panel-height);min-height:min(520px, var(--ai-workspace-panel-height));place-items:center;display:grid}.ai-video-preview-panel.has-preview{background:radial-gradient(circle at 88% 0,#ff82d821,#0000 30%),linear-gradient(#fffffff5,#fbf8fde6);place-items:center;padding:24px}.ai-video-result-frame{width:min(100%, calc((var(--ai-workspace-panel-height) - 48px) * 3 / 4));max-width:100%;height:auto;max-height:100%}.ai-video-result-frame.portrait{width:min(100%, calc((var(--ai-workspace-panel-height) - 48px) * 9 / 16));aspect-ratio:9/16}.ai-video-result-frame.poster{aspect-ratio:3/4}.ai-video-preview-panel .asset-detail-media-frame,.ai-video-preview-panel .asset-detail-media-frame.has-media{background:radial-gradient(circle at 88% 0,#ff82d821,#0000 30%),linear-gradient(#fffffff5,#fbf8fde6)!important}.ai-video-preview-panel .asset-detail-media{object-fit:contain}.ai-video-result-frame.processing{background:#3c3f46}.ai-video-result-frame.processing:after{display:none}.ai-video-preview-more{z-index:3;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1d162194;border:1px solid #ffffff38;border-radius:999px;place-items:center;width:38px;height:38px;transition:background .18s,transform .18s;display:grid;position:absolute;top:16px;right:16px}.ai-video-preview-more:hover{background:#1d1621c7;transform:translateY(-1px)}.ai-video-preview-more svg{fill:currentColor;width:20px;height:20px}.ai-video-preview-caption{color:#ffffffc7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1d1621b8;border:1px solid #ffffff2e;border-radius:16px;gap:4px;padding:12px 14px;display:grid;position:absolute;bottom:18px;left:18px;right:18px}.ai-video-preview-caption strong{color:#fff;font-size:13px}.ai-video-preview-caption span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.ai-video-empty-state{color:#74677b8c;text-align:center;place-items:center;gap:10px;display:grid}.ai-video-empty-state strong{color:var(--muted);font-size:13px;font-weight:700;line-height:18px}.ai-video-play-empty{border-top:17px solid #0000;border-bottom:17px solid #0000;border-left:25px solid #d70fc947;width:0;height:0}.ai-video-clock-empty{border:3px solid #d70fc92e;border-radius:50%;width:30px;height:30px;position:relative}.ai-video-clock-empty:before,.ai-video-clock-empty:after{content:"";transform-origin:bottom;background:#d70fc947;border-radius:999px;width:2px;position:absolute;top:50%;left:50%}.ai-video-clock-empty:before{height:9px;transform:translate(-50%,-100%)}.ai-video-clock-empty:after{height:7px;transform:translate(-50%,-100%)rotate(120deg)}.ai-video-history-panel{height:var(--ai-workspace-panel-height);max-height:var(--ai-workspace-panel-height);min-height:min(520px, var(--ai-workspace-panel-height));grid-template-rows:auto 1fr;gap:16px;padding:20px;display:grid}.ai-video-history-panel .ai-video-empty-state{flex-direction:column;justify-content:center;align-self:stretch;align-items:center;gap:12px;min-height:0;display:flex}.ai-video-history-panel .ai-video-empty-state>span{flex:none}.ai-video-history-panel .ai-video-empty-state>strong{margin:0;display:block}.ai-video-history-list{align-content:start;gap:10px;min-height:0;display:grid;overflow-y:auto}.ai-video-history-item{width:100%;color:inherit;text-align:left;background:#ffffffb8;border:1px solid #e0d3e9db;border-radius:16px;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:10px;padding:9px;display:grid}.ai-video-history-item:hover{background:#fff;border-color:#d70fc93d;box-shadow:0 14px 32px #2a123414}.ai-video-history-item.selected{background:#fff;border-color:#d70fc96b;box-shadow:0 14px 34px #d70fc924}.ai-video-history-item:disabled{cursor:wait}.ai-video-history-item:disabled:hover{box-shadow:none;background:#ffffffb8;border-color:#e0d3e9db}.ai-video-history-thumb{border-radius:12px;width:52px;min-height:68px}.ai-video-history-item>i{color:#168f82;background:#7ee4d433;border-radius:999px;grid-column:2;width:fit-content;margin-top:2px;padding:4px 7px;font-size:10px;font-style:normal;font-weight:900}.ai-video-history-item>i.processing{color:#9c6111;background:#ffbe5c2e}.ai-video-history-item>i.failed{color:#a31620;background:#e5484d24}.ai-video-history-load-more{min-height:40px;color:var(--ink);background:#ffffffc7;border:1px solid #e0d3e9eb;border-radius:14px;font-size:12px;font-weight:900}.ai-video-history-load-more:hover:not(:disabled){background:#fff;border-color:#d70fc93d;box-shadow:0 12px 28px #2a123414}@media (max-width:1180px){.ai-video-workspace{grid-template-columns:minmax(320px,430px) minmax(300px,1fr)}.ai-video-history-panel{grid-column:1/-1;height:auto;min-height:220px;max-height:none}.ai-video-history-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width:760px){.ai-video-workspace{--ai-workspace-panel-height:min(420px, calc(100svh - 120px));grid-template-columns:1fr;width:calc(100vw - 28px);max-width:100%;min-height:auto;overflow:hidden}.ai-video-form-panel,.ai-video-preview-panel,.ai-video-history-panel{border-radius:22px;width:100%;max-width:calc(100vw - 28px)}.ai-video-model-trigger,.ai-video-model-menu,.ai-video-dropzone,.ai-video-prompt,.ai-video-segment-group,.ai-video-generate-button{max-width:100%}.template-upload-grid{gap:10px}.template-create-panel{grid-template-rows:auto auto;gap:12px}.template-create-panel>:not(.template-upload-grid):not(.make-button){display:none}.template-upload-count-2 .ai-video-dropzone{border-radius:18px;min-height:118px;padding:12px 8px}.template-upload-count-2 .ai-video-dropzone.has-preview{min-height:128px;padding:0}.ai-video-preview-panel{height:var(--ai-workspace-panel-height);max-height:var(--ai-workspace-panel-height);min-height:min(360px, var(--ai-workspace-panel-height));padding:16px}.ai-video-form-panel,.ai-video-history-panel{height:auto;min-height:0;max-height:none}.ai-video-segment-group{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}}.asset-library-card.asset-card{background:0 0;border:0;border-radius:24px;width:auto;margin:0;display:block;box-shadow:0 18px 46px #140a1a2e}.asset-library-card.asset-card:hover{border-color:#0000;transform:translateY(-2px);box-shadow:0 24px 58px #140a1a3d}.asset-library-card.asset-card:disabled{cursor:wait}.asset-library-card.asset-card:disabled:hover{transform:none;box-shadow:0 18px 46px #140a1a2e}.asset-library-card.asset-card .meta{background:linear-gradient(#0000 0%,#0000003d 28%,#000000c7 100%);gap:4px;padding:44px 14px 14px;display:grid}.asset-library-card.asset-card .meta strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.25;overflow:hidden}.asset-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}@media (min-width:900px){.asset-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}}@media (min-width:1600px){.asset-library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:901px){.asset-detail-modal,.asset-detail-modal.portrait,.asset-detail-modal.poster{--asset-detail-shell-height:min(90dvh, 860px);--asset-detail-info-width:420px;grid-template-columns:minmax(0, 1fr) minmax(340px, var(--asset-detail-info-width));width:min(calc(100vw - 48px), calc((var(--asset-detail-shell-height) * var(--asset-detail-aspect-ratio,.75)) + var(--asset-detail-info-width)));height:var(--asset-detail-shell-height)}.asset-detail-preview{place-items:center;display:grid}.asset-detail-media-frame,.asset-detail-media-frame.portrait,.asset-detail-media-frame.poster{width:min(100%, calc(var(--asset-detail-shell-height) * var(--asset-detail-aspect-ratio,.75)));height:auto;max-height:100%;aspect-ratio:var(--asset-detail-aspect-ratio,.75)}}.asset-detail-media-frame video.asset-detail-media{object-fit:contain}@media (max-width:900px){.asset-detail-overlay{padding:14px;overflow-y:auto}.asset-detail-modal,.asset-detail-modal.portrait,.asset-detail-modal.poster{border-radius:24px;grid-template-rows:auto auto;grid-template-columns:1fr;width:min(100%,620px);height:auto;max-height:calc(100dvh - 28px);display:grid;overflow:hidden}.asset-detail-preview{border-radius:24px 24px 0 0;place-items:center;height:auto;min-height:0;display:grid;overflow:hidden}.asset-detail-media-frame,.asset-detail-media-frame.portrait,.asset-detail-media-frame.poster{width:min(100%, calc((100dvh - 104px) * var(--asset-detail-aspect-ratio,.75)));height:auto;aspect-ratio:var(--asset-detail-aspect-ratio,.75)}.asset-detail-info{display:none}.asset-detail-mobile-actions{background:linear-gradient(#10131d 0%,#090d15 100%);border-top:1px solid #ffffff1a;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;display:grid}.asset-detail-mobile-actions .asset-detail-icon-button{border-radius:16px;width:100%;height:46px;min-height:46px}.asset-detail-mobile-actions .asset-detail-icon-button svg{width:20px;height:20px}}@media (max-width:620px){.asset-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.asset-library-card,.asset-library-card.asset-card{border-radius:18px}.asset-library-card .type-badge,.asset-library-card .status-badge{text-overflow:ellipsis;white-space:nowrap;max-width:calc(50% - 14px);padding:5px 7px;font-size:10px;overflow:hidden}.asset-library-card .meta,.asset-library-card.asset-card .meta{padding:36px 10px 10px}.asset-library-card .meta strong{font-size:12px}.asset-detail-close{top:12px;right:12px}.asset-detail-preview{height:auto;min-height:0}.asset-detail-stats{grid-template-columns:1fr}}.app-toast{z-index:3000;color:#f8f6fb;text-align:center;background:#121620eb;border:1px solid #ffffff24;border-radius:999px;min-width:136px;padding:12px 18px;font-size:13px;font-weight:800;line-height:1.2;position:fixed;bottom:clamp(24px,6dvh,56px);left:50%;transform:translate(-50%);box-shadow:0 16px 44px #00000057}:root{--background:#fff;--foreground:#171717}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}