@import "https://fonts.googleapis.com/css2?family=Unbounded:wght@500;600;700;800&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap";:root{--teal:teal;--teal-bright:#0aa3a3;--teal-deep:#015e5e;--teal-wash:#e6f1f0;--ink:#191b1b;--ink-soft:#3d4140;--paper:#f4f2ec;--panel:#fff;--rail:#efebe2;--line:#e4e0d6;--line-soft:#eeeae1;--muted:#8c8b82;--muted-2:#a9a89f;--stage:#2c2d30;--stage-2:#242528;--amber:#c0852a;--amber-wash:#f6ecd9;--red:#c0492a;--shadow:0 1px 2px #191b1b0a, 0 8px 24px -12px #191b1b2e;--shadow-lg:0 2px 6px #191b1b0f, 0 24px 48px -20px #191b1b47}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#e9e6dd;font-family:DM Sans,system-ui,sans-serif}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#cfcabd;border-radius:20px}::-webkit-scrollbar-track{background:0 0}button{font-family:inherit}.app{background:var(--paper);flex-direction:column;height:100%;display:flex;container:app/inline-size}.topbar{background:var(--panel);border-bottom:1px solid var(--line);flex:0 0 58px;align-items:center;gap:14px;height:58px;padding:0 16px;display:flex}.mark{background:var(--teal);color:#fff;border-radius:9px;place-items:center;width:32px;height:32px;font-family:Unbounded;font-weight:700;display:grid;box-shadow:inset 0 -2px 3px #0000002e}.brand{align-items:center;gap:10px;display:flex}.wordmark{flex-direction:column;line-height:1;display:flex}.wordmark b{font-family:Unbounded;font-size:14px}.wordmark .s{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:10.5px}.ed-title{font-size:14px;font-weight:600}.spacer{flex:1}.credit-pill{background:var(--teal-wash);color:var(--teal-deep);border:1px solid #cfe6e4;border-radius:30px;align-items:center;gap:8px;padding:5px 6px 5px 12px;font-size:12.5px;font-weight:600;display:flex}.coin{background:radial-gradient(circle at 35% 30%,#0bbcbc,#007a7a);border-radius:50%;width:14px;height:14px;box-shadow:inset 0 -2px 3px #0000002e}.credit-pill .ct{color:var(--teal-deep);font-weight:500}.buy-btn{background:var(--teal);color:#fff;cursor:pointer;border:none;border-radius:30px;padding:6px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:all .18s}.buy-btn:hover{background:var(--teal-bright)}.avatar{color:#fff;background:linear-gradient(135deg,#2c2d30,#56524a);border-radius:50%;flex:0 0 32px;place-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:grid}.icon-btn{border:1px solid var(--line);background:var(--panel);cursor:pointer;width:34px;height:34px;color:var(--ink-soft);border-radius:9px;place-items:center;display:grid}.icon-btn:hover{background:#f0ece3}.icon-btn svg{width:18px;height:18px}.viewport{flex:1;min-height:0;display:flex}.lib-wrap{flex-direction:column;flex:1;min-width:0;display:flex;overflow:auto}.lib-head{flex-wrap:wrap;align-items:flex-end;gap:14px;padding:22px 26px 6px;display:flex}.lib-head h1{font-family:Unbounded;font-size:24px;font-weight:700}.lib-head .sub{color:var(--muted);margin-top:3px;font-size:12.5px}.upload-btn{background:var(--teal);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:9px 14px;font-size:12.5px;font-weight:600;transition:all .18s;display:flex}.upload-btn:hover{background:var(--teal-bright)}.upload-btn svg{stroke-width:2px;width:16px;height:16px}.filters{flex-wrap:wrap;gap:8px;padding:12px 26px 4px;display:flex}.chip{border:1px solid var(--line);background:var(--panel);cursor:pointer;color:var(--ink-soft);border-radius:20px;padding:7px 14px;font-size:12.5px}.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;padding:16px 26px 28px;display:grid}.drop-cell{background:var(--panel);cursor:pointer;min-height:168px;color:var(--muted);text-align:center;border:2px dashed #cfcabd;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:16px;transition:all .18s;display:flex}.drop-cell:hover,.drop-cell.drag{border-color:var(--teal);background:var(--teal-wash);color:var(--teal-deep)}.drop-cell svg{width:26px;height:26px}.drop-cell .t{color:var(--ink-soft);font-size:13px;font-weight:600}.drop-cell .s{font-size:11.5px}.card{background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:15px;transition:all .18s;overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card .pic{place-items:center;height:132px;display:grid;position:relative}.card .pic img{object-fit:cover;width:100%;height:100%}.card .meta{justify-content:space-between;align-items:center;padding:9px 12px;display:flex}.card .meta .nm{font-size:12.5px;font-weight:600}.card .meta .vr{color:var(--muted);font-size:11px}.st-badge{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:20px;padding:3px 8px;font-size:10px;font-weight:600;position:absolute;top:9px;left:9px}.st-badge.ready{background:#008080eb}.st-badge.raw{background:#141517b3}.st-badge.proc{background:#c0852af2}.st-badge.failed{background:#c0492af2}.f-trans{background-color:#fbfbfb;background-image:linear-gradient(45deg,#e9e9e9 25%,#0000 25%),linear-gradient(-45deg,#e9e9e9 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e9e9e9 75%),linear-gradient(-45deg,#0000 75%,#e9e9e9 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px}.f-raw{background:#ece8e0}.ed-body{flex:1;min-width:0;display:flex}.rail{background:var(--rail);border-right:1px solid var(--line);flex-direction:column;flex:0 0 86px;align-items:center;gap:4px;width:86px;padding:12px 6px;display:flex}.back-lib{color:var(--muted);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:3px;width:100%;padding:8px 0;font-size:10px;display:flex}.back-lib:hover{background:#e6e1d6}.back-lib svg{width:18px;height:18px}.rail .div{background:var(--line);width:38px;height:1px;margin:6px 0}.tool{width:100%;color:var(--ink-soft);cursor:pointer;border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:5px;padding:10px 0;font-size:10.5px;transition:all .15s;display:flex}.tool:hover{background:#e6e1d6}.tool.active{background:var(--panel);border-color:var(--line);color:var(--teal-deep);box-shadow:var(--shadow)}.tool svg{width:21px;height:21px}.stage{background:radial-gradient(120% 80% at 50% 0%, var(--stage) 0%, var(--stage-2) 100%);flex-direction:column;flex:1;min-width:0;display:flex}.stage-canvas{flex:1;place-items:center;min-height:0;padding:26px;display:grid;position:relative}.canvas-card{background:#fff;border-radius:16px;max-width:100%;max-height:100%;position:relative;overflow:hidden;box-shadow:0 30px 60px -20px #0009}.canvas-card img,.canvas-card video{object-fit:contain;max-width:min(560px,100%);max-height:56vh;display:block}.canvas-card.empty{aspect-ratio:4/5;width:min(440px,80%);color:#9b9 aa;background:repeating-conic-gradient(#3a3b3f 0% 25%,#313236 0% 50%) 50%/26px 26px;place-items:center;display:grid}.canvas-empty{color:#cfccd2;text-align:center;flex-direction:column;align-items:center;gap:12px;padding:30px;display:flex}.canvas-empty svg{opacity:.7;width:40px;height:40px}.canvas-empty .up{background:var(--teal);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:600}.badge-cut{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2;background:#141517b8;border-radius:20px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:500;display:flex;position:absolute;top:11px;left:11px}.badge-cut .d{background:#36d6c0;border-radius:50%;width:6px;height:6px}.stage-busy{z-index:5;color:#fff;background:#14151773;place-items:center;display:grid;position:absolute;inset:0}.spin{border:3px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:30px;height:30px;animation:1s linear infinite sp}@keyframes sp{to{transform:rotate(360deg)}}.lineage{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1415178c;border-top:1px solid #ffffff14;flex:none;align-items:center;gap:10px;padding:10px 14px;display:flex;overflow-x:auto}.lineage .ttl{letter-spacing:.12em;text-transform:uppercase;color:#b9b7c0;flex:none;font-size:10px}.lnode{cursor:pointer;flex-direction:column;flex:none;align-items:center;gap:5px;display:flex}.lnode .p{background:#2b2c2f;border:2px solid #0000;border-radius:11px;width:54px;height:54px;position:relative;overflow:hidden}.lnode .p img,.lnode .p video{object-fit:cover;width:100%;height:100%}.lnode.on .p{border-color:var(--teal-bright)}.lnode .c{color:#cfccd2;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:70px;font-size:10.5px;overflow:hidden}.lnode .s{border-radius:50%;place-items:center;width:14px;height:14px;display:grid;position:absolute;top:4px;right:4px}.lnode .s.ok{background:teal}.lnode .s.sp{border:2px solid var(--amber-wash);border-top-color:var(--amber);background:#fff;animation:1s linear infinite sp}.vid-tag{color:#ffd9a0;background:#0009;border-radius:5px;padding:1px 5px;font-size:9px;position:absolute;bottom:4px;left:4px}.panel{background:var(--panel);border-left:1px solid var(--line);flex-direction:column;flex:0 0 312px;width:312px;display:flex}.panel-head{padding:18px 18px 8px}.kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--teal);font-size:10.5px;font-weight:600}.panel-head h2{margin:6px 0 4px;font-family:Unbounded;font-size:18px}.panel-head p{color:var(--muted);font-size:12px;line-height:1.45}.panel-body{flex:1;padding:12px 18px;overflow:auto}.field-lbl{color:var(--ink-soft);margin:4px 0 9px;font-size:11px;font-weight:600}.swatch-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.swatch{cursor:pointer;border:2px solid #0000;border-radius:12px;overflow:hidden}.swatch.sel{border-color:var(--teal)}.swatch .th{place-items:center;height:66px;display:grid}.swatch .lb{text-align:center;background:var(--panel);padding:7px 8px;font-size:11.5px}.t-white{background:#f5f5f3}.t-grad{background:linear-gradient(150deg,#dfeeec,#9fc7c3 70%,#6fa6a1)}.t-light{background:linear-gradient(120deg,#fbf3e3,#f0dcb6)}.t-dark{background:linear-gradient(150deg,#3a3b3f,#1c1d20)}.t-life{background:linear-gradient(140deg,#e9d9c4,#c7a786 60%,#9c7b59)}.t-trans{background-color:#fff;background-image:linear-gradient(45deg,#e3e3e3 25%,#0000 25%),linear-gradient(-45deg,#e3e3e3 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e3e3e3 75%),linear-gradient(-45deg,#0000 75%,#e3e3e3 75%);background-position:0 0,0 7px,7px -7px,-7px 0;background-size:14px 14px}.opt-row,.ratios,.modes,.durs{gap:9px;display:grid}.opt-row{grid-template-columns:1fr 1fr}.ratios{grid-template-columns:1fr 1fr 1fr}.modes{grid-template-columns:1fr 1fr}.opt,.ratio,.modec{border:1.5px solid var(--line);text-align:center;cursor:pointer;color:var(--ink-soft);background:var(--panel);border-radius:11px;flex-direction:column;align-items:center;gap:6px;padding:11px 8px;font-size:12px;display:flex}.opt.sel,.ratio.sel,.modec.sel{border-color:var(--teal);background:var(--teal-wash);color:var(--teal-deep);font-weight:600}.ratio small{color:var(--muted);font-size:10px;font-weight:400;display:block}.modec svg{width:18px;height:18px}.opt .ic{border-radius:6px;width:22px;height:22px}.dur{border:1.5px solid var(--line);cursor:pointer;border-radius:12px;align-items:center;gap:11px;margin-bottom:8px;padding:10px 12px;display:flex}.dur.sel{border-color:var(--amber);background:var(--amber-wash)}.dur .len{width:34px;font-family:Unbounded;font-size:16px;font-weight:700}.dur .meta2{flex:1}.dur .meta2 .t{font-size:12.5px;font-weight:600}.dur .meta2 .s{color:var(--muted);font-size:10.5px}.panel-foot{border-top:1px solid var(--line);flex:none;padding:14px 18px}.act{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px;font-size:13.5px;font-weight:600;transition:all .18s;display:flex}.act.credit{background:var(--teal);color:#fff}.act.credit:hover{background:var(--teal-bright)}.act.money{background:var(--ink);color:#fff}.act.money:hover{background:#000}.act:disabled{opacity:.5;cursor:not-allowed}.foot-sub{text-align:center;color:var(--muted-2);margin-top:8px;font-size:10.5px}.banner{align-items:center;gap:10px;padding:10px 16px;font-size:12.5px;display:flex}.banner.warn{background:var(--amber-wash);color:#7a5a1d}.banner.err{color:#8a3320;background:#f7e3dd}.banner a{color:inherit;font-weight:700}.banner button{cursor:pointer;color:inherit;background:0 0;border:none;margin-left:auto;font-weight:700}.gate{background:radial-gradient(120% 80% at 50% 0,#f6f4ee 0%,#e9e6dd 100%);place-items:center;height:100%;padding:24px;display:grid}.gate-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-lg);text-align:center;border-radius:20px;width:100%;max-width:360px;padding:36px 32px}.gate-mark{border-radius:13px;width:46px;height:46px;margin:0 auto 18px;font-size:20px}.gate-card h1{margin-bottom:8px;font-family:Unbounded;font-size:22px}.gate-card p{color:var(--muted);margin-bottom:22px;font-size:13px;line-height:1.5}.gate-btn{background:var(--teal);color:#fff;border-radius:12px;padding:13px;font-size:14px;font-weight:600;text-decoration:none;transition:all .18s;display:block}.gate-btn:hover{background:var(--teal-bright)}@container app (width<=760px){.brand .wordmark{display:none}.rail{border-right:none;border-top:1px solid var(--line);flex-direction:row;flex:none;order:3;width:100%;padding:6px}.back-lib,.rail .div{display:none}.tool{flex:1}.ed-body{flex-direction:column}.stage{order:1;min-height:320px}.panel{border-left:none;border-top:1px solid var(--line);flex:none;order:2;width:100%;max-height:46%}.grid{grid-template-columns:1fr 1fr}}