:root{color:#f2f2f3;font-synthesis:none;--surface:#121214;--surface-raised:#19191c;--line:#29292d;--muted:#8b8b94;--accent:#e5edcb;--accent-dark:#cbd9a0;--danger:#ee8d8d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0a0a0b;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,Segoe UI,sans-serif;font-weight:400}*,:before,:after{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.42}a{color:inherit;text-decoration:none}button,input,textarea{outline:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input:focus,textarea:focus{box-shadow:0 0 0 3px #d9e8b30d;border-color:#aeb995!important}button{color:inherit}h1,h2,h3,p{margin:0}svg{flex-shrink:0}input,textarea{color:#f1f1f3;background:#101012;border:1px solid #343438;border-radius:8px;width:100%;min-width:0;padding:13px 14px;transition:border-color .2s}input::placeholder,textarea::placeholder{color:#62626c}label{color:#c5c5cb;flex-direction:column;gap:10px;font-size:13px;display:flex}strong{font-weight:550}code,pre{font-family:SFMono-Regular,Consolas,monospace}fieldset{border:0;margin:0;padding:0}legend{color:#c5c5cb;margin-bottom:14px;font-size:13px}.muted{color:var(--muted);font-size:14px;line-height:1.8}.eyebrow{letter-spacing:2.1px;color:#a1a1a9;font-size:10px;font-weight:550;display:block}.button{color:#d8d8de;white-space:nowrap;background:#18181b;border:1px solid #343438;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:10px 17px;font-size:13px;font-weight:500;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}.button:hover:not(:disabled){background:#252528;border-color:#54545c}.button-primary{background:var(--accent);border-color:var(--accent);color:#20261a}.button-primary:hover:not(:disabled){background:#f0f6de;border-color:#f0f6de}.button-light{color:#19191b;background:#efeff0;border-color:#efeff0}.button-light:hover:not(:disabled){background:#fff;border-color:#fff}.button-small{min-height:34px;padding:7px 11px;font-size:12px}.button-danger{color:#fff;background:#bc4747;border-color:#bc4747}.button-danger:hover:not(:disabled){background:#d35858;border-color:#d35858}.icon-button{color:#98989f;background:0 0;border:0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:33px;height:33px;display:inline-flex}.icon-button:hover{color:#fff;background:#ffffff0b}.danger-hover:hover{color:var(--danger);background:#ee8d8d12}.text-button{color:#c9c9d0;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:4px 0;font-size:12px;display:inline-flex}.text-button:hover{color:#fff}.danger-text{color:var(--danger)}.count-badge{color:#9b9ba4;background:#ffffff09;border-radius:4px;padding:2px 6px;font-size:10px}.brand{white-space:nowrap;align-items:center;gap:18px;display:flex}.brand img{width:122px;height:auto;display:block}.brand-divider{background:#3b3b3f;width:1px;height:25px}.brand-caption{letter-spacing:1px;color:#dddddf;font-size:12px;line-height:1.5}.brand-caption>span{letter-spacing:1.1px;color:#7c7c86;font-size:7px;display:block}.brand--compact .brand-divider,.brand--compact .brand-caption{display:none}.spinner{border:2px solid #fff2;border-top-color:var(--accent);border-radius:50%;width:23px;height:23px;animation:.8s linear infinite spin;display:inline-block}.spinner.small{border-color:#20261a #20261a33 #20261a33;width:16px;height:16px}.initial-loading{min-height:100dvh;color:var(--muted);justify-content:center;align-items:center;gap:14px;font-size:14px;display:flex}.section-icon{width:49px;height:49px;color:var(--accent);background:linear-gradient(140deg,#242628,#141416);border:1px solid #36363c;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.form-error{color:#f5a6a6;background:#f4818109;border:1px solid #f4818130;border-radius:6px;padding:10px 12px;font-size:12px;line-height:1.7}.visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.rotate-180{transform:rotate(180deg)}.login-page{background:#0b0b0d;place-items:center;min-height:100dvh;padding:32px 20px;display:grid}.login-form{border:1px solid var(--line);background:var(--surface);border-radius:16px;width:min(100%,400px);padding:36px}.login-form .brand{margin-bottom:32px}.login-form>label+label{margin-top:22px}.login-form>.form-error{margin-top:16px}.login-submit{width:100%;margin-top:28px}.admin-header{background:#101012;border-bottom:1px solid #27272b;justify-content:space-between;align-items:center;height:83px;padding:0 34px;display:flex}.header-right{align-items:center;gap:13px;display:flex}.connection-indicator{color:#9b9ba5;align-items:center;gap:7px;font-size:11px;display:flex}.connection-indicator i,.waiting-indicator i{background:#a5b67b;border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #c5dd8540}.header-divider{background:#303035;width:1px;height:20px;margin:0 9px}.user-avatar{color:#d9e6c5;background:#30322b;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;display:flex}.username{color:#c2c2c9;text-overflow:ellipsis;max-width:120px;font-size:12px;overflow:hidden}.admin-layout{grid-template-columns:237px minmax(0,1fr);min-height:calc(100dvh - 83px);display:grid}.project-sidebar{background:#101012;border-right:1px solid #27272b;flex-direction:column;min-width:0;padding:30px 17px 24px;display:flex}.sidebar-heading{color:#8f8f99;letter-spacing:.5px;justify-content:space-between;align-items:center;padding:0 12px;font-size:11px;display:flex}.new-project{color:#acacb7;background:0 0;border-style:dashed;min-height:38px;margin:18px 8px 21px;font-size:12px}.new-project svg{color:#acb59b}.project-nav{flex-direction:column;gap:5px;display:flex}.project-nav-item{color:#83838e;text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:11px;width:100%;min-width:0;padding:12px 13px;display:flex}.project-nav-item>span{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.project-nav-item>b{color:#777781;font-size:10px;font-weight:450}.project-nav-item:hover{color:#d0d0d5;background:#ffffff04}.project-nav-item.active{color:#e0e8d1;background:#242622;border-color:#ffffff06}.project-nav-item.active svg{color:#c6d3a8}.project-nav-item.active b{color:#b7c49a}.sidebar-empty{color:#62626e;padding:12px;font-size:11px;line-height:2}.sidebar-bottom{margin-top:auto;padding-top:70px}.sidebar-bottom>p{color:#62626d;border-top:1px solid #29292e;margin:22px 10px 0;padding-top:22px;font-size:10px}.sidebar-bottom>span{color:#494952;letter-spacing:1px;padding:9px 10px 0;font-size:7px;display:block}.workspace{flex-direction:column;width:100%;min-width:0;max-width:1720px;padding:39px 44px 0;display:flex}.workspace-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.workspace-heading h1{letter-spacing:-.5px;overflow-wrap:anywhere;margin-top:10px;font-size:27px;font-weight:500;line-height:1.5}.workspace-heading .eyebrow{color:#777781;letter-spacing:1.8px;font-size:8px}.heading-actions{gap:10px;padding-top:12px;display:flex}.upload-dropzone{background:linear-gradient(110deg,#e0eccb05,#0000 80%);border:1px dashed #3b3d36;border-radius:12px;align-items:center;gap:20px;padding:32px;transition:background .2s,border-color .2s;display:flex}.upload-dropzone.dragging{border-color:var(--accent);background:#d3e39a10}.upload-symbol{color:#ccd8b1;background:#262922;border:1px solid #3e4334;border-radius:15px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 3px 12px #0002}.upload-copy{flex:1}.upload-copy h2{letter-spacing:.2px;font-size:17px;font-weight:500}.upload-copy>span{color:#62636c;margin-top:9px;font-size:9px;display:block}.upload-queue{border:1px solid var(--line);background:#111113;border-radius:9px;margin-top:12px;overflow:hidden}.queue-heading{color:#a4a4ad;border-bottom:1px solid #232327;justify-content:space-between;align-items:center;padding:12px 17px;font-size:11px;display:flex}.queue-heading b{color:#6e6e78;margin-left:8px;font-size:10px;font-weight:400}.queue-heading .text-button{color:#85858f;font-size:10px}.upload-item{align-items:center;gap:12px;padding:14px 18px;display:flex}.upload-item+.upload-item{border-top:1px solid #212125}.file-icon{color:#888894;background:#1e1e22;border-radius:5px;justify-content:center;align-items:center;width:32px;height:37px;display:flex}.upload-item-info{flex:1;min-width:0}.upload-item-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:400;display:block;overflow:hidden}.upload-item-info small{color:#777781;overflow-wrap:anywhere;margin-top:3px;font-size:9px;line-height:1.7;display:block}.error-text{color:#dc9393}.progress-track{background:#32332f;border-radius:3px;max-width:400px;height:2px;margin-top:7px;overflow:hidden}.progress-track i{background:#c4d499;height:100%;transition:width .15s;display:block}.upload-state{white-space:nowrap;color:#cdd3bc;align-items:center;gap:5px;font-size:10px;display:flex}.upload-state.success{color:#afbe93}.library-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:21px;display:flex}.library-heading h2{align-items:center;gap:10px;font-size:16px;font-weight:500;display:flex}.library-heading h2>span{color:#777781;background:#232327;border:1px solid #303036;border-radius:5px;padding:2px 6px;font-size:10px;font-weight:400}.library-heading p{color:#777781;margin-top:7px;font-size:10px}.library-actions{align-items:center;gap:9px;display:flex}.video-selection-bar{background:#191b17;border:1px solid #333630;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:18px;padding:10px 14px;display:flex}.video-selection{color:#d1d6c7;cursor:pointer;flex-direction:row;align-items:center;gap:9px;min-height:44px;margin:0;font-size:12px;display:inline-flex}.video-selection input{appearance:auto;accent-color:var(--accent);cursor:pointer;flex:none;width:18px;height:18px;min-height:0;margin:0;padding:0}.video-selection input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.video-selection-count{color:#adb2a5;font-variant-numeric:tabular-nums;font-size:12px}.video-selection-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-left:auto;display:flex}.video-selection-actions>.text-button,.video-selection-actions>.button{min-height:44px}.video-deletion-report{color:#efb4b4;background:#b9747409;border:1px solid #b974743d;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;padding:14px;font-size:13px;line-height:1.7;display:flex}.video-deletion-report>p{overflow-wrap:anywhere;flex:220px}.video-deletion-report>.button{min-height:44px}.video-deletion-progress{color:var(--accent);font-variant-numeric:tabular-nums;margin-top:14px;font-size:13px}.library-card.is-selected{border-color:#adbd8c;box-shadow:0 0 0 1px #adbd8c}.library-card-title{align-items:center;gap:4px;display:flex}.library-card-title h3{min-width:0}.video-selection--card{flex:0 0 44px;justify-content:center;margin-left:-9px}.video-library{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;display:grid}.library-card{background:#141416;border:1px solid #2a2a30;border-radius:9px;overflow:hidden}.library-video{aspect-ratio:16/9;background:#050506;border-bottom:1px solid #26262b;position:relative;overflow:hidden}.library-video video{object-fit:contain;width:100%;height:100%;display:block}.duration-tag{letter-spacing:.5px;pointer-events:none;background:#0009;border:1px solid #ffffff20;border-radius:4px;padding:3px 5px;font-size:9px;position:absolute;top:9px;right:9px}.library-card-info{padding:15px 15px 8px}.library-card-info h3{white-space:nowrap;text-overflow:ellipsis;color:#dddde1;font-size:12px;font-weight:450;overflow:hidden}.library-card-info>p{color:#74747f;gap:8px;margin-top:8px;font-size:9px;display:flex}.library-card-actions{border-top:1px solid #29292e;align-items:center;gap:2px;margin-top:14px;padding-top:6px;display:flex}.library-card-actions>.text-button{color:#b0b6a4;flex:1;justify-content:flex-start;font-size:10px}.library-card-actions .icon-button{color:#75757f;width:44px;height:44px}.library-empty{background:radial-gradient(at 50% 100%,#d6e4b304,#0000 70%);border:1px solid #26262b;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:255px;display:flex}.empty-video-icon{color:#626871;background:linear-gradient(145deg,#222326,#131416);border:1px solid #33343a;border-radius:17px;justify-content:center;align-items:center;width:68px;height:68px;display:flex;box-shadow:0 12px 30px #0003}.library-empty h3{color:#bdbdc5;margin-top:19px;font-size:14px;font-weight:400}.library-empty p{color:#686873;margin-top:10px;font-size:10px}.content-loading{color:#81818e;justify-content:center;align-items:center;gap:12px;min-height:140px;font-size:12px;display:flex}.inline-error{color:#d59c9c;background:#d99a9a05;border:1px solid #d99a9a25;border-radius:8px;align-items:center;gap:10px;padding:18px;font-size:12px;display:flex}.inline-error>.text-button{margin-left:auto}.workspace-footer{color:#494954;letter-spacing:1px;justify-content:space-between;align-items:center;margin-top:auto;padding:47px 0 22px;font-size:8px;display:flex}.workspace-footer>span:last-child{letter-spacing:1.5px}.welcome-empty{background:radial-gradient(at 50% 30%,#ccdaa206,#0000 60%);border:1px solid #27272c;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:570px;padding:65px 25px;display:flex}.welcome-art{color:#bbc7a5;justify-content:center;align-items:center;width:130px;height:120px;margin-bottom:26px;display:flex;position:relative}.welcome-art>span{background:linear-gradient(145deg,#c6d9a811,#c6d9a803);border:1px solid #4a503d;border-radius:22px;position:absolute;inset:8px 13px;transform:rotate(-9deg)}.welcome-art>svg{z-index:1;stroke-width:.9px}.welcome-art>i{background:#2c3222;border:1px solid #656e50;border-radius:11px;width:37px;height:37px;position:absolute;bottom:3px;right:5px}.welcome-art>i:before,.welcome-art>i:after{content:"";background:#b6c795;width:15px;height:1px;position:absolute;top:17px;left:10px}.welcome-art>i:after{transform:rotate(90deg)}.welcome-empty>.eyebrow{letter-spacing:2px;color:#686d60;font-size:8px}.welcome-empty h2{letter-spacing:.5px;margin-top:16px;font-size:25px;font-weight:400}.welcome-empty>p{text-align:center;color:#85858f;margin-top:17px;font-size:12px;line-height:2}.welcome-empty>.button{margin-top:28px}.welcome-steps{align-items:center;gap:18px;margin-top:55px;display:flex}.welcome-steps>span{color:#787883;align-items:center;gap:7px;font-size:10px;display:flex}.welcome-steps b{color:#b9c79e;font-size:8px;font-weight:400}.welcome-steps>i{background:#363930;width:30px;height:1px}.api-version{letter-spacing:1px;color:#aab695;border:1px solid #383c30;border-radius:5px;padding:7px 10px;font-size:9px}.integration-card{background:#131315;border:1px solid #2d2d32;border-radius:11px;margin-bottom:22px;padding:27px}.panel-heading{align-items:center;gap:15px;display:flex}.panel-heading h2,.api-guide h2{font-size:17px;font-weight:500}.panel-heading p{color:#80808c;margin-top:7px;font-size:11px;line-height:1.8}.token-form{gap:10px;margin-top:24px;display:flex}.token-form>input{font-size:12px}.token-empty{color:#72727d;padding:27px 0 0;font-size:11px}.revealed-token{background:#c6de9907;border:1px solid #869d5040;border-radius:8px;margin-top:20px;padding:16px}.revealed-token strong{color:#c8d7ad;font-size:12px}.revealed-token span{color:#889574;margin-top:7px;font-size:10px;line-height:1.7;display:block}.secret-row{background:#0c0e0b;border-radius:5px;align-items:center;gap:9px;margin-top:13px;padding:10px 8px 10px 12px;display:flex}.secret-row>code{color:#cdd8bc;overflow-wrap:anywhere;flex:1;min-width:0;font-size:11px;line-height:1.7}.secret-row>.button{color:#c4d6a7;background:#252a1d;border-color:#39402c}.token-row{border-top:1px solid #2b2b30;align-items:center;gap:13px;padding:19px 0;display:flex}.token-list{margin-top:24px}.token-row:last-child{padding-bottom:0}.token-device{color:#8f8f9b;border:1px solid #34343b;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.token-row>div{flex:1}.token-row strong{font-size:12px;font-weight:400}.token-row small{color:#74747e;margin-top:7px;font-size:9px;line-height:1.7;display:block}.token-row>.text-button{font-size:11px}.api-guide{padding-top:30px}.api-guide>.eyebrow{color:#717865;font-size:8px}.api-guide h2{margin-top:12px}.api-guide>.muted{margin-top:10px;font-size:11px}.api-guide code{color:#c5c9ba;font-size:10px}.api-endpoint{background:#0e0e10;border:1px solid #303037;border-radius:7px;align-items:center;gap:17px;margin-top:22px;padding:10px 15px;display:flex}.api-endpoint>span{color:#71717c;font-size:10px}.api-endpoint>code{overflow-wrap:anywhere;flex:1;font-size:11px}.guide-step{gap:14px;margin-top:25px;display:flex}.guide-step>b{color:#a9b88d;border:1px solid #3d4134;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;font-size:8px;font-weight:400;display:flex}.guide-step h3{margin-top:4px;font-size:12px;font-weight:450}.guide-step p{color:#83838d;margin-top:6px;font-size:10px;line-height:1.9}.code-block{background:#0c0c0e;border:1px solid #303037;border-radius:7px;margin-top:19px;overflow:hidden}.code-block>div{background:#171719;border-bottom:1px solid #25252a;justify-content:space-between;align-items:center;padding:10px 15px;display:flex}.code-block>div>span{color:#7c7c88;font-size:9px}.code-block .text-button{color:#9999a3;font-size:9px}.code-block pre{color:#bdc7ac;margin:0;padding:18px;font-size:11px;line-height:2;overflow:auto}.api-footnote{color:#666672;margin-top:14px;font-size:10px;line-height:1.9}.modal-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:100;background:#000b;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.modal-panel{background:#171719;border:1px solid #3a3a42;border-radius:14px;width:min(100%,450px);max-height:calc(100dvh - 50px);padding:32px;position:relative;overflow:auto;box-shadow:0 25px 100px #0008}.modal-close{position:absolute;top:14px;right:14px}.modal-panel>h2{margin-top:22px;font-size:22px;font-weight:500}.modal-panel>.muted{margin-top:11px;font-size:12px}.project-form{margin-top:25px}.project-form input{margin-bottom:26px;font-size:13px}.modal-actions{border-top:1px solid #2f2f35;justify-content:flex-end;align-items:center;gap:10px;margin-top:27px;padding-top:22px;display:flex}.project-form>.form-error{margin-top:18px}.confirmation-copy{overflow-wrap:anywhere;line-height:1.9}.qr-modal{text-align:center;width:min(100%,390px)}.qr-modal>.eyebrow{color:#9da88b;margin-top:10px;font-size:8px}.qr-modal>h2{margin-top:12px}.qr-code{aspect-ratio:1;background:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.qr-code>img{width:100%;height:100%;image-rendering:pixelated;display:block}.qr-code>span{color:#555;font-size:10px}.qr-modal>.qr-code{width:200px;height:200px;margin:25px auto}.qr-modal>h3{overflow-wrap:anywhere;font-size:13px;font-weight:400}.qr-modal>.muted{font-size:10px}.share-url-input{color:#84848f;text-overflow:ellipsis;margin-top:17px;padding:10px;font-size:10px}.qr-modal>.button{width:100%;margin-top:15px}.toast-message{pointer-events:none;z-index:200;color:#dfeacb;background:#24291d;border:1px solid #5c644b;border-radius:9px;align-items:center;gap:11px;max-width:calc(100vw - 32px);padding:14px 20px;font-size:12px;line-height:1.7;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0006}.toast-error{color:#f2c4c4;background:#302222;border-color:#7c4e4e}.toast-enter-active,.toast-leave-active{transition:opacity .2s,margin-bottom .2s}.toast-enter-from,.toast-leave-to{opacity:0;margin-bottom:-10px}.manual-copy{z-index:210;background:#1d2118;border:1px solid #4b5140;border-radius:10px;gap:10px;width:min(600px,100vw - 32px);padding:17px;display:flex;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 60px #0008}.manual-copy>label{flex:1;font-size:11px}.manual-copy textarea{min-height:65px;font-size:11px}.display-page{color:#2a3224;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f5f4ef;flex-direction:column;height:100dvh;min-height:320px;display:flex;overflow:hidden}.display-viewport{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#171719;flex-direction:column;width:100%;height:100dvh;display:flex;overflow:hidden}.display-frame-area{flex:1;place-items:center;width:100%;min-height:0;display:grid;container-type:size}.display-frame-area>.display-page{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;min-height:0}.display-page.configured-layout{overflow:hidden}.display-page.has-background .display-state{background:#f5f4efe8;border-radius:12px;align-self:center;padding:24px}.display-page.dark-background:not(.has-background) .display-state{color:#f2f2f3}.display-page.dark-background:not(.has-background) .display-state>p{color:#cbd0c5}.display-grid{--display-base-gap:1cqw;--display-slot-width:calc((100cqw - (var(--display-count) - 1) * var(--display-base-gap)) / var(--display-count));--display-qr-size:min(clamp(112px, 14dvh, 256px), var(--display-slot-width));--display-card-gap:clamp(8px, 1dvh, 16px);justify-content:center;align-items:center;gap:calc(var(--display-gap-percent,1) * 1%);flex:1;min-height:0;margin:clamp(8px,1vw,24px) clamp(8px,1vw,24px) 0;display:flex;container-type:size}.display-card{--display-fit-video-width:min(var(--display-slot-width), calc((100cqh - var(--display-qr-size) - var(--display-card-gap)) * var(--video-ratio)));--display-video-width:calc(var(--display-fit-video-width) * var(--display-scale,1));width:max(var(--display-qr-size), var(--display-video-width));align-items:center;gap:var(--display-card-gap);min-width:0;transform:translateY(var(--display-offset,0cqh));flex-direction:column;flex:none;display:flex}.configured-layout .display-grid{--display-content-height:100cqh;--display-qr-size:min(clamp(112px, 14cqh, 256px), calc(var(--display-content-height) * .5), var(--display-slot-width));--display-card-gap:min(clamp(2px, 1cqh, 16px), calc(var(--display-content-height) * .1));margin-bottom:clamp(8px,1vw,24px)}.configured-layout .display-card{--display-fit-video-width:min(var(--display-slot-width), max(1px, calc((var(--display-content-height) - var(--display-qr-size) - var(--display-card-gap)) * var(--video-ratio))))}.display-video-stage{width:var(--display-video-width);aspect-ratio:var(--video-ratio);background:#000;position:relative;container-type:inline-size}.display-video-stage video{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.display-video-select{background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.display-audio-toggle{z-index:1;color:#fff;background:#171719b8;border:1px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:44px;max-width:calc(100% - 8px);height:44px;max-height:calc(100% - 8px);padding:4px;display:flex;position:absolute;bottom:4px;right:4px}.display-audio-toggle svg{width:min(22px,100%);height:min(22px,100%)}.display-audio-message{color:#fff;pointer-events:none;background:#171719df;padding:6px;font-size:12px;line-height:1.4;position:absolute;bottom:52px;left:4px;right:4px}.display-card-footer{--display-qr-room:max(var(--display-qr-size), calc((100cqh - var(--display-video-width) / var(--video-ratio) - var(--display-card-gap) + var(--display-qr-size)) / 2));width:100%;height:var(--display-qr-size);flex:none;justify-content:center;display:flex;position:relative}.display-card-footer>.qr-code{width:min(calc(var(--display-qr-size) * var(--display-qr-scale,1)), 100%, var(--display-qr-room));border:0;border-radius:0;height:auto;position:absolute;top:0}.display-footer{z-index:20;bottom:max(12px, env(safe-area-inset-bottom));align-items:center;gap:8px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.display-page-controls{color:#4c6534;background:#f5f4eff2;border:1px solid #cbd7ba;border-radius:8px;align-items:center;gap:2px;min-height:48px;padding:1px 3px;display:inline-flex}.display-page-control{width:44px;height:44px;color:inherit;touch-action:manipulation;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.display-page-control:disabled{opacity:.42;cursor:not-allowed}.display-page-control:not(:disabled):hover{color:#3e5728;background:#e2ebd5}.display-latest-control{min-width:44px;min-height:44px;color:inherit;white-space:nowrap;touch-action:manipulation;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:0 8px;font-size:13px;display:inline-flex}.display-latest-control:disabled{opacity:.42;cursor:not-allowed}.display-latest-control:not(:disabled):hover{color:#3e5728;background:#e2ebd5}.display-page-control-previous-icon{transform:rotate(180deg)}.display-page-status{font-variant-numeric:tabular-nums;white-space:nowrap;min-width:max-content;padding:0 4px;font-size:13px}.display-fullscreen{color:#4c6534;background:#f5f4eff2;border:1px solid #cbd7ba;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:88px;min-height:44px;padding:8px 12px;font-size:13px;display:inline-flex}.display-viewport :is(button,a):focus-visible{outline-offset:2px;outline:2px solid #607c42}.display-viewport .display-video-select:focus-visible{outline-offset:-3px}.display-viewport .display-audio-toggle:focus-visible{outline-offset:1px;outline-color:#fff}@media (width<=360px){.display-viewport .display-fullscreen{width:44px;min-width:44px;padding:0}.display-fullscreen span{display:none}.display-page-controls{gap:0;padding-inline:2px}.display-page-status{padding-inline:2px}.display-latest-control{gap:3px;padding-inline:6px}}.display-fullscreen:not(:disabled):hover,.display-retry-button:not(:disabled):hover{color:#3e5728;background:#e2ebd5}.display-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:32px 20px;display:flex}.display-state h1{font-size:clamp(22px,2vw,48px);font-weight:450}.display-state>p{color:#657158;font-size:clamp(14px,1vw,24px);line-height:1.8}.display-page .spinner{border-color:#7d965e #dce4d1 #dce4d1}.display-state .empty-video-icon{color:#657158;background:#edf2e4;border-color:#d2ddc5}.display-retry-button{color:#4c6534;background:#e8efdb;border:1px solid #b6c69e;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 20px;display:inline-flex}.playback-retry{color:#4c6534;background:#f6f8f1ed;border:0;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;padding:12px;font-size:clamp(12px,1vw,24px);line-height:1.7;display:flex;position:absolute;inset:0}.fullscreen-message,.display-connection-error{color:#4c6534;z-index:50;background:#f4f8ed;border:1px solid #cbd7ba;border-radius:6px;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:12px 16px;font-size:14px;display:flex;position:fixed;bottom:64px;right:16px}@media (width<=700px){.display-page{height:auto;min-height:100dvh;overflow:visible}.display-grid{--display-qr-size:112px;align-items:start;gap:20px calc(var(--display-gap-percent,1) * 1%);grid-template-columns:repeat(2,49.5%);margin:8px;display:grid;container-type:normal}.display-grid.layout-1{grid-template-columns:minmax(0,1fr)}.display-viewport:not(.fixed-display){height:auto;min-height:100dvh;overflow:clip}.display-viewport:not(.fixed-display) .display-frame-area{flex:none;display:block;container-type:normal}.display-viewport:not(.fixed-display) .display-page{height:auto;min-height:100dvh;overflow:clip}.configured-layout .display-grid{align-items:center;gap:calc(var(--display-gap-percent,1) * 1%);margin:8px 8px 0;display:flex;container-type:size}.configured-layout .display-card{width:max(var(--display-qr-size), var(--display-video-width))}.display-card{--display-fit-video-width:100%;width:100%}.display-viewport:not(.fixed-display) .display-card-footer{height:auto}.display-viewport:not(.fixed-display) .display-card-footer>.qr-code{width:min(calc(var(--display-qr-size) * var(--display-qr-scale,1)), 100%);position:static}}.claim-page{background:#0b0b0d;flex-direction:column;min-height:100dvh;display:flex}.claim-header{width:100%;max-width:560px;padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 12px max(16px, env(safe-area-inset-left));align-items:center;margin:0 auto;display:flex}.claim-header .brand img{width:102px}.claim-content{width:100%;max-width:560px;margin:0 auto}.claim-video-wrap{background:#242620;width:100%;position:relative}.claim-video-wrap video{object-fit:contain;width:100%;height:100%;display:block}.claim-preview{pointer-events:none;background:#242620;position:absolute;inset:0}.claim-preview img{object-fit:contain;width:100%;height:100%}.claim-preview-placeholder{color:#aeb9a2;background:radial-gradient(at top,#45503d,#242620 75%);grid-template-rows:minmax(0,1fr) 64px minmax(0,1fr);place-items:center;height:100%;display:grid;overflow:hidden}.claim-preview-placeholder svg{max-height:100%}.claim-preview-placeholder span{grid-row:3}.claim-play,.claim-sound{z-index:1;color:#fff;cursor:pointer;background:#151811c9;border:1px solid #ffffff50;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute}.claim-play{white-space:nowrap;border-radius:40px;min-height:64px;padding:12px 22px;top:50%;left:50%;transform:translate(-50%,-50%)}.claim-sound{border-radius:24px;padding:9px 12px;font-size:13px;top:12px;right:12px}.claim-playback-error{color:#d6b68d;padding:12px 16px 0;font-size:13px;line-height:1.7}.claim-actions{padding:0 max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left))}.claim-video-info{justify-content:space-between;align-items:center;gap:14px;padding:16px 0;display:flex}.claim-video-info>div{min-width:0}.claim-video-info h1{color:#dbdbe0;overflow-wrap:anywhere;font-size:16px;font-weight:450;line-height:1.8}.claim-video-info p{color:#96969f;flex-wrap:wrap;align-items:center;gap:9px;margin-top:4px;font-size:12px;display:flex}.claim-video-info p>span{color:#96969f}.claim-download{border-radius:9px;justify-content:flex-start;gap:10px;width:100%;min-height:52px;padding:13px 17px;font-size:16px}.claim-download>svg:last-child{margin-left:auto}.claim-help{color:#96969f;gap:9px;padding:15px 3px;display:flex}.claim-help>svg{color:#7e876e;width:15px;margin-top:2px}.claim-help>p{font-size:12px;line-height:1.8}.claim-copy{color:#a5b18f;min-height:44px;margin:0 auto;font-size:14px;display:flex}.claim-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;padding:75px 24px;display:flex}.claim-state h1{font-size:20px;font-weight:450;line-height:1.7}.claim-state p{color:#7f7f8b;font-size:11px;line-height:1.9}.claim-state .button{margin-top:8px}.claim-manual-copy{color:#a5b18f;margin-top:20px;font-size:14px}.claim-manual-copy input{padding:10px;font-size:16px}.wechat-guide{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:90;background:#000d;justify-content:center;align-items:center;padding:70px 23px 25px;display:flex;position:fixed;inset:0}.wechat-guide>section{background:#181b15;border:1px solid #41433b;border-radius:16px;width:100%;max-width:380px;max-height:calc(100dvh - 100px);padding:29px 25px;position:relative;overflow:auto;box-shadow:0 20px 70px #0008}.guide-menu-target{color:#dce7c5;flex-direction:column;align-items:center;font-size:41px;display:flex;position:fixed;top:12px;right:25px}.guide-menu-target>span{letter-spacing:1px;margin-top:-6px;font-size:10px}.guide-close{position:absolute;top:12px;right:12px}.wechat-guide h2{margin-top:22px;font-size:22px;font-weight:450}.wechat-guide section>p{color:#939b87;margin-top:14px;font-size:11px;line-height:1.9}.wechat-guide ol{flex-direction:column;gap:17px;margin:23px 0 27px;padding:0;list-style:none;display:flex}.wechat-guide li{color:#c3c9bb;align-items:center;gap:12px;font-size:12px;display:flex}.wechat-guide li>b{color:#bccba8;border:1px solid #5b664b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:23px;height:23px;font-size:9px;font-weight:400;display:flex}.wechat-guide li strong{color:#e3edda;font-weight:500}.wechat-guide section>.button{width:100%;font-size:12px}.wechat-guide section>.text-button{color:#929c87;margin:19px auto 0;font-size:11px;display:flex}.app-error-page{text-align:center;color:#e5e5e8;background:#0b0b0d;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100dvh;padding:32px;display:flex}.app-error-page>span{letter-spacing:2px;color:#879478;font-size:10px}.app-error-page h1{font-size:clamp(22px,3vw,42px);font-weight:450}.app-error-page p{opacity:.65;font-size:13px;line-height:1.9}.app-error-page button{color:#5a713f;background:#e8efdb;border:1px solid #b6c69e;border-radius:8px;margin-top:8px;padding:12px 24px;font-size:13px}.app-error-page a{opacity:.65;text-underline-offset:4px;font-size:12px;text-decoration:underline}.app-error-page--light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#303b28;background:#f5f4ef}@media (width>=1900px){.workspace{padding:50px 65px 0}.video-library{grid-template-columns:repeat(4,minmax(0,1fr))}.workspace-heading h1{font-size:32px}.upload-dropzone{padding:40px}.admin-layout{grid-template-columns:265px minmax(0,1fr)}}@media (width<=1200px){.workspace{padding:32px 28px 0}.admin-layout{grid-template-columns:210px minmax(0,1fr)}.heading-actions{gap:7px}.heading-actions .button{padding:10px 12px;font-size:11px}.video-library{grid-template-columns:repeat(2,minmax(0,1fr))}.project-overview{grid-template-columns:1fr 1fr 1.2fr}.project-overview>div{gap:10px;padding-left:14px}.overview-icon{width:33px;height:33px}.upload-dropzone{gap:16px;padding:24px}.upload-symbol{width:54px;height:54px}.upload-copy p{max-width:250px;line-height:1.7}}@media (width<=950px){.admin-header{padding:0 23px}.connection-indicator,.header-divider{display:none}.workspace-heading{flex-direction:column;align-items:flex-start;gap:11px}.heading-actions{padding-top:0}.project-overview{grid-template-columns:1fr 1fr}.project-overview .overview-note{display:none}.project-overview>div:nth-child(2){border-right:0}.upload-dropzone{flex-wrap:wrap}.upload-copy{width:calc(100% - 75px)}.upload-dropzone>.button{margin-left:70px}.upload-copy p{max-width:none}.login-story{min-height:740px;padding-left:4vw}.login-story h1{font-size:50px}.login-panel{padding:100px 30px}.login-story>.eyebrow{letter-spacing:2px;font-size:8px}}@media (width<=700px){.admin-header{height:70px;padding:0 19px}.admin-header .brand{gap:10px}.admin-header .brand img{width:99px}.brand-caption{font-size:10px}.brand-caption>span{font-size:6px}.brand-divider{height:23px}.header-right{gap:7px}.username{display:none}.user-avatar{width:25px;height:25px;font-size:9px}.admin-layout{flex-direction:column;min-height:calc(100dvh - 70px);display:flex}.project-sidebar{background:#101012;border-bottom:1px solid #29292e;border-right:0;grid-template-columns:1fr auto;gap:10px;padding:18px 17px 12px;display:grid}.sidebar-heading{grid-column:1;justify-content:flex-start;gap:8px;padding-left:0;font-size:10px}.new-project{grid-area:1/2;min-height:29px;margin:0;padding:5px 9px;font-size:10px}.project-nav{scrollbar-width:thin;flex-direction:row;grid-column:1/-1;gap:5px;overflow:auto}.project-nav-item{gap:7px;padding:9px 11px}.project-nav .project-nav-item{border-color:#28282d;flex-shrink:0;width:auto;max-width:195px}.project-nav-item>span{font-size:10px}.project-nav-item svg{width:15px;height:15px}.project-nav-item>b{font-size:9px}.sidebar-empty{padding:3px 0;font-size:10px;line-height:1.8}.sidebar-empty br{display:none}.sidebar-bottom{grid-column:1/-1;margin:0;padding:0}.sidebar-bottom>.project-nav-item{color:#7d826f;background:0 0;border:0;border-radius:0;gap:7px;width:auto;padding:5px 0;font-size:10px}.sidebar-bottom>.project-nav-item span{flex:none}.sidebar-bottom>.project-nav-item svg:last-child{width:11px;height:11px}.sidebar-bottom>p,.sidebar-bottom>span{display:none}.workspace{flex:1;padding:26px 19px 0}.workspace-heading h1{margin-top:8px;font-size:24px}.workspace-heading .eyebrow{font-size:7px}.workspace-heading{gap:18px;margin-bottom:24px}.heading-actions{width:100%}.heading-actions>.button{flex:1;min-height:39px;padding:9px;font-size:11px}.heading-actions>.button>svg:last-child:not(:first-child){display:none}.project-overview{margin-bottom:21px;padding:17px 0}.project-overview>div{gap:12px;padding-left:19px}.project-overview small{font-size:9px}.project-overview strong{font-size:20px}.project-overview em{font-size:9px}.upload-dropzone{gap:14px;padding:24px 20px}.upload-symbol{border-radius:12px;width:47px;height:47px}.upload-symbol svg{width:24px;height:24px}.upload-copy{width:calc(100% - 65px)}.upload-copy h2{font-size:15px}.upload-copy p{margin-top:6px;font-size:10px;line-height:1.9}.upload-copy>span{margin-top:5px;font-size:8px;line-height:1.8}.upload-dropzone>.button{min-height:35px;margin:0 0 0 61px;padding:8px 12px;font-size:11px}.upload-section{margin-bottom:27px}.upload-item{gap:9px;padding:12px}.upload-item-info strong{font-size:10px}.upload-item-info small{font-size:8px}.upload-state{font-size:9px}.library-heading{align-items:flex-start;gap:8px;margin-bottom:17px}.library-heading h2{gap:7px;font-size:14px}.library-heading p{max-width:220px;font-size:9px;line-height:1.9}.library-actions{gap:2px}.library-actions>.button{gap:5px;min-height:29px;padding:6px 8px;font-size:9px}.library-actions>.button svg{width:12px}.library-actions>.icon-button{width:26px;height:29px}.video-library{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.library-card-info{padding:11px 10px 5px}.library-card-info h3{font-size:10px}.library-card-info>p{flex-wrap:wrap;gap:5px;font-size:7px;line-height:1.7}.library-card-actions{flex-wrap:wrap;margin-top:10px;padding-top:5px}.library-card-actions>.text-button{gap:3px;min-width:100%;margin-bottom:3px;font-size:8px}.library-card-actions>.text-button svg{width:12px;height:12px}.library-card-actions>.icon-button{width:44px;height:44px}.library-card-actions>.icon-button:first-of-type{margin-left:auto}.library-empty{text-align:center;min-height:240px;padding:25px 15px}.library-empty p{font-size:9px;line-height:1.9}.library-empty h3{font-size:13px}.welcome-empty{min-height:450px;padding:40px 15px}.welcome-empty h2{font-size:23px}.welcome-empty>p{font-size:10px;line-height:2}.welcome-steps{gap:10px;margin-top:38px}.welcome-steps>span{gap:4px;font-size:8px}.welcome-steps>i{width:15px}.workspace-footer{letter-spacing:.7px;padding-top:35px;font-size:6px}.workspace-footer>span:last-child{letter-spacing:.5px;font-size:7px}.token-form{flex-direction:column}.integration-card{padding:21px 17px}.panel-heading{align-items:flex-start;gap:11px}.panel-heading>.section-icon{border-radius:9px;width:40px;height:40px}.panel-heading h2{margin-top:3px;font-size:15px}.panel-heading p{margin-top:5px;font-size:10px;line-height:1.9}.token-form>input,.token-form>.button{font-size:11px}.api-guide>.muted{font-size:10px}.api-guide code{overflow-wrap:anywhere;font-size:9px}.api-endpoint{gap:10px;padding:8px 10px}.api-endpoint>span{flex-shrink:0;font-size:8px}.api-endpoint>code{font-size:9px}.token-row{gap:9px}.token-row strong{font-size:11px}.token-row small{font-size:8px}.token-row small span{margin-top:4px;display:block}.secret-row{flex-wrap:wrap}.secret-row>code{flex-basis:100%;font-size:10px}.secret-row>.button{margin-left:auto}.revealed-token{padding:13px}.api-footnote{font-size:9px}.code-block pre{padding:13px;font-size:9px}.code-block>div>span{font-size:8px}.guide-step p{font-size:9px}.modal-backdrop{padding:19px}.modal-panel{max-height:calc(100dvh - 38px);padding:27px 23px}.modal-panel>h2{font-size:21px}.modal-panel>.muted{font-size:11px}.page-size-options{gap:7px}.page-size-options>button{font-size:17px}.toast-message{padding:12px 16px;font-size:11px;bottom:19px}.login-page{flex-direction:column;min-height:100dvh;display:flex}.login-brand{top:28px;left:25px}.login-brand .brand img{width:112px}.login-story{display:none}.login-panel{align-items:center;min-height:100dvh;padding:145px 29px 90px}.login-form{max-width:350px}.login-form h2{font-size:26px}.login-form>.muted{font-size:12px}.login-footer{text-align:center;letter-spacing:1.1px;font-size:6px;left:0;right:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@keyframes spin{to{transform:rotate(360deg)}}select{appearance:none;background:var(--surface-raised) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23b8b8c1' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 10px center;color:#f2f2f3;border:1px solid #414148;border-radius:8px;min-width:0;max-width:100%;min-height:44px;padding:9px 32px 9px 12px;font-size:14px;overflow:hidden}select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}summary{cursor:pointer;align-content:center;min-height:44px}.admin-app .button,.modal-panel .button,.login-submit,.admin-app .text-button,.modal-panel .text-button{min-height:44px}.admin-app .icon-button,.modal-panel .icon-button{min-width:44px;min-height:44px}.admin-header{height:72px}.admin-layout{grid-template-columns:216px minmax(0,1fr);min-height:calc(100dvh - 72px)}.workspace{padding:28px 32px 40px}.workspace-heading{flex-flow:wrap;align-items:flex-start;gap:16px;margin-bottom:20px}.workspace-heading h1{margin-top:0;font-size:25px}.workspace-heading .muted{margin-top:4px;font-size:13px}.project-title{flex:220px;min-width:0}.heading-actions{flex-wrap:wrap;gap:8px;padding-top:0}.new-project{margin:16px 0}.project-nav-item{min-height:44px}.project-nav-item>span{font-size:13px}.mobile-project-toolbar{display:none}.quick-settings{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.quick-settings label{font-size:13px}.quick-settings select{width:126px}.quick-settings [role=status]{color:#adb7a0;overflow-wrap:anywhere;font-size:12px}.quick-settings [role=status].error-text{color:var(--danger)}.upload-section{margin-bottom:20px}.upload-dropzone{flex-wrap:wrap;gap:16px;padding:18px 20px}.upload-symbol{width:44px;height:44px;box-shadow:none;border-radius:10px}.upload-copy{min-width:150px}.upload-copy h2{font-size:14px}.upload-copy p{color:#a3a3ac;margin-top:4px;font-size:12px}.upload-dropzone>.button{background:var(--accent);border-color:var(--accent);color:#20261a;margin:0}.upload-item-info small{color:#a3a3ad;overflow-wrap:anywhere}.library-card-actions{flex-wrap:wrap;gap:8px}.library-card-actions>.text-button{flex:none;gap:5px;font-size:12px}.library-card-actions>.danger-text{color:var(--danger);margin-left:auto}.library-card-info h3{font-size:14px}.library-preview{cursor:pointer;color:#fff;background:#111;border:0;place-items:center;width:100%;padding:0;display:grid;position:relative}.library-preview>img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.library-preview-label{z-index:1;background:#171719cc;border-radius:24px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.library-preview:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.video-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:24px;font-size:13px;display:flex}.video-page-numbers{justify-content:center;align-items:center;gap:6px;display:inline-flex}.video-page-number{min-width:42px;padding-inline:10px}.video-page-number[aria-current=page],.video-page-number[aria-current=page]:disabled{border-color:var(--accent);background:var(--accent);color:#20261a;opacity:1}.video-page-gap{min-width:14px;color:var(--muted);text-align:center}.video-selection-bar{scroll-margin-top:90px}.new-videos-button{align-self:flex-start;margin:0 0 16px}.modal-panel.preview-modal{width:min(100%,850px)}.preview-modal>video{background:#000;width:100%;max-height:65dvh;margin:20px 0;display:block}.library-card-info>p{color:#a0a0aa;font-size:11px}.library-empty{gap:16px;padding:24px}.library-empty h3{margin:0}.welcome-empty{flex:1;gap:22px;min-height:350px;padding:50px 20px}.welcome-empty h1{font-size:25px;font-weight:500}.welcome-empty>.button{margin:0}.service-address h2{margin-bottom:16px;font-size:17px;font-weight:500}.service-address-row{flex-wrap:wrap;gap:12px;display:flex}.service-address-row input{flex:220px;font-size:14px}.api-guide>summary{font-size:16px}.developer-content{padding-top:16px}.developer-content>.muted{overflow-wrap:anywhere;font-size:13px}.token-row strong,.token-row small{overflow-wrap:anywhere}.token-row>div{min-width:0}.modal-panel>h2{margin:0 40px 0 0}.project-form input{margin-bottom:0}.project-form-fields>label+label{margin-top:24px}#claim-page-title-help{margin-top:8px;font-size:12px}.project-cover-toggle{margin-top:16px}.drawer-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;justify-content:flex-end;padding:0}.modal-panel.settings-drawer{border-width:0 0 0 1px;border-radius:0;flex-direction:column;width:min(100%,440px);height:100dvh;max-height:100dvh;padding:32px 28px 0;display:flex}.modal-panel.settings-drawer--wide{width:min(100%,880px)}.settings-drawer .project-form{flex-direction:column;flex:1;margin-top:32px;display:flex}.settings-drawer .project-form-fields{flex:1}.settings-drawer .project-form>.form-error{margin:20px 0}.project-danger-zone{border-top:1px solid var(--line);margin-top:40px;padding:14px 0}.settings-drawer .modal-actions{padding:18px 28px max(18px, env(safe-area-inset-bottom));z-index:1;background:#171719;flex-shrink:0;margin:0 -28px;position:sticky;bottom:0}.settings-drawer #settings-panel-basic{max-width:420px}.settings-split{grid-template-columns:minmax(260px,1fr) minmax(320px,420px);align-items:start;gap:32px;display:grid}.settings-preview-pane{overscroll-behavior:contain;flex-direction:column;gap:12px;min-width:0;max-height:calc(100dvh - 240px);display:flex;position:sticky;top:0;overflow-y:auto}.settings-preview-pane .display-preview-heading{margin-bottom:0}.settings-fields-pane{min-width:0}@media (width<=920px){.settings-split{grid-template-columns:minmax(0,1fr)}.settings-preview-pane{max-height:none;position:static;overflow-y:visible}}.modal-manual-copy{margin-top:16px}.modal-feedback{color:var(--accent);margin-top:16px;font-size:13px}.modal-feedback.error-text{color:var(--danger)}.save-help{color:#b8b8c1;margin-top:18px;font-size:13px}.save-help summary{width:fit-content}.save-help p{padding:8px 0;line-height:1.8}.display-fullscreen{gap:7px;width:auto;padding:0 12px;font-size:13px}@media (width<=950px){.workspace{padding:24px}.heading-actions{width:auto}}@media (width<=700px){.login-page{min-height:100dvh;padding:24px 20px;display:grid}.login-form{max-width:400px;padding:28px 24px}.admin-header{height:64px;padding:0 16px}.admin-layout{min-height:calc(100dvh - 64px);display:flex}.project-sidebar{display:none}.workspace{padding:16px 16px 32px}.mobile-project-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;padding-bottom:16px;display:flex}.mobile-project-toolbar select{text-overflow:ellipsis;flex:140px;width:0}.mobile-project-toolbar>.text-button{flex-basis:100%;justify-content:flex-start}.mobile-project-toolbar>.button{padding:8px 12px}.video-pagination{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"numbers numbers""previous next";gap:8px;margin-top:16px;display:grid}.video-pagination>.button:first-child{grid-area:previous;width:100%}.video-pagination>.button:last-child{grid-area:next;width:100%}.video-page-numbers{flex-wrap:wrap;grid-area:numbers;gap:4px;max-width:100%}.video-page-number{min-width:32px;padding-inline:6px}.video-page-gap{min-width:10px}.workspace-heading{gap:14px;margin-bottom:16px}.workspace-heading h1{margin:0;font-size:22px}.project-title{flex-basis:100%}.heading-actions{width:100%}.heading-actions>.button{flex:auto;padding:9px;font-size:12px}.quick-settings{margin-bottom:16px}.quick-settings [role=status].error-text{flex-basis:100%}.upload-dropzone{gap:12px;padding:16px}.upload-symbol{display:none}.upload-copy{width:auto}.upload-copy p{font-size:12px}.upload-dropzone>.button{flex:auto;min-height:44px;margin:0;font-size:13px}.upload-item-info strong{font-size:12px}.upload-item-info small,.upload-state,.token-row small{font-size:11px}.token-row strong{font-size:13px}.modal-panel.settings-drawer{border:0;width:100%;padding:28px 24px 0}.settings-drawer .modal-actions{margin:0 -24px;padding-left:24px;padding-right:24px}.settings-drawer .modal-actions>.button{flex:1}.login-form input,.project-form input,.token-form input{font-size:16px}}.admin-header{z-index:20;position:sticky;top:0}@media (width>=701px){.project-sidebar{align-self:start;height:calc(100dvh - 72px);position:sticky;top:72px}.project-sidebar .project-nav{overscroll-behavior-y:contain;min-height:0;overflow-y:auto}.project-nav-item,.project-sidebar .sidebar-heading,.project-sidebar .new-project,.project-sidebar .sidebar-bottom{flex-shrink:0}}.sidebar-bottom{flex-direction:column;gap:6px;padding-top:20px;display:flex}.mobile-section-links{flex-wrap:wrap;gap:8px 22px;width:100%;display:flex}.mobile-section-links [aria-current=page]{color:var(--accent);text-underline-offset:6px;text-decoration:underline}.workspace-backups{flex:none;height:calc(100dvh - 72px);min-height:0}.workspace-backups .mobile-project-toolbar{flex-shrink:0}.backup-page{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.backup-page>:not(.backup-list-scroll){flex-shrink:0}.backup-list-scroll{overscroll-behavior-y:contain;min-height:0;overflow-y:auto}.backup-list-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.backup-search{gap:10px;max-width:520px;margin-bottom:20px;display:flex}.backup-search input{flex:1}.backup-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:13px}.backup-table th{color:#a8a8b1;text-align:left;border-bottom:1px solid var(--line);padding:14px 12px;font-weight:400}.backup-table th:first-child{width:38%}.backup-table th:nth-child(2){width:12%}.backup-table th:nth-child(3){width:19%}.backup-table td{border-bottom:1px solid var(--line);color:#c8c8d0;overflow-wrap:anywhere;padding:12px}.backup-table .backup-name{color:#f2f2f3;line-height:1.7}.backup-actions{flex-wrap:wrap;gap:4px 14px;display:flex}.backup-actions .text-button{font-size:13px}.backup-empty{border:1px solid var(--line);color:var(--muted);text-align:center;border-radius:10px;padding:60px 20px}.backup-pagination{justify-content:flex-end;align-items:center;gap:16px;margin-top:24px;font-size:13px;display:flex}.back-to-backups{align-self:flex-start;margin-bottom:16px}.security-settings{width:min(100%,520px)}.security-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.security-heading h2{font-size:18px;font-weight:500}.security-heading span{color:var(--muted);font-size:12px}.security-settings>.muted{margin:12px 0 24px;font-size:13px}.security-settings label{margin-bottom:20px}.security-settings>.button{margin-top:20px}.settings-saved{color:var(--accent);font-size:13px}.project-archive-action{margin-top:28px}.display-settings{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.display-preview-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.display-preview-heading>span{color:var(--muted);font-size:12px}.preview-orientation{gap:8px;display:flex}.preview-orientation .button{min-height:44px;padding:8px 10px;font-size:12px}.preview-orientation [aria-pressed=true]{color:var(--accent);background:#24291d;border-color:#788565}.display-settings-preview{width:min(100%, calc(240px * var(--preview-ratio)));aspect-ratio:var(--preview-ratio);background:#f5f4ef 50%/cover no-repeat;border-radius:6px;margin:0 auto;position:relative;overflow:hidden}.preview-video-row{justify-content:center;align-items:center;gap:calc(var(--preview-gap-percent,1) * 1%);transform:translateY(var(--preview-offset));display:flex;position:absolute;inset:8% 5%;container-type:size}.preview-video-card{--preview-slot-width:calc((100cqw - (var(--preview-count) - 1) * 1cqw) / var(--preview-count));--preview-qr-size:min(24px, 14cqh, var(--preview-slot-width));--preview-gap:min(5px, 3cqh);--preview-video-width:calc(min(var(--preview-slot-width), max(0px, calc((100cqh - var(--preview-qr-size) - var(--preview-gap)) * var(--preview-video-ratio)))) * var(--preview-scale,1));justify-content:center;align-items:center;gap:var(--preview-gap);width:max(var(--preview-video-width), var(--preview-qr-size));flex-direction:column;flex:none;display:flex}.preview-video-card>span{width:var(--preview-video-width);aspect-ratio:var(--preview-video-ratio);color:#e5edcb;background:#242622;flex:none;place-items:center;font-size:9px;line-height:1;display:grid;overflow:hidden}.preview-qr-slot{width:100%;height:var(--preview-qr-size);flex:none;position:relative}.preview-qr-slot>i{--preview-qr-room:max(var(--preview-qr-size), calc((100cqh - var(--preview-video-width) / var(--preview-video-ratio) - var(--preview-gap) + var(--preview-qr-size)) / 2));width:min(calc(var(--preview-qr-size) * var(--preview-qr-scale,1)), 100%, var(--preview-qr-room));aspect-ratio:1;box-sizing:border-box;background:repeating-conic-gradient(#222 0% 25%,#fff 0% 50%) 0/6px 6px;border:2px solid #fff;position:absolute;top:0;left:50%;transform:translate(-50%)}.background-actions,.display-position-actions{flex-wrap:wrap;gap:10px;display:flex}.background-actions{margin-top:12px}.display-settings .display-setting-hint{margin:8px 0 20px;font-size:12px}.display-settings .settings-fields-pane>label{margin-top:20px}.display-settings .settings-fields-pane>label:first-child{margin-top:0}.display-settings .settings-fields-pane>select{width:100%;margin-top:8px}.display-settings .form-error,.display-upload-status{margin:12px 0;font-size:13px}.display-ratio-inputs{align-items:end;gap:10px;margin-top:12px;display:flex}.display-ratio-inputs label{flex:1;min-width:0}.display-ratio-inputs>span{padding-bottom:14px}.display-settings .display-position-label{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;display:flex}.display-position-label span{color:var(--muted);font-size:12px}.display-settings input[type=range]{min-height:44px;accent-color:var(--accent);cursor:pointer;padding:0}.display-settings input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.display-position-actions>button{flex:1}.qr-size-actions>button{min-height:44px}.project-danger-zone{margin-top:20px}.secondary-confirmation{margin:22px 0 16px}@media (width<=1050px) and (width>=701px){.backup-table th:first-child{width:32%}.backup-table th:nth-child(3){width:21%}}@media (width>=701px){.backup-table th{z-index:1;background:#0a0a0b;position:sticky;top:0}}@media (width<=700px){.workspace-backups{height:calc(100dvh - 64px)}.backup-table,.backup-table tbody{display:block}.backup-table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.backup-table tr{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:10px;padding:16px 0;display:grid}.backup-table td{border:0;padding:0;font-size:13px}.backup-table td[data-label]:before{content:attr(data-label);color:var(--muted);margin-bottom:4px;font-size:11px;display:block}.backup-name,.backup-table td:last-child{grid-column:1/-1}.backup-actions{gap:8px 24px}.backup-pagination{justify-content:center}.backup-search input,.security-settings input,.secondary-confirmation input{font-size:16px}}@media (height<=600px){.project-sidebar{padding-top:16px;padding-bottom:16px}.project-sidebar .new-project{margin-top:12px;margin-bottom:12px}.sidebar-bottom{padding-top:12px}.workspace-backups{padding-top:16px;padding-bottom:16px}.backup-page .workspace-heading>div{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.backup-page .workspace-heading .muted{margin-top:0}.backup-page .workspace-heading,.backup-search{margin-bottom:12px}.backup-pagination{margin-top:12px}}.theme-toggle{flex-shrink:0;gap:7px;min-height:44px;padding:9px 12px;font-size:12px}.login-page{padding-top:88px;position:relative}.login-theme-control{top:max(16px, env(safe-area-inset-top));right:max(20px, env(safe-area-inset-right));position:absolute}.claim-header{justify-content:space-between;gap:16px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#252b22;--surface:#fff;--surface-raised:#eef1e9;--line:#d4dacd;--muted:#5e6859;--accent:#49612e;--accent-dark:#3b5124;--danger:#a62f32;--day-ink:#252b22;--day-soft:#f4f5f1;--day-selected:#e8efdc;--day-border:#c7cebe;background:#f4f5f1}:root[data-theme=light] :is(.login-page,.claim-page,.app-error-page){background:var(--day-soft);color:var(--day-ink)}:root[data-theme=light] :is(.admin-header,.project-sidebar,.library-card,.integration-card,.modal-panel,.settings-drawer .modal-actions,.wechat-guide>section){background:var(--surface);border-color:var(--line)}:root[data-theme=light] .brand img{filter:brightness(0);opacity:.85}:root[data-theme=light] .brand-divider{background:var(--line)}:root[data-theme=light] :is(.brand-caption,.username,label,legend,.library-card-info h3,.backup-table .backup-name,.claim-video-info h1,.wechat-guide li strong){color:var(--day-ink)}:root[data-theme=light] :is(input,textarea,select){color:var(--day-ink);border-color:var(--day-border);background-color:#fff}:root[data-theme=light] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%235e6859' stroke-width='1.5'/%3E%3C/svg%3E")}:root[data-theme=light] :is(input,textarea)::placeholder{color:#687260}:root[data-theme=light] :is(input,textarea):focus{box-shadow:0 0 0 3px #49612e1a;border-color:#6a804e!important}:root[data-theme=light] .button{border-color:var(--day-border);color:#35442b;background:#fff}:root[data-theme=light] .button:hover:not(:disabled){background:#eaf0e1;border-color:#8b9c78}:root[data-theme=light] :is(.button-primary,.upload-dropzone>.button){background:var(--accent);border-color:var(--accent);color:#fff}:root[data-theme=light] :is(.button-primary,.upload-dropzone>.button):hover:not(:disabled){color:#fff;background:#3b5124;border-color:#3b5124}:root[data-theme=light] .button-danger{color:#fff;background:#aa3438;border-color:#aa3438}:root[data-theme=light] .button-danger:hover:not(:disabled){background:#8d292c;border-color:#8d292c}:root[data-theme=light] .text-button{color:#49612e}:root[data-theme=light] .text-button:hover{color:#273c16}:root[data-theme=light] .icon-button{color:#5b6555}:root[data-theme=light] .icon-button:hover{color:#263a19;background:#49612e12}:root[data-theme=light] :is(.danger-text,.library-card-actions>.danger-text,.error-text,.quick-settings .error-text,.modal-feedback.error-text){color:var(--danger)}:root[data-theme=light] .danger-hover:hover{color:var(--danger);background:#aa34380d}:root[data-theme=light] :is(.sidebar-heading,.sidebar-empty,.project-nav-item,.project-nav-item>b,.new-project,.new-project svg,.count-badge,.backup-table th,.backup-table td,.upload-copy p,.upload-item-info small,.queue-heading,.queue-heading b,.queue-heading .text-button,.library-card-info>p,.video-selection-count,.library-empty p,.content-loading,.panel-heading p,.token-empty,.token-row small,.api-endpoint>span,.code-block>div>span,.code-block .text-button,.api-footnote,.claim-video-info p,.claim-video-info p>span,.claim-help,.claim-help>svg,.claim-state p,.save-help,.wechat-guide section>p,.wechat-guide li,.wechat-guide section>.text-button){color:var(--muted)}:root[data-theme=light] .project-nav-item:hover{color:var(--day-ink);background:#eef1e9}:root[data-theme=light] .project-nav-item.active{color:#334923;background:var(--day-selected);border-color:#becda9}:root[data-theme=light] :is(.project-nav-item.active svg,.project-nav-item.active b){color:#49612e}:root[data-theme=light] .project-nav .project-nav-item{border-color:var(--line)}:root[data-theme=light] :is(.count-badge,.user-avatar,.file-icon){color:#49612e;background:#e8efdc}:root[data-theme=light] :is(.section-icon,.empty-video-icon,.upload-symbol){color:#49612e;box-shadow:none;background:#e9efdf;border-color:#c5d1b6}:root[data-theme=light] .upload-dropzone{background:#f9fbf5;border-color:#a9b996}:root[data-theme=light] .upload-dropzone.dragging{background:#e8efdc;border-color:#49612e}:root[data-theme=light] .upload-queue{background:#fff}:root[data-theme=light] :is(.queue-heading,.upload-item+.upload-item,.library-video,.library-card-actions,.token-row,.modal-actions,.code-block>div){border-color:var(--line)}:root[data-theme=light] .progress-track{background:#e2e8d8}:root[data-theme=light] .progress-track i{background:#637e40}:root[data-theme=light] :is(.upload-state,.upload-state.success,.quick-settings [role=status]){color:#49612e}:root[data-theme=light] .video-selection-bar{background:#edf2e6;border-color:#c6d3b7}:root[data-theme=light] .video-selection{color:#35442b}:root[data-theme=light] .library-card.is-selected{border-color:#6a834b;box-shadow:0 0 0 1px #6a834b}:root[data-theme=light] .library-card-actions>.text-button:not(.danger-text){color:#49612e}:root[data-theme=light] .library-empty{border-color:var(--line);background:#fafbf7}:root[data-theme=light] .library-empty h3{color:var(--day-ink)}:root[data-theme=light] .backup-table th{background:var(--day-soft)}:root[data-theme=light] :is(.form-error,.inline-error,.video-deletion-report){color:#9b2e30;background:#fff1ef;border-color:#e7bcba}:root[data-theme=light] :is(.modal-panel,.wechat-guide>section){box-shadow:0 20px 70px #25321826}:root[data-theme=light] .modal-backdrop{background:#18231366}:root[data-theme=light] .modal-panel>.muted{color:var(--muted)}:root[data-theme=light] .toast-message{color:#344b23;background:#edf4e2;border-color:#a3b989;box-shadow:0 8px 30px #26321820}:root[data-theme=light] .toast-error{color:#9b2e30;background:#fff1ef;border-color:#d6a4a3}:root[data-theme=light] .manual-copy{border-color:var(--day-border);background:#fff;box-shadow:0 10px 60px #26321826}:root[data-theme=light] :is(.revealed-token,.secret-row,.api-endpoint,.code-block,.code-block>div){background:#f0f4e9;border-color:#c6d3b7}:root[data-theme=light] :is(.revealed-token strong,.secret-row>code,.api-guide code,.code-block pre){color:#344b23}:root[data-theme=light] .revealed-token span{color:var(--muted)}:root[data-theme=light] .secret-row>.button{color:#344b23;background:#e2ebd5;border-color:#b4c79c}:root[data-theme=light] .token-device{color:#59684d;border-color:var(--line)}:root[data-theme=light] .guide-step p{color:var(--muted)}:root[data-theme=light] .guide-step>b{color:#49612e;border-color:#a7b792}:root[data-theme=light] .preview-orientation [aria-pressed=true]{color:#344b23;background:#e2ebd5;border-color:#849c66}:root[data-theme=light] :is(.claim-copy,.claim-manual-copy,.wechat-guide li>b){color:#49612e}:root[data-theme=light] .claim-playback-error{color:#875323}:root[data-theme=light] .wechat-guide li>b{border-color:#a7b792}:root[data-theme=light] .spinner{border-color:#49612e #49612e26 #49612e26}:root[data-theme=light] .button-primary .spinner{border-color:#fff #fff5 #fff5}@media (width<=700px){.admin-header .brand-divider,.admin-header .brand-caption{display:none}.admin-header .brand img{width:100px}.theme-toggle{padding-inline:10px}}@media (width<=420px){.admin-header .user-avatar{display:none}}.claim-skin{color:var(--claim-ink);background-color:var(--claim-bg);font-family:var(--claim-font);font-synthesis:none;color-scheme:normal;background-position:50%;background-size:cover}.claim-skin .brand img{opacity:1;filter:var(--claim-logo-filter)!important}.claim-skin .brand-caption,.claim-skin .brand-divider{display:none}.claim-skin .brand img,.claim-custom-logo{object-fit:contain;width:auto;max-width:132px;height:28px;display:block}.claim-page.claim-skin{grid-template-rows:auto minmax(0,1fr);height:100dvh;min-height:0;display:grid;overflow:hidden}.claim-page .claim-header{width:100%;max-width:none;padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 12px max(16px, env(safe-area-inset-left));background:var(--claim-bg);flex-direction:column;flex-shrink:0;gap:8px;margin:0;display:flex}.claim-page .claim-header--bare{gap:0;padding-bottom:0}.claim-page-title{font:var(--claim-title-weight) var(--claim-title-size)/1.35 var(--claim-font);color:var(--claim-ink);text-align:center;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:560px;display:-webkit-box;overflow:hidden}.claim-page .claim-content{grid-template-rows:minmax(96px,1fr) auto;width:100%;max-width:none;min-height:0;display:grid;overflow-y:auto}.claim-stage{justify-content:center;justify-self:center;align-items:center;width:min(100%,640px);min-height:96px;padding:0;display:flex;overflow:hidden}.claim-page .claim-video-wrap{background:#171719;flex-shrink:0;max-width:100%;max-height:100%}.claim-page .claim-video-wrap video{object-fit:contain;width:100%;height:100%;display:block}.claim-page .claim-actions{z-index:2;background:var(--claim-bg);padding:12px max(16px, env(safe-area-inset-right)) max(4px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));flex-direction:column;align-items:center;gap:0;margin:0;display:flex;position:sticky;bottom:0}.claim-skin .claim-download,.claim-mockup-button{background:var(--claim-button);color:var(--claim-button-ink);font:var(--claim-button-weight) var(--claim-button-size)/1.3 var(--claim-font);width:min(100%, calc(80% * var(--claim-button-scale,1)), calc(480px * var(--claim-button-scale,1)));min-height:calc(52px * var(--claim-button-scale,1));overflow-wrap:anywhere;text-align:center;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px 16px;display:flex}.claim-skin .claim-download:hover,.claim-skin .claim-download:active{background:var(--claim-button);color:var(--claim-button-ink);filter:brightness(.96);transform:none}.claim-skin a:focus-visible,.claim-skin button:focus-visible{outline:2px solid var(--claim-ink);outline-offset:3px}.claim-skin .claim-filename{color:var(--claim-ink);font:400 14px/1.5 var(--claim-font);text-align:center;white-space:nowrap;text-overflow:ellipsis;width:min(100%,480px);margin:0 0 8px;overflow:hidden}.claim-skin .claim-help{color:var(--claim-ink);margin:8px 0 0;padding:0;font-size:12px;display:block}.claim-help-button{color:var(--claim-ink);font:400 13px/1.4 var(--claim-font);background:0 0;border:0;justify-content:center;align-items:center;gap:5px;min-height:44px;padding:8px 16px;display:flex}.claim-skin .claim-playback-error{max-width:480px;color:var(--claim-ink);margin:0 0 8px;padding:0;font-size:12px;line-height:1.4}.claim-page .claim-state{min-height:0;color:var(--claim-ink);padding:24px}.claim-page .claim-state p{color:inherit}.claim-skin .wechat-guide section{background:var(--claim-bg);max-height:calc(100dvh - 32px);color:var(--claim-ink);font-family:var(--claim-font);overflow-y:auto}.claim-skin .wechat-guide :is(h2,p,li,strong,.text-button,.icon-button){color:var(--claim-ink)}.claim-skin .wechat-guide li>b{color:var(--claim-ink);border-color:currentColor}.claim-skin .wechat-guide .claim-guide-copy{background:var(--claim-button);color:var(--claim-button-ink);border:0}.claim-skin .wechat-guide .share-url-input{color:var(--claim-ink);background:var(--claim-bg);border-color:var(--claim-ink)}.claim-skin .wechat-guide .guide-menu-target{color:#fff}.claim-skin .wechat-guide h2{margin:0 30px 16px 0}.claim-skin .wechat-guide section>.text-button{min-height:44px}.project-settings-tabs{background:var(--surface-raised);border:1px solid var(--line);border-radius:10px;flex-shrink:0;gap:4px;margin-bottom:22px;padding:4px;display:flex}.project-settings-tabs button{color:var(--muted);background:0 0;border:0;border-radius:7px;flex:1;min-height:44px;font-size:14px}.project-settings-tabs button[aria-selected=true]{background:var(--surface);color:var(--accent);box-shadow:0 1px 5px #0002}.settings-drawer .project-form{min-height:0;margin-top:24px;overflow:hidden}.settings-drawer .project-form-fields{overscroll-behavior:contain;min-height:0;margin:0 -10px;padding:0 10px 24px;overflow-y:auto}.settings-drawer .modal-actions{margin-top:auto;position:static}.settings-drawer .display-settings{border-top:0;margin-top:0;padding-top:0}.claim-settings-fields{flex-direction:column;gap:22px;display:flex}.claim-header-toggles{flex-wrap:wrap;gap:10px 22px;display:flex}.claim-settings input,.claim-settings select{max-width:100%}.claim-settings input[type=color]{cursor:pointer;width:64px;height:44px;padding:4px}.claim-setting-actions{flex-wrap:wrap;gap:8px;display:flex}.claim-asset-field{color:var(--muted);flex-direction:column;gap:10px;font-size:13px;display:flex}.claim-file-button{cursor:pointer;flex-direction:row;display:inline-flex;position:relative;overflow:hidden}.claim-file-button:focus-within{outline:2px solid var(--accent);outline-offset:3px}.claim-file-button:has(input:disabled){opacity:.42;cursor:default}.claim-file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.claim-color-row{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.claim-typography-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.claim-typography-row label>span{color:var(--muted);font-size:12px}.claim-typography-row input[type=range]{min-height:44px;accent-color:var(--accent);padding:0}.claim-font-licenses{color:var(--muted);overflow-wrap:anywhere;font-size:12px;line-height:1.7}.claim-font-licenses summary{cursor:pointer;align-items:center;min-height:44px;display:flex}.claim-font-licenses a{padding:5px 0;text-decoration:underline;display:block}.claim-mockup{border:1px solid #8885;border-radius:20px;grid-template-rows:auto minmax(0,1fr) auto;width:min(100%,300px);height:470px;margin:0 auto;display:grid;overflow:hidden}.claim-mockup-header{background:var(--claim-bg);flex-direction:column;align-items:center;gap:8px;padding:14px 12px 10px;display:flex}.claim-mockup-header .brand img,.claim-mockup-header .claim-custom-logo{max-width:110px;height:22px}.claim-mockup-stage{grid-row:2;justify-content:center;align-items:center;min-height:0;padding:4px;display:flex;overflow:hidden}.claim-mockup-video{color:#ffffffc4;background:linear-gradient(145deg,#333a36,#141a16);border:1px solid #ffffff18;border-radius:3px;place-items:center;display:grid}.claim-mockup-video.portrait{aspect-ratio:9/16;height:100%}.claim-mockup-video.landscape{aspect-ratio:16/9;width:100%}.claim-mockup-actions{background:var(--claim-bg);flex-direction:column;grid-row:3;align-items:center;padding:10px 12px 0;display:flex}.claim-mockup-button{padding:10px}.claim-mockup-help{font:400 12px/36px var(--claim-font);color:var(--claim-ink)}@media (height<=480px){.claim-page .claim-header{padding-top:max(8px, env(safe-area-inset-top));flex-direction:row;justify-content:center;gap:12px;padding-bottom:8px}.claim-page .claim-header .brand img,.claim-page .claim-custom-logo{height:22px}.claim-page .claim-actions{padding-top:6px}.claim-page .claim-download{min-height:44px;padding-block:8px}}@media (width<=360px){.claim-settings .display-preview-heading{flex-wrap:wrap;gap:8px}.claim-settings .preview-orientation{width:100%}.claim-settings .preview-orientation .button{flex:1;padding-inline:8px}}