@font-face{font-family:DNF Fame;src:url(/fonts/gelasio-bold-italic.ttf)format("truetype");font-style:italic;font-weight:700;font-display:block}:root{color:#f4f6fb;font-synthesis:none;background:#090b10;font-family:Microsoft YaHei,PingFang SC,sans-serif}html,body{width:100%;height:100%}body{background:#090b10;margin:0;overflow:hidden}.stage{isolation:isolate;background:radial-gradient(circle at 50% 42%,#222936 0,#11151d 40%,#090b10 72%);width:100vw;height:100dvh;min-height:560px;position:relative}.canvas{touch-action:none;cursor:grab;position:absolute;inset:0}.canvas:active{cursor:grabbing}.canvas canvas{width:100%;height:100%;display:block}.loading{color:#bec5d1;pointer-events:none;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.source-bar{z-index:4;top:max(14px,env(safe-area-inset-top));pointer-events:none;justify-content:space-between;align-items:center;gap:20px;display:flex;position:absolute;left:18px;right:18px}.source-copy{gap:3px;display:grid}.source-copy strong{font-size:14px;font-weight:700}.source-copy span{color:#9da6b5;font-size:11px}.source-copy span[data-error=true]{color:#ff8f8f}.source-form{pointer-events:auto;align-items:center;gap:7px;display:flex}.source-form label{color:#9da6b5;font-size:11px}.source-form input{color:#fff;background:#11151de6;border:1px solid #ffffff24;border-radius:4px;outline:none;width:112px;height:32px;padding:0 9px;font:12px/1 monospace}.source-form input:focus{border-color:#e6c46a}.source-form button,.upload-button,.toolbar button{color:#dce1e9;cursor:pointer;white-space:nowrap;background:#151a23dc;border:1px solid #ffffff1d;border-radius:4px;height:32px;padding:0 12px;font:12px/32px inherit}.source-form button:hover,.source-form button:focus-visible,.upload-button:hover,.toolbar button:hover,.toolbar button:focus-visible{color:#fff;background:#252c38;border-color:#e6c46a}.toolbar button:disabled{opacity:.5;cursor:wait}.role-picker{z-index:4;pointer-events:none;align-items:center;width:164px;display:flex;position:absolute;top:74px;bottom:74px;left:18px}.role-list{pointer-events:auto;gap:5px;width:100%;display:grid}.role-button{color:#aeb6c2;text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#11151db8;border:1px solid #0000;border-radius:4px;grid-template-columns:1fr auto;gap:2px 8px;width:100%;min-height:46px;padding:7px 9px;display:grid}.role-button:hover,.role-button:focus-visible{color:#fff;background:#1a202acc}.role-button[aria-pressed=true]{color:#fff;background:#20242bd9;border-color:#d7b45c}.role-button strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.role-button span{color:#e8c666;grid-area:1/2/3;align-self:center;font:700 11px/1 monospace}.role-button small{color:#8893a2;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.toolbar{z-index:4;left:50%;bottom:max(18px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0f14d9;border:1px solid #ffffff18;border-radius:6px;flex-wrap:wrap;justify-content:center;gap:6px;padding:5px;display:flex;position:absolute;transform:translate(-50%)}@media (width<=720px){.stage{min-height:480px}.source-bar{align-items:flex-start;left:12px;right:12px}.source-copy span{max-width:150px}.source-form label[for=helper-id],.source-form input#helper-id,.source-form button[type=submit]{display:none}.upload-button{align-items:center;display:inline-flex}.role-picker{width:auto;display:block;inset:auto 10px 60px;overflow-x:auto}.role-list{width:max-content;max-width:none;display:flex}.role-button{width:132px;min-height:42px}.toolbar{bottom:max(10px,env(safe-area-inset-bottom))}.toolbar button,.upload-button{height:30px;padding:0 10px;font-size:11px;line-height:30px}.canvas{inset:46px 0 102px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.loading{display:none!important}@font-face{font-family:DX Display;src:url(/fonts/gelasio-bold-italic.ttf)format("truetype");font-style:italic;font-weight:700;font-display:swap}:root{color:#edf0f5;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#090b10;font-family:Microsoft YaHei,PingFang SC,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{background:#090b10;min-width:320px;margin:0;overflow:hidden}.home-stage{background:radial-gradient(at 68% 38%,#222633 0,#11151d 38%,#090b10 76%)!important}.home-stage:before{content:"";pointer-events:none;opacity:.28;background:linear-gradient(121deg,#0000 0 32%,#dbe4ff08 32.2%,#0000 33% 61%,#b2a6dc09 61.2%,#0000 62%),radial-gradient(at 70% 44%,#6c5dbb1c,#0000 32%);position:absolute;inset:0}.home-stage:after{content:"";pointer-events:none;opacity:.1;mix-blend-mode:soft-light;background-image:radial-gradient(#fff .45px,#0000 .55px);background-size:9px 9px;position:absolute;inset:0}.home-stage .canvas{z-index:1;inset:0!important}.home-stage .canvas canvas{display:block}.home-stage .loading{z-index:5;color:#c4cbd5;font-size:12px}.home-stage .source-bar,.home-stage .role-picker{display:none!important}.home-header{z-index:6;top:max(18px,env(safe-area-inset-top));pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;left:clamp(18px,4vw,56px);right:clamp(18px,4vw,56px)}.brand{color:#f3f5f8;pointer-events:auto;align-items:center;gap:10px;text-decoration:none;display:flex}.brand-mark{color:#e8cd88;border:1px solid #d8bb6c99;place-items:center;width:31px;height:31px;font:italic 700 14px DX Display,serif;display:grid;transform:skew(-9deg)}.brand-lockup{letter-spacing:.1em;grid-template-columns:auto auto auto;align-items:baseline;column-gap:5px;font-size:13px;display:grid}.brand-lockup strong{font-size:13px;font-weight:700}.brand-lockup i{color:#c5a35b;font-style:normal}.brand-lockup span{color:#cdd3dd}.brand-lockup small{color:#657081;letter-spacing:.16em;grid-column:1/-1;font:8px/1.3 monospace}.status-meta{color:#9099a8;align-items:center;gap:7px;font-size:11px;display:flex}.status-dot{background:#86b99c;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #86b99c}.home-controls{z-index:7;left:50%;bottom:max(25px,calc(env(safe-area-inset-bottom) + 18px));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b0e14e8;border:1px solid #ffffff20;align-items:stretch;gap:6px;padding:6px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 12px 30px #0008}.control-button{color:#b8c0cc;white-space:nowrap;cursor:pointer;background:#151a23;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-width:84px;height:44px;padding:0 13px;font-size:11px;display:inline-flex}.control-button:hover,.control-button:focus-visible{color:#fff;background:#232a34;border-color:#cdb26799}.control-upload{color:#17140e;background:#c4a354;font-weight:700}.control-upload:hover{color:#17140e;background:#ddc375}.control-export{color:#e4c873;background:#27251d;border-color:#c7aa5b66;min-width:128px;font-weight:700}.control-button span:first-child{font-size:17px;line-height:1}.export-wrap{position:relative}.export-menu{background:#11151def;border:1px solid #c7aa5b66;min-width:128px;padding:5px;display:grid;position:absolute;bottom:52px;right:0;box-shadow:0 12px 28px #000b}.export-menu button{color:#b9c1cc;text-align:left;cursor:pointer;background:0 0;border:0;height:36px;padding:0 10px;font-size:11px}.export-menu button:hover{color:#e9c977;background:#282d36}.creator-mark{z-index:6;left:clamp(18px,4vw,56px);bottom:max(25px,calc(env(safe-area-inset-bottom) + 23px));color:#626d7e;letter-spacing:.08em;font:9px monospace;position:absolute}.upload-dialog,.help-dialog{color:#e9ebf0;background:#11151eee;border:1px solid #d1b36a66;width:min(470px,100vw - 32px);padding:24px;box-shadow:0 30px 80px #000a}.upload-dialog::backdrop,.help-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#03050a99}.dialog-topline{justify-content:space-between;align-items:start;display:flex}.dialog-topline button{color:#afb7c4;cursor:pointer;background:0 0;border:0;font-size:22px}.panel-kicker{color:#c4a967;letter-spacing:.22em;margin:0;font:600 10px/1.2 monospace}.upload-dialog h2,.help-dialog h2{margin:10px 0 18px;font-size:22px;font-weight:500}.dropzone{cursor:pointer;background:#0a0d14c9;border:1px dashed #8793a54f;place-items:center;gap:8px;min-height:154px;display:grid}.dropzone:hover,.dropzone.is-dragover{background:#121621;border-color:#d6b65f}.dropzone input{opacity:0;width:1px;height:1px;position:absolute}.drop-icon{color:#dfc779;border:1px solid #d5b66477;place-items:center;width:38px;height:38px;font-size:24px;display:grid}.drop-title{color:#e7eaf0;font-size:14px}.drop-hint{color:#7e8798;font-size:11px}.upload-dialog-actions{align-items:center;gap:16px;margin-top:18px;display:flex}.primary-action{color:#16140f;cursor:pointer;background:#c5a354;border:1px solid #d3b669;justify-content:space-between;align-items:center;gap:28px;min-height:42px;padding:0 16px;font-size:12px;font-weight:700;display:inline-flex}.primary-action:hover:not(:disabled){background:#e0c77b}.primary-action:disabled{color:#777f8c;cursor:not-allowed;background:#292d35;border-color:#ffffff1c}.text-action{color:#aeb7c5;cursor:pointer;background:0 0;border:0;font-size:11px}.text-action:hover{color:#e7c97a}.dialog-note{color:#6f7b8b;margin:18px 0 0;font-size:10px}.help-dialog p{color:#a2abba;font-size:13px;line-height:1.8}.guide-placeholder{background:#0b0e14;border:1px dashed #a18a5059;gap:6px;margin:20px 0;padding:24px;display:grid}.guide-placeholder span{color:#cbb16c;letter-spacing:.18em;font:10px monospace}.guide-placeholder strong{font-size:14px;font-weight:500}.guide-placeholder small{color:#727d8e;font-size:11px}.dialog-action{justify-content:center;width:100%}.export-result-dialog{color:#e9ebf0;background:#11151eee;border:1px solid #d1b36a66;width:min(420px,100vw - 32px);padding:22px;box-shadow:0 30px 80px #000a}.export-result-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#03050a99}.export-preview-frame{background:#080b11;border:1px solid #ffffff16;place-items:center;margin:4px 0 14px;padding:10px;display:grid}.export-preview-frame img,.export-preview-frame video{aspect-ratio:2/3;object-fit:contain;width:min(180px,55vw);display:block}.export-preview-frame video{background:#000}.export-result-actions{align-items:center;gap:16px;margin-top:14px;display:flex}.export-result-actions .primary-action{justify-content:center;width:100%}@media (width<=760px){.home-header{left:16px;right:16px}.status-meta{display:none}.home-controls{left:12px;right:12px;bottom:max(54px,calc(env(safe-area-inset-bottom) + 42px));grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;display:grid;transform:none}.control-button{gap:4px;width:100%;min-width:0;height:42px;padding:0 5px;font-size:10px}.control-export{grid-column:1/-1;min-width:0;height:44px}.export-menu{grid-template-columns:repeat(3,1fr);bottom:50px;left:0;right:0}.export-menu button{text-align:center}.creator-mark{left:16px;bottom:max(16px,env(safe-area-inset-bottom));font-size:8px}.upload-dialog,.help-dialog{padding:20px}.upload-dialog-actions{flex-direction:column;align-items:stretch;gap:10px}.primary-action{width:100%}}.brand-lockup{font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif}.brand-lockup small{letter-spacing:.08em;font-family:Microsoft YaHei,PingFang SC,sans-serif}.home-stage .role-picker{z-index:8;pointer-events:none;width:min(430px,100vw - 32px);top:50%;bottom:auto;left:50%;transform:translate(-50%,92px);display:flex!important}.home-stage .role-picker[hidden]{display:none!important}.home-stage .role-list{pointer-events:auto;background:#11151dea;border:1px solid #d1b36a66;gap:5px;width:100%;max-height:min(30vh,240px);padding:8px;display:grid;overflow:auto;box-shadow:0 20px 50px #000b}.home-stage .role-button{color:#c8d0dc;background:#171c26;border-color:#ffffff12;min-height:46px}.home-stage .role-button:hover,.home-stage .role-button:focus-visible{color:#fff;background:#242b36;border-color:#d1b36a99}.home-stage .role-button[aria-pressed=true]{color:#fff;background:#292c32;border-color:#d7b45c}@media (width<=760px){.home-stage .role-picker{width:min(94vw,430px);top:50%;transform:translate(-50%,82px)}.home-stage .role-list{max-height:27vh}}.home-stage .canvas{inset:0 0 124px!important}.home-controls{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-areas:"upload upload upload export export export""auto auto flip flip reset reset";gap:5px;width:min(520px,100vw - 32px);padding:6px;display:grid}.home-controls .control-button,.home-controls .export-wrap{width:100%;min-width:0}.home-controls .control-upload{grid-area:upload}.home-controls .export-wrap{grid-area:export}.home-controls #flip{grid-area:flip}.home-controls #reset{grid-area:reset}.home-controls .export-menu{right:0}@media (width<=760px){.home-stage .canvas{inset:0 0 158px!important}.home-controls{left:12px;right:12px;bottom:max(54px,calc(env(safe-area-inset-bottom) + 42px));grid-template-columns:repeat(6,minmax(0,1fr));grid-template-areas:"upload upload upload export export export""tour tour flip flip reset reset";gap:4px;width:auto;padding:4px;transform:none}.home-controls .control-button{gap:4px;height:42px;padding:0 5px;font-size:10px}.home-controls .control-export{height:42px}.home-controls .export-menu{grid-template-columns:repeat(3,1fr);bottom:50px;left:0;right:0}.home-controls .export-menu button{text-align:center}}.home-controls{grid-template-areas:"upload upload upload export export export""tour tour flip flip reset reset"}.home-controls #auto{grid-area:tour}.home-controls .control-upload,.home-controls .control-export{color:#e4c873;background:#27251d;border-color:#c7aa5b66;font-weight:700}.home-controls .control-button,.home-controls .export-wrap>.control-button{height:38px}.home-controls .control-upload,.home-controls .control-export,.home-controls .control-button span:first-child{font-size:12px}@media (width<=760px){.home-controls .control-button,.home-controls .export-wrap>.control-button{height:38px}.home-controls .control-upload,.home-controls .control-export{font-size:11px}}.brand-lockup small{letter-spacing:.035em}.home-disclaimer{z-index:6;left:50%;bottom:max(6px,env(safe-area-inset-bottom));color:#596577;text-align:center;pointer-events:none;width:min(700px,100vw - 32px);font-size:9px;line-height:1.35;position:absolute;transform:translate(-50%)}.home-stage .loading{display:none!important}.upload-dialog{position:relative;overflow:visible}.upload-guide{z-index:4;position:absolute;bottom:17px;right:24px}.upload-guide-trigger{color:#d1b56c;cursor:help;background:0 0;border:0;padding:2px 0;font-size:10px}.upload-guide-trigger:hover,.upload-guide-trigger:focus-visible{color:#f0d787;text-underline-offset:3px;text-decoration:underline}.upload-guide-preview{opacity:0;visibility:hidden;pointer-events:none;background:#0a0d14f5;border:1px solid #c7aa5b99;width:min(450px,100vw - 48px);padding:7px;transition:opacity .16s,transform .16s,visibility .16s;position:absolute;bottom:24px;right:0;transform:translateY(6px);box-shadow:0 18px 50px #000c}.upload-guide-preview img{object-fit:contain;width:100%;height:auto;max-height:min(300px,55vh);display:block}.upload-guide:hover .upload-guide-preview,.upload-guide:focus-within .upload-guide-preview,.upload-guide.is-open .upload-guide-preview{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.upload-dialog .upload-dialog-actions{padding-right:92px}.upload-guide-preview{width:min(450px,100vw - 48px);position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-54%)}.upload-guide:hover .upload-guide-preview,.upload-guide:focus-within .upload-guide-preview,.upload-guide.is-open .upload-guide-preview{transform:translate(-50%,-54%)}@media (width<=760px){.upload-guide{bottom:15px;right:20px}.upload-guide-preview{width:min(92vw,450px)}.upload-guide:hover .upload-guide-preview{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-54%)}.upload-guide:focus-within .upload-guide-preview,.upload-guide.is-open .upload-guide-preview{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-54%)}.upload-dialog .upload-dialog-actions{padding-right:0}}.home-stage .role-list-heading{color:#e4c873;letter-spacing:.08em;text-align:left;padding:2px 4px 1px;font-size:10px}.home-stage .role-list-more{border-top:1px solid #ffffff14;margin-top:2px;padding-top:4px}.home-stage .role-list-more summary{color:#9da7b6;cursor:pointer;text-align:center;padding:5px 4px;font-size:10px;list-style:none}.home-stage .role-list-more summary::-webkit-details-marker{display:none}.home-stage .role-list-more summary:before{content:"＋ ";color:#d1b36a}.home-stage .role-list-more[open] summary:before{content:"－ "}.home-stage .role-list-all{border-top:1px solid #ffffff10;gap:5px;margin-top:5px;padding-top:5px;display:grid}.home-stage .role-button.is-recommended{background:#24242a;border-color:#d1b36a66}@media (width<=760px){.home-stage .role-list-heading,.home-stage .role-list-more summary{font-size:9px}}