.app-root{width:100vw;height:100vh;overflow:hidden}body[data-page=home] .app-root{height:auto;min-height:100vh;overflow:visible}body[data-page=welcome] .app-root{height:100vh;overflow:hidden}*{box-sizing:border-box;margin:0;padding:0}.glass-tuner{z-index:8;border:1px solid var(--color-white-08);color:#ddd7d3;-webkit-backdrop-filter:blur(20px)saturate(1.05);background:#241e1ceb;border-radius:18px;width:400px;max-height:calc(100vh - 36px);padding:16px 16px 12px;display:none;position:absolute;top:18px;right:18px;overflow:auto;box-shadow:0 18px 42px #0000006b}body[data-page=home] .glass-tuner{display:none}.glass-tuner-header{letter-spacing:0;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:15px;font-weight:700;line-height:20px;display:flex}.glass-tuner-reset{background:var(--color-white-08);color:#ddd7d3;white-space:nowrap;height:28px;transition:background-color var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease);border-radius:999px;padding:0 12px;font-size:12px;font-weight:600;line-height:20px}.glass-tuner-reset:hover{background:var(--color-white-18);color:var(--color-white)}.glass-tuner-reset:active{background:var(--color-white-08);transform:scale(.96)}.glass-tuner-row{color:#b6aeaa;grid-template-columns:132px 1fr 44px;align-items:center;gap:12px;min-height:28px;font-size:13px;line-height:18px;display:grid}.glass-tuner-row input{width:100%;accent-color:var(--color-violet);margin:0}.glass-tuner-row input[type=range]{appearance:none;background:0 0;height:20px}.glass-tuner-row input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--color-violet) 0 var(--slider-progress,50%), var(--color-white-18) var(--slider-progress,50%) 100%);border-radius:999px;height:4px}.glass-tuner-row input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-violet);border:0;border-radius:50%;width:16px;height:16px;margin-top:-6px;box-shadow:0 0 0 3px #8f78ff2e}.glass-tuner-row input[type=range]::-moz-range-track{background:linear-gradient(90deg, var(--color-violet) 0 var(--slider-progress,50%), var(--color-white-18) var(--slider-progress,50%) 100%);border:0;border-radius:999px;height:4px}.glass-tuner-row input[type=range]::-moz-range-thumb{background:var(--color-violet);border:0;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 3px #8f78ff2e}.glass-tuner-value{color:#9f9792;text-align:right;font-variant-numeric:tabular-nums}.glass-tuner-group{border-top:1px solid var(--color-white-08);margin-top:14px;padding-top:12px}.glass-tuner-group-title{color:#8f8a86;letter-spacing:.02em;margin-bottom:10px;font-size:13px;font-weight:700}.glass-tuner-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.glass-tuner-chip{color:#d7d0cb;background:#ffffff0f;border-radius:999px;min-height:30px;padding:0 10px;font-size:12px;font-weight:600}.glass-tuner-color-row{grid-template-columns:132px 34px 44px;justify-content:space-between}.glass-tuner-swatch{width:32px;height:32px;box-shadow:inset 0 0 0 1px var(--color-black-10);border:1px solid #ffffff29;border-radius:10px;padding:0;overflow:hidden}.glass-tuner-swatch input{cursor:pointer;background:0 0;border:0;width:44px;height:44px;margin:-6px 0 0 -6px;padding:0}.glass-tuner-swatch-value{width:100%;height:100%;display:block}.glass-tuner-faint{color:#8f8a86;font-size:12px}.hero-generate-loading{z-index:5000;-webkit-backdrop-filter:blur(10px);color:#424956;letter-spacing:.02em;pointer-events:auto;background:#f8f9fbb8;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:14px;font-weight:600;display:flex;position:absolute;inset:0}.hero-generate-spinner{width:44px;height:44px;animation:1.1s linear infinite heroGenerateSpin}@keyframes heroGenerateSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.home-page.page-view{color:#dee2e9;background:#050505;min-width:960px;height:auto;min-height:100vh;font-family:PingFang SC,Microsoft YaHei,Segoe UI,Arial,sans-serif;position:relative;overflow:visible}.home-page.is-image-generating{pointer-events:none}.home-page.is-image-generating .hero-generate-loading{pointer-events:auto;position:fixed}.home-hero{--home-browser-height:113px;--home-toolbar-logo-overflow:44px;background:#050505;min-width:960px;height:max(100vh,540px);position:relative;overflow:clip}.home-toolbar-boundary{z-index:8;height:calc(100% - 5.6vh - var(--home-browser-height) - var(--home-toolbar-logo-overflow));pointer-events:none;position:absolute;inset:0 0 auto}.home-toolbar{z-index:1;color:#dee2e9;pointer-events:auto;justify-content:space-between;align-items:flex-start;height:72px;padding:16px 28px 0;display:flex;position:sticky;top:0}.home-toolbar-group{align-items:center;gap:16px;display:flex}.home-toolbar-menu,.home-toolbar-avatar{color:#dee2e9;background:0 0;border-radius:50%;place-items:center;width:28px;height:28px;display:inline-grid}.home-toolbar-menu .home-menu-glyph{width:22px;height:22px;display:block;position:relative}.home-toolbar-brand{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;width:70px;padding:0;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.home-toolbar-logo{object-fit:contain;opacity:.88;width:70px;height:100px}.home-toolbar-upload{z-index:8;color:#dee2e9;background:#6b7280;border:0;border-radius:32px;justify-content:center;align-items:center;gap:10px;width:130px;height:44px;padding:10px;transition:background .18s,color .18s;display:inline-flex;position:absolute;top:150px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px 1px #ffffff40,inset 0 -1px 1px #ffffff40}.home-toolbar-upload:hover,.home-toolbar-upload:focus-visible{color:#fff;background:#8993a3}.home-toolbar-upload-icon{width:24px;height:24px}.home-toolbar-upload-icon :deep(svg){width:24px;height:24px}.home-toolbar-upload:disabled{opacity:.7;cursor:wait}.home-file-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.home-toolbar-menu:hover,.home-toolbar-menu:focus-visible{color:#fff;outline:none}.home-toolbar-avatar{color:#6b7280;background:#dee2e9}.home-toolbar-avatar:after{content:"";background:#9ca4b3;border-radius:50% 50% 45% 45%;width:10px;height:5px;margin-top:11px}.home-menu-overlay{z-index:9;color:#dee2e9;visibility:hidden;pointer-events:none;flex-direction:column;align-items:flex-start;gap:20px;font-size:14px;font-weight:400;line-height:20px;display:flex;position:absolute;top:54px;left:28px}.home-menu-overlay.is-open{visibility:visible;pointer-events:auto}.home-menu-nav-item{opacity:0;white-space:nowrap;transition:opacity .18s,color .18s,transform .22s cubic-bezier(.2,.8,.2,1);position:relative;transform:translateY(-5px)}.home-menu-nav-item:before{content:"";opacity:0;background:currentColor;width:1px;height:14px;transition:opacity .18s,transform .18s;position:absolute;top:50%;left:-10px;transform:translateY(-50%)scaleY(.45)}.home-menu-overlay.is-open .home-menu-nav-item:hover{opacity:1;color:#fff;transition-delay:0s;transform:translate(10px)}.home-menu-nav-item:hover:before{opacity:1;transform:translateY(-50%)scaleY(1)}.home-menu-nav-divider{opacity:0;transform-origin:0;background:#dee2e994;width:100%;height:1px;transition:opacity .18s,transform .18s;transform:scaleX(0)}.home-menu-overlay.is-open .home-menu-nav-item,.home-menu-overlay.is-open .home-menu-nav-divider{opacity:1;transition-delay:var(--home-menu-delay,0s);transform:none}.home-menu-overlay.is-open .home-menu-nav-divider{transform:scaleX(1)}.home-menu-overlay>:first-child{--home-menu-delay:0s}.home-menu-overlay>:nth-child(2){--home-menu-delay:70ms}.home-menu-overlay>:nth-child(3){--home-menu-delay:.14s}.home-menu-overlay>:nth-child(4){--home-menu-delay:.21s}.home-menu-overlay>:nth-child(5){--home-menu-delay:.28s}.home-menu-overlay>:nth-child(6){--home-menu-delay:.35s}.home-menu-overlay>:nth-child(7){--home-menu-delay:.42s}.home-toolbar-menu{position:relative}.home-menu-line{transform-origin:50%;background:currentColor;border-radius:1px;width:22px;height:1.8px;transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .16s;position:absolute;left:0}.home-menu-line--top{top:4.1px}.home-menu-line--middle{top:10.1px}.home-menu-line--bottom{top:16.1px}.home-toolbar-menu.is-open .home-menu-line--top{transform:translateY(6px)rotate(45deg)}.home-toolbar-menu.is-open .home-menu-line--middle{opacity:0;transform:scaleX(.35)}.home-toolbar-menu.is-open .home-menu-line--bottom{transform:translateY(-6px)rotate(-45deg)}.home-bottom-nav{z-index:8;color:#dee2e9;background:0 0;flex-direction:column;align-items:center;gap:2px;min-width:84px;min-height:40px;padding:0 12px;font-size:14px;display:inline-flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.home-bottom-nav-arrow{width:22px;height:22px}.home-bottom-nav-arrow :deep(svg){width:22px;height:22px}.home-bg{z-index:0;pointer-events:none;background:#050505;position:fixed;inset:0}.home-bg:before{content:"";background:url(/images/bg.png) 0 0/cover no-repeat;position:absolute;inset:0}.coverflow-stage{z-index:1;perspective:1200px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;height:60vh;min-height:360px;position:absolute;top:12vh;left:0;right:0;overflow:hidden}.coverflow-stage:active{cursor:grabbing}.coverflow-item{transform-origin:50%;opacity:0;will-change:transform;cursor:pointer;border-radius:2px;width:min(52vw,1002px);min-width:540px;height:min(46vh,559px);max-height:559px;transition:transform .52s cubic-bezier(.2,.8,.2,1),opacity .36s;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 24px 48px #00000047}.coverflow-stage.no-anim .coverflow-item,.coverflow-stage.no-anim~.home-browser .coverflow-range-fill{transition:none}.coverflow-item img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.coverflow-item:after{content:"";pointer-events:none;background:rgba(0, 0, 0, var(--cover-mask,0));position:absolute;inset:0}.coverflow-item[data-offset="0"]{opacity:1;--cover-mask:0;z-index:6;cursor:default;transform:translate(-50%,-50%)translate(0)translateZ(120px)scale(1)}.coverflow-item[data-offset="-1"]{opacity:1;--cover-mask:.16;z-index:5;transform:translate(-50%,-50%)translate(-24vw)translateZ(-80px)rotateY(22deg)scale(.8)}.coverflow-item[data-offset="1"]{opacity:1;--cover-mask:.16;z-index:5;transform:translate(-50%,-50%)translate(24vw)translateZ(-80px)rotateY(-22deg)scale(.8)}.coverflow-item[data-offset="-2"]{opacity:1;--cover-mask:.32;z-index:4;transform:translate(-50%,-50%)translate(-36vw)translateZ(-180px)rotateY(30deg)scale(.68)}.coverflow-item[data-offset="-2"],.coverflow-item[data-offset="2"]{opacity:1;--cover-mask:.32;z-index:4}.coverflow-item[data-offset="2"]{transform:translate(-50%,-50%)translate(36vw)translateZ(-180px)rotateY(-30deg)scale(.68)}.coverflow-item[data-offset="-3"]{opacity:1;--cover-mask:.48;z-index:3;transform:translate(-50%,-50%)translate(-47vw)translateZ(-260px)rotateY(36deg)scale(.58)}.coverflow-item[data-offset="3"]{opacity:1;--cover-mask:.48;z-index:3;transform:translate(-50%,-50%)translate(47vw)translateZ(-260px)rotateY(-36deg)scale(.58)}.coverflow-item[data-offset="-4"]{opacity:1;--cover-mask:.62;z-index:2;transform:translate(-50%,-50%)translate(-58vw)translateZ(-330px)rotateY(42deg)scale(.5)}.coverflow-item[data-offset="4"]{opacity:1;--cover-mask:.62;z-index:2;transform:translate(-50%,-50%)translate(58vw)translateZ(-330px)rotateY(-42deg)scale(.5)}.coverflow-item[data-offset=hidden-left]{opacity:0;z-index:1;transform:translate(-50%,-50%)translate(-76vw)translateZ(-380px)rotateY(44deg)scale(.46)}.coverflow-item[data-offset=hidden-right]{opacity:0;z-index:1;transform:translate(-50%,-50%)translate(76vw)translateZ(-380px)rotateY(-44deg)scale(.46)}.home-browser{z-index:2;width:min(980px,74vw);position:absolute;bottom:5.6vh;left:50%;overflow:visible;transform:translate(-50%)}.home-selection-glass{z-index:7;isolation:isolate;pointer-events:none;background:linear-gradient(#ffffff0d 0%,#ffffff1a 40%,#fff3 70%,#ffffff4d 100%);border:1px solid #000;border-radius:32px;width:200px;height:64px;position:absolute;top:70px;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:inset 0 1.5px 1px #ffffff40,inset 0 -1.5px #fff6,inset 0 0 0 1px #00000038}.coverflow-range{background:#474747;border-radius:8px;width:min(730px,100%);height:5px;margin:0 auto 22px;position:relative;overflow:visible}.coverflow-range input{opacity:0;pointer-events:none;width:100%;position:absolute;inset:-16px 0}.coverflow-range-fill{top:-2px;left:var(--range-x,0%);cursor:grab;background:#d9d9d9;border-radius:999px;width:38.6%;height:9px;transition:left .22s;position:absolute}.coverflow-range.is-dragging .coverflow-range-fill{cursor:grabbing;transition:none}.home-file-list{z-index:5;scrollbar-width:none;align-items:center;gap:20px;height:86px;padding:0 calc(50% - 100px);display:flex;position:relative;overflow:auto visible}.home-file-list::-webkit-scrollbar{display:none}.home-file-row{color:#dee2e9;opacity:.4;white-space:nowrap;border-radius:32px;flex-direction:column;flex:none;justify-content:center;align-items:center;width:150px;min-height:48px;padding:6px 20px;font-size:16.162px;font-weight:600;line-height:24.242px;display:flex}.home-file-row.is-near{opacity:.8}.home-file-row.is-middle{opacity:.6}.home-file-row.is-active{opacity:1;width:200px}.home-file-date{color:#8e949f;font-size:14.141px;font-weight:600;line-height:24.242px}.home-gallery{z-index:3;width:100%;min-width:960px;padding:48px 11px 120px;position:relative}.home-gallery-header{z-index:10;color:#fff;justify-content:space-between;align-items:center;gap:20px;margin:0 0 12px;padding:10px 0;display:flex;position:sticky;top:0}.home-gallery-header.is-stuck{background:#101012e0;box-shadow:0 8px 18px #0000002e}.home-gallery-title{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.home-gallery-filters{min-height:30px;display:flex}.home-gallery-filter{color:#fff;border:1px solid #00000003;border-radius:32px;height:30px;padding:4px 20px;font-size:12px;line-height:20px}.home-gallery-filter.is-active{background:linear-gradient(#ffffff0d,#fff3);box-shadow:inset 0 1px 1px #ffffff40,inset 0 -1px 1px #ffffff40}.home-gallery-search{color:#fff;background:linear-gradient(#ffffff0d,#fff3);border-radius:32px;flex:0 0 200px;align-items:center;gap:10px;width:200px;height:30px;padding:4px 10px;display:flex;box-shadow:inset 0 1px 1px #ffffff40,inset 0 -1px 1px #ffffff40}.home-gallery-search-icon{flex:0 0 16px;width:16px;height:16px}.home-gallery-search-icon :deep(svg){flex:0 0 16px;width:16px;height:16px}.home-gallery-search input{color:#fff;background:0 0;border:0;outline:0;width:100%;height:20px;font:400 12px/20px PingFang SC,Microsoft YaHei,sans-serif}.home-gallery-search input::placeholder{color:#fff}.home-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.home-gallery-card{color:#e8ebef;text-align:left;cursor:pointer;flex-direction:column;width:100%;display:flex}.home-gallery-media{border-radius:4px;position:relative;overflow:hidden}.home-gallery-card img{aspect-ratio:330/186;object-fit:cover;background:#222;border-radius:4px;width:100%}.home-gallery-card-meta{justify-content:space-between;gap:12px;font-size:16.162px;font-weight:600;line-height:24.242px;display:flex}.home-gallery-card-meta span:last-child{color:#8e949f;font-size:14.141px;font-weight:500}.home-gallery-empty{color:#9ca4b3;text-align:center;grid-column:1/-1;padding:48px 0;font-size:14px}.home-gallery-sentinel{color:#9ca4b3;text-align:center;min-height:48px;padding:16px 0 0;font-size:13px}.export-dialog-layer{z-index:30;opacity:0;visibility:hidden;pointer-events:none;place-items:center;padding:16px;transition:opacity .18s,visibility .18s;display:grid;position:absolute;inset:0}.export-dialog-layer.is-open{opacity:1;visibility:visible;pointer-events:auto}.export-dialog{color:#424956;opacity:0;border-radius:32px;flex-direction:column;gap:10px;width:min(350px,100vw - 32px);max-height:calc(100vh - 32px);padding:16px;transition:opacity .18s,transform .22s cubic-bezier(.2,.8,.2,1);display:flex;overflow-y:auto;transform:translateY(10px)scale(.97)}.export-dialog-layer.is-open .export-dialog{opacity:1;transform:translateY(0)scale(1)}.export-dialog-title{text-align:center;margin:0;font-size:16px;font-weight:600;line-height:24px}.export-dialog-content{gap:16px;display:grid}.export-preview-group{gap:10px;display:grid}.export-preview-head{color:#6b7280;justify-content:space-between;align-items:center;min-height:20px;font-size:14px;font-weight:600;line-height:20px;display:flex}.export-preview-toggle{color:#0000;background:#fff;border:1px solid #b59c9c26;border-radius:4px;place-items:center;width:16px;height:16px;padding:0;font-size:12px;font-weight:700;line-height:12px;transition:background .15s,color .15s;display:grid;box-shadow:0 1px 2px #6b72800d}.export-preview-toggle.is-selected{color:#fff;background:#68778b;box-shadow:0 1px 1px #6b72800d}.export-preview-image{aspect-ratio:16/9;object-fit:cover;background:#dee2e9;width:100%;display:block}.export-action-list{justify-items:center;gap:10px;display:grid}.export-board-action,.export-format-trigger,.export-dialog-cancel,.export-dialog-submit{color:#424956;background:#b59c9c26;border-radius:16px;justify-content:space-between;align-items:center;min-height:40px;padding:10px 16px;font-size:14px;font-weight:500;line-height:20px;transition:background .15s,color .15s,transform .15s;display:inline-flex}.export-board-action{gap:10px;min-width:100px}.export-board-action .ui-svg{--ui-icon-size:20px}.export-board-action.is-selected,.export-board-action:hover,.export-format-trigger:hover,.export-dialog-cancel:hover{background:#dee2e9}.export-dialog-footer{justify-content:space-between;align-items:center;gap:10px;margin-top:0;display:flex}.export-format-control{position:relative}.export-format-trigger{gap:10px;min-width:90px}.export-format-trigger .ui-svg,.export-format-trigger svg{flex:0 0 20px;width:20px;height:20px}.export-format-menu{opacity:0;pointer-events:none;transform-origin:0 100%;border-radius:16px;gap:2px;min-width:90px;padding:6px;transition:opacity .15s,transform .15s;display:grid;position:absolute;bottom:calc(100% + 8px);left:0;transform:translateY(6px)scale(.96)}.export-format-control.is-open .export-format-menu{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.export-format-option{color:#6b7280;text-align:left;border-radius:10px;min-height:30px;padding:5px 10px;font-size:12px;font-weight:600;line-height:20px}.export-format-option:hover,.export-format-option.is-selected{color:#424956;background:#dee2e9}.export-dialog-actions{gap:10px;display:flex}.export-dialog-cancel,.export-dialog-submit{justify-content:center;min-width:80px}.export-dialog-submit{color:#f9f9f9;background:#68778b}.export-dialog-submit:hover{background:#59697e;transform:translateY(-1px)}.demo-top-toolbar{--toolbar-panel:#f9f9f9d6;--toolbar-line:#fffffff5;--toolbar-shadow:0 8px 32px #00000026, inset 0 1px 1px #fffc;--toolbar-hover:#dee2e9b8;--toolbar-icon-hover:#dee2e9c7;--toolbar-active:#dee2e9;--toolbar-text:#424956;--toolbar-muted:#6b7280;--toolbar-shortcut:#9ca4b3;--toolbar-divider:#9ca4b359;z-index:20;pointer-events:none;position:absolute;inset:0}.demo-top-toolbar>*{pointer-events:auto}.demo-top-toolbar .glass{background:var(--toolbar-panel);border:.8px solid var(--toolbar-line);box-shadow:var(--toolbar-shadow);-webkit-backdrop-filter:blur(20px)}.demo-top-toolbar .top-left{z-index:8;border-radius:31.2px;align-items:center;gap:10px;height:40px;padding:4px;position:absolute;top:10px;left:10px;overflow:visible;display:flex!important}.demo-top-toolbar .top-left-button,.demo-top-toolbar .top-left-project{color:var(--toolbar-muted);flex:none;justify-content:center;align-items:center;transition:background .15s,transform .18s;display:inline-flex}.demo-top-toolbar .top-left-button{border-radius:16px;width:32px;height:32px}.demo-top-toolbar .top-left-button .ui-svg{--ui-icon-size:20px}.demo-top-toolbar .top-left-project{border-radius:8px;gap:5px;height:28px;padding:4px}.demo-top-toolbar .brand-dot{object-fit:cover;border-radius:50%;width:20px;height:20px;display:block}.demo-top-toolbar .top-left-project .ui-svg{--ui-icon-size:10px;width:10px;height:10px}.demo-top-toolbar .top-left-button:hover,.demo-top-toolbar .top-left-button:focus-visible,.demo-top-toolbar .top-left-project:hover,.demo-top-toolbar .top-left-project:focus-visible{background:var(--toolbar-hover);outline:none}.demo-top-toolbar .top-left-button:active,.demo-top-toolbar .top-left-project:active{transform:scale(.96)}.demo-top-toolbar .generation-menu{z-index:20;box-sizing:border-box;width:252px;color:var(--toolbar-text);opacity:0;visibility:hidden;pointer-events:none;transform-origin:0 0;border-radius:16px;padding:8px;transition:opacity .15s,transform .18s cubic-bezier(.2,.8,.2,1),visibility .15s;position:absolute;top:58px;left:10px;transform:translateY(-4px)scale(.98)}.demo-top-toolbar .generation-menu.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)scale(1)}.demo-top-toolbar .generation-menu-item{width:100%;min-height:36px;color:var(--toolbar-text);text-align:left;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 16px;font-size:14px;font-weight:600;line-height:20px;transition:background .15s;display:flex}.demo-top-toolbar .generation-menu-item:hover,.demo-top-toolbar .generation-menu-item:focus-visible{background:var(--toolbar-active);outline:none}.demo-top-toolbar .generation-menu-shortcut{color:var(--toolbar-shortcut);white-space:nowrap;margin-left:16px;font-size:14px;font-weight:400}.demo-top-toolbar .generation-menu-caret{opacity:.64;width:14px;height:14px;display:block}.demo-top-toolbar .generation-menu-divider{background:var(--toolbar-divider);height:1px;margin:4px 8px;display:block}.demo-top-toolbar .generation-submenu{z-index:21;top:var(--submenu-y,0px);left:var(--submenu-x,254px);box-sizing:border-box;width:156px;color:var(--toolbar-text);opacity:0;visibility:hidden;pointer-events:none;transform-origin:0 0;border-radius:16px;padding:8px;transition:opacity .15s,transform .18s cubic-bezier(.2,.8,.2,1),visibility .15s;position:absolute;transform:translate(-4px)}.demo-top-toolbar .generation-submenu.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)}.demo-top-toolbar .generation-submenu-item{width:100%;min-height:36px;color:var(--toolbar-text);text-align:left;border-radius:8px;align-items:center;padding:8px 16px;font-size:14px;font-weight:600;line-height:20px;transition:background .15s;display:flex}.demo-top-toolbar .generation-submenu-item:hover,.demo-top-toolbar .generation-submenu-item:focus-visible,.demo-top-toolbar .generation-submenu-item.is-selected{background:var(--toolbar-active);outline:none}.demo-top-toolbar .top-tool,.demo-top-toolbar .mode-toggle{z-index:8;border-radius:32px;align-items:center;height:40px;padding:4px;position:absolute;top:10px;display:flex!important}.demo-top-toolbar .top-tool{left:160px}.demo-top-toolbar .mode-toggle{color:var(--toolbar-muted);left:270px}.demo-top-toolbar .top-tool .icon-btn,.demo-top-toolbar .mode-toggle .icon-btn{width:40px;height:32px;color:var(--toolbar-muted);transition:background .18s,box-shadow .18s,transform .18s}.demo-top-toolbar .top-tool .icon-btn:hover,.demo-top-toolbar .mode-toggle .icon-btn:hover{background:var(--toolbar-icon-hover)}.demo-top-toolbar .mode-toggle .icon-btn.active{background:var(--toolbar-active)}.demo-top-toolbar .top-tool .icon-btn:active,.demo-top-toolbar .mode-toggle .icon-btn:active:not(:disabled){transform:scale(.96)}.demo-top-toolbar .top-tool .icon-btn:disabled{opacity:.4;cursor:default}.demo-top-toolbar .top-tool .ui-svg,.demo-top-toolbar .mode-toggle .ui-svg{--ui-icon-size:20px}.demo-top-toolbar .zoom-control{z-index:8;position:absolute;top:10px;right:10px;display:block!important}.demo-top-toolbar .zoom{width:100px;height:40px;color:var(--toolbar-muted);cursor:pointer;border-radius:32px;justify-content:center;align-items:center;padding:4px;font-size:14px;transition:background .18s,transform .18s;position:static;display:flex!important}.demo-top-toolbar .zoom:hover,.demo-top-toolbar .zoom:focus-visible{background:var(--toolbar-panel)}.demo-top-toolbar .zoom:active{transform:scale(.98)}.demo-top-toolbar .zoom-menu{opacity:0;visibility:hidden;pointer-events:none;transform-origin:100% 0;border-radius:22px;grid-template-columns:1fr;gap:4px;width:128px;padding:6px;transition:opacity .16s,visibility .16s,transform .18s;display:grid;position:absolute;top:48px;right:0;transform:translateY(-6px)scale(.96)}.demo-top-toolbar .zoom-control.is-open .zoom-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)scale(1)}.demo-top-toolbar .zoom-menu-option{min-width:0;height:30px;color:var(--toolbar-muted);text-align:center;border-radius:999px;font-size:12px;line-height:30px;transition:background .15s,color .15s}.demo-top-toolbar .zoom-menu-option:hover,.demo-top-toolbar .zoom-menu-option.is-active{background:var(--toolbar-active);color:var(--toolbar-text)}.demo-top-toolbar .mode-shortcut-feedback{z-index:18;color:var(--toolbar-text);opacity:0;visibility:hidden;pointer-events:none;border-radius:32px;justify-content:center;align-items:flex-start;gap:10px;padding:16px;transition:opacity .18s,transform .22s cubic-bezier(.2,.8,.2,1),visibility .18s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.96)}.demo-top-toolbar .mode-shortcut-feedback.is-visible{opacity:1;visibility:visible;transform:translate(-50%,-50%)scale(1)}.demo-top-toolbar .mode-shortcut-feedback-item{flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;min-width:64px;display:flex}.demo-top-toolbar .mode-shortcut-feedback-icon{width:64px;height:64px;color:var(--toolbar-muted);border-radius:16px;place-items:center;display:grid}.demo-top-toolbar .mode-shortcut-feedback-icon .ui-svg{--ui-icon-size:32px}.demo-top-toolbar .mode-shortcut-feedback-item.is-active .mode-shortcut-feedback-icon{background:var(--toolbar-active)}.demo-top-toolbar .mode-shortcut-feedback-label{color:var(--toolbar-text);white-space:nowrap;font-size:14px;font-weight:600;line-height:20px}.demo-top-toolbar .mode-shortcut-feedback-item:not(.is-active) .mode-shortcut-feedback-label{visibility:hidden}.demo.is-sidebar-focus-mode .demo-top-toolbar .top-tool,.demo.is-sidebar-focus-mode .demo-top-toolbar .mode-toggle,.demo.is-sidebar-focus-mode .demo-top-toolbar .zoom-control,.demo.is-sidebar-focus-mode .side-stack,.demo.is-sidebar-focus-mode .right-rail,.demo.is-sidebar-focus-mode .history-panel,.demo.is-sidebar-focus-mode .demo-prompt,.demo.is-sidebar-focus-mode .selection-summary,.demo.is-sidebar-focus-mode .mode-shortcut-feedback,.demo.is-sidebar-focus-mode .page-switch{display:none!important}.demo.is-sidebar-focus-mode .demo-top-toolbar .top-left-project .ui-svg{display:none}.demo .page-switch{display:none!important}@media (prefers-reduced-motion:reduce){.demo-top-toolbar .generation-menu,.demo-top-toolbar .generation-submenu,.demo-top-toolbar .zoom-menu,.demo-top-toolbar .mode-shortcut-feedback,.demo-top-toolbar .icon-btn,.demo-top-toolbar .top-left-button,.demo-top-toolbar .zoom{transition-duration:.01ms!important}}.color-popover{z-index:1000;left:var(--popover-x,170px);top:var(--popover-y,24px);pointer-events:auto;opacity:0;visibility:hidden;-webkit-user-select:none;user-select:none;border-radius:32px;flex-direction:column;gap:10px;width:232px;padding:16px;transition:opacity .18s,transform .22s cubic-bezier(.2,.8,.2,1),visibility .18s;display:flex;position:absolute;transform:translate(8px,-8px)scale(.96)}.color-popover.is-visible{opacity:1;visibility:visible;transform:translate(0)scale(1)}.color-popover.dragging{transition:none}.color-popover-header{cursor:grab;justify-content:space-between;align-items:center;height:24px;display:flex}.color-popover.dragging .color-popover-header{cursor:grabbing}.color-popover-title{color:var(--strong);font-size:16px;font-weight:600;line-height:24px}.color-popover-close{background:var(--soft);width:24px;height:24px;color:var(--strong);transition:background-color var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease);border-radius:999px;place-items:center;font-size:18px;line-height:1;display:grid}.color-popover-close:hover{color:#fff;background:#68778b}.color-popover-close:active{background:var(--color-interaction-pressed);transform:scale(.96)}.color-popover-row{flex-shrink:0;justify-content:space-between;align-items:center;height:32px;display:flex}.color-popover-label{width:24px;color:var(--text);font-size:12px;font-weight:600;line-height:20px}.color-value{width:160px;height:32px;color:var(--strong);background:#b59c9c26;border-radius:8px;justify-content:center;align-items:center;gap:10px;font-size:12px;font-weight:600;line-height:20px;display:flex}.color-value-swatch{background:var(--current-color,#ab0d0d);border-radius:4px;width:16px;height:16px}.color-rgb-code{white-space:nowrap;align-items:center;gap:6px;min-width:0;display:flex}.color-rgb-component-group{align-items:center;gap:1px;display:flex}.color-rgb-component{width:24px;min-width:0;color:inherit;font:inherit;line-height:inherit;text-align:center;background:0 0;border:0;outline:0;padding:0}.color-rgb-component:focus-visible{border-radius:4px;box-shadow:0 0 0 2px #68778b47}.color-recommend{flex-direction:column;flex-shrink:0;gap:10px;width:200px;display:flex}.color-recommend-title{color:var(--text);font-size:12px;font-weight:600;line-height:20px}.color-recommend-grid{grid-template-columns:repeat(5,32px);gap:10px;width:200px;display:grid}.color-recommend-swatch{background:var(--swatch);width:32px;height:32px;box-shadow:none;color:#fff;border-radius:8px;position:relative;overflow:hidden}.color-recommend-swatch:after{content:"";border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0000000a}.color-recommend-swatch.is-active:after{box-shadow:inset 0 0 0 2px #ffffffe6,inset 0 0 0 1px #00000014}.color-recommend-swatch .swatch-check{width:100%;height:100%;color:var(--color-white);background:0 0;border:0;place-items:center;font-size:12px;line-height:1;display:none;position:absolute;inset:0}.color-recommend-swatch.is-active .swatch-check{display:grid}.color-divider{border-top:1px solid var(--color-black-18);opacity:.55;flex-shrink:0;width:192px;height:0}.color-plane{background:linear-gradient(to top, var(--color-black) 0%, #0000 68%), linear-gradient(to right, var(--color-white) 0%, var(--current-hue-color,var(--color-deep-red)) 100%);touch-action:none;cursor:crosshair;border-radius:8px;flex-shrink:0;width:192px;height:192px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff59}.color-plane-thumb{left:var(--plane-thumb-x,176px);top:var(--plane-thumb-y,92px);background:var(--current-color,var(--color-deep-red));border:4px solid var(--color-white);width:20px;height:20px;box-shadow:0 4px 16px var(--color-black-24);pointer-events:none;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.hue-strip{touch-action:none;cursor:pointer;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:999px;flex-shrink:0;width:192px;height:20px;position:relative;box-shadow:inset 0 0 0 1px #ffffff73}.hue-strip:before{content:"";left:var(--hue-thumb-x,0px);background:var(--current-color,red);border:3px solid var(--color-white);border-radius:50%;width:18px;height:18px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 4px 16px #faaf91e6}.color-popover-confirm{background:var(--soft);width:100%;height:32px;color:var(--strong);transition:background-color var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease);border-radius:16px;flex-shrink:0;place-items:center;font-size:14px;font-weight:600;line-height:24px;display:grid}.color-popover-confirm:hover{background:var(--active-bg);color:var(--icon-active);box-shadow:var(--selected-shadow)}.color-popover-confirm:active{background:var(--color-accent-hover);transform:scale(.96)}.material-popover{z-index:1001;left:var(--material-popover-x,200px);top:var(--material-popover-y,120px);pointer-events:auto;opacity:0;visibility:hidden;-webkit-user-select:none;user-select:none;border-radius:32px;flex-direction:column;gap:10px;width:232px;padding:16px;transition:opacity .18s,transform .22s cubic-bezier(.2,.8,.2,1),visibility .18s;display:flex;position:absolute;transform:translate(8px,-8px)scale(.96)}.material-popover.is-visible{opacity:1;visibility:visible;transform:translate(0)scale(1)}.material-popover.dragging{transition:none}.material-popover-header{cursor:grab;justify-content:space-between;align-items:center;height:24px;display:flex}.material-popover.dragging .material-popover-header{cursor:grabbing}.material-popover-title{color:var(--strong);font-size:16px;font-weight:600;line-height:24px}.material-popover-close{background:var(--soft);width:24px;height:24px;color:var(--strong);transition:background-color var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease);border-radius:999px;place-items:center;font-size:18px;line-height:1;display:grid}.material-popover-close:hover{background:var(--active-bg);color:var(--icon-active)}.material-popover-close:active{background:var(--color-interaction-pressed);transform:scale(.96)}.material-controls{flex-direction:column;gap:10px;width:100%;display:flex}.material-control{background:var(--color-white);cursor:ew-resize;border:1px solid #b59c9c26;border-radius:16px;height:28px;position:relative;overflow:hidden;box-shadow:0 1px 2px #6b72800d}.material-control-fill{width:calc(var(--value,50) * 1%);background:#b59c9c26;position:absolute;inset:-1px auto -1px -1px}.material-control-content{justify-content:space-between;align-items:center;font-size:12px;line-height:20px;display:flex;position:absolute;top:50%;left:10px;right:10px;transform:translateY(-50%)}.material-control-name{width:70px;color:var(--text);font-weight:600}.material-control-value{width:28px;color:var(--strong);text-align:right;line-height:16px}.material-popover-confirm{background:var(--soft);width:100%;height:32px;color:var(--strong);transition:background-color var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease);border-radius:16px;place-items:center;font-size:14px;font-weight:600;line-height:24px;display:grid}.material-popover-confirm:hover{background:var(--active-bg);color:var(--icon-active);box-shadow:var(--selected-shadow)}.material-popover-confirm:active{background:var(--color-accent-hover);transform:scale(.96)}.state-chip{white-space:nowrap;pointer-events:auto;min-width:0;max-width:min(420px,100vw - 20px);height:36px;transition:opacity var(--motion-fast) var(--motion-ease), visibility var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease), background-color var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease);border-radius:18px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:14px;font-weight:600;line-height:20px;display:inline-flex;position:absolute;bottom:10px;left:10px}.state-chip>svg{flex:0 0 18px;width:18px;height:18px}.state-chip>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.state-chip:hover{background:var(--color-interaction-hover);color:var(--strong);box-shadow:var(--interaction-shadow);transform:translateY(-1px)}.state-chip:active{background:var(--color-interaction-pressed);transform:scale(.96)}.state-chip.is-hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(6px)}.selection-summary{z-index:12;pointer-events:none;opacity:0;visibility:hidden;flex-direction:column;align-items:flex-start;gap:10px;transition:opacity .18s,visibility .18s,transform .2s;display:flex;position:absolute;bottom:10px;left:10px;transform:translateY(8px)}.selection-summary.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.selection-preview-card{pointer-events:auto;border-radius:32px;width:180px;padding:16px}.selection-preview-head{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.selection-preview-title{color:var(--strong);align-items:center;gap:6px;font-size:14px;font-weight:600;line-height:20px;display:flex}.selection-preview-toggle{width:24px;height:24px;color:var(--strong);background:#ffffff57;border-radius:999px;flex:none;place-items:center;transition:transform .22s,background .22s,color .22s,opacity .22s;display:grid}.selection-preview-toggle:hover{background:var(--color-interaction-hover);color:var(--strong)}.selection-preview-toggle:active{background:var(--color-interaction-pressed);transform:scale(.96)}.selection-preview-card.is-collapsed .selection-preview-toggle{transform:rotate(180deg)}.selection-apply{background:var(--soft);height:20px;color:var(--strong);transition:background-color var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease);border-radius:10px;padding:0 10px;font-size:12px;font-weight:600;line-height:20px}.selection-apply:hover{background:var(--color-interaction-hover)}.selection-apply:active{background:var(--color-interaction-pressed);transform:scale(.96)}.selection-preview-card.is-hovering .selection-apply{opacity:0;visibility:hidden}.selection-preview-body{max-height:var(--preview-body-height,220px);opacity:1;will-change:opacity, transform;transition:max-height .26s,opacity .18s,transform .26s;overflow:hidden;transform:translateY(0)}.selection-preview-card.is-collapsed .selection-preview-body{opacity:0;max-height:0;transform:translateY(-8px)}.selection-preview-body-inner{flex-direction:column;gap:10px;padding-top:10px;display:flex}.selection-thumb{background:#eef0f3;border-radius:16px;width:148px;height:148px;position:relative;overflow:hidden}.selection-thumb img{object-fit:cover;width:100%;height:100%;display:none}.selection-thumb.has-image img{display:block}.selection-thumb.has-image.is-material-adjustable,.selection-thumb.has-image.is-color-adjustable{cursor:pointer}.selection-thumb.has-material-adjustment img,.selection-thumb.has-material-adjustment .selection-thumb-swatch{filter:var(--material-preview-filter,none);transition:filter .14s}.selection-color-strip{width:148px;height:0;min-height:0;color:var(--color-white);letter-spacing:0;text-transform:uppercase;pointer-events:none;opacity:0;visibility:hidden;transform-origin:top;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;margin-top:-10px;padding:0;font:600 11px/20px PingFang SC,sans-serif;transition:height .18s,margin-top .18s,opacity .16s,visibility .16s,transform .18s;display:flex;overflow:hidden;transform:translateY(4px)scaleY(.7);box-shadow:inset 0 0 0 1px #ffffff73}.selection-color-strip-value{pointer-events:none;text-shadow:0 1px 2px var(--color-black-28)}.color-rgb-display{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.color-rgb-display-group{align-items:center;gap:1px;display:inline-flex}.selection-summary.has-color .selection-color-strip{opacity:1;visibility:visible;pointer-events:auto;height:20px;margin-top:0;transform:translateY(0)}.selection-thumb-swatch{background:radial-gradient(circle at 42% 36%, #ffffffe6 0 6%, var(--summary-color,var(--color-danger)) 7% 45%, #6f1d1d 72%, #3d0d0d 100%);place-items:center;display:grid;position:absolute;inset:0}.selection-thumb.has-image .selection-thumb-swatch{display:none}.selection-thumb-swatch:after{content:"";background:radial-gradient(circle at 32% 24%, #ffffff9e, transparent 26%), radial-gradient(circle at 58% 66%, #00000042, transparent 46%), var(--summary-color,var(--color-danger));width:76px;height:76px;box-shadow:0 18px 28px var(--color-black-24);border-radius:50%}.selection-tags{flex-wrap:wrap;align-items:center;gap:10px;max-width:360px;display:flex}.selection-tag{height:36px;color:var(--strong);white-space:nowrap;pointer-events:auto;cursor:default;background:var(--color-surface);border:1px solid var(--color-white);box-shadow:0 8px 32px var(--color-black-15), inset 0 1px 1px var(--color-white-96);border-radius:32px;align-items:center;padding:8px 12px;font-size:14px;font-weight:600;line-height:20px;display:inline-flex;position:relative}.selection-tag-close{z-index:2;background:var(--soft);width:16px;height:16px;color:var(--strong);opacity:0;pointer-events:none;border-radius:50%;place-items:center;font-size:14px;line-height:16px;transition:opacity .14s,transform .14s,background .14s,color .14s;display:grid;position:absolute;top:-6px;right:-6px;transform:scale(.86)}.selection-tag:hover .selection-tag-close{opacity:1;pointer-events:auto;transform:scale(1)}.selection-tag-close:hover{background:var(--active-bg);color:var(--icon-active)}.selection-tag-close:active{background:var(--color-accent-hover);transform:scale(.92)}.top-left,.top-tool,.history-tools,.mode-toggle,.zoom,.zoom-control,.prompt{display:none!important}.history-panel{z-index:9;width:256px;color:var(--color-text);opacity:0;visibility:hidden;pointer-events:none;transform-origin:right var(--history-origin-y,50%);will-change:transform, opacity;border-radius:32px;flex-direction:column;align-items:center;gap:10px;height:auto;max-height:min(712px,100vh - 32px);transition:opacity .22s,visibility .22s,transform .28s cubic-bezier(.2,.8,.2,1),height .32s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;top:50%;right:57px;overflow:hidden;transform:translate(47px,-50%)scale(.18)}.history-panel.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(-50%)scale(1)}.history-list{flex-direction:column;flex:auto;align-items:stretch;gap:5px;width:100%;min-height:0;margin-right:-4px;padding:10px 10px 0;display:flex;overflow:hidden auto}.history-list::-webkit-scrollbar{display:none}.history-sentinel{flex:0 0 1px;height:1px}.history-item{cursor:pointer;width:100%;transition:background-color var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease);border-radius:16px;align-items:flex-start;gap:10px;padding:16px 16px 16px 8px;display:flex}.history-item:hover{background:var(--color-interaction-hover)}.history-item.is-active,.history-item.is-edit-selected{background:var(--color-interaction-selected)}.history-item:active{background:var(--color-interaction-pressed);transform:scale(.98)}.history-item.is-draggable{cursor:grab}.history-item.is-dragging{opacity:.55}.history-drag-preview{z-index:-1;width:196px;height:196px;box-shadow:none;pointer-events:none;background:0 0;border:0;place-items:center;padding:48px;display:grid;position:fixed;top:-9999px;left:-9999px}.history-drag-preview:before{content:"";border:1px solid var(--color-white-96);box-shadow:0 10px 30px var(--color-black-18), inset 0 1px 1px var(--color-white-92);background:#f9f9f9f0;border-radius:16px;position:absolute;inset:40px}.history-drag-preview img{z-index:1;object-fit:cover;border-radius:8px;width:100px;height:100px;display:block;position:relative}.history-drag-preview.is-image-preview{width:196px;height:140px;padding:30px 48px}.history-drag-preview.is-image-preview:before{inset:20px 28px}.history-drag-preview.is-image-preview img{object-fit:contain;width:100px;height:auto;max-height:70px}.history-drag-preview .demo-prompt-attachment-swatch{z-index:1;position:relative}.history-item.is-filtered-out,.history-item[data-linked-result=true]:not(.is-linked-result-visible){display:none}.history-item:hover .history-icon{background:var(--color-accent);color:var(--color-white);box-shadow:0 2px 4px #68778b40}.history-panel.is-editing .history-item:not(.is-edit-selected):hover .history-icon{background:var(--color-white);color:var(--color-text);box-shadow:0 4px 8px var(--color-black-10)}.history-icon{background:var(--color-white);width:32px;height:32px;color:var(--color-text);box-shadow:0 4px 8px var(--color-black-10);transition:background-color var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease);border-radius:16px;flex:none;place-items:center;display:grid}.history-item.is-active .history-icon,.history-panel.is-editing .history-item.is-edit-selected .history-icon{background:var(--color-accent);color:var(--color-white);box-shadow:0 2px 4px #68778b40}.history-icon .ui-svg{--ui-icon-size:16px;transition:width .22s cubic-bezier(.2,.8,.2,1),height .22s cubic-bezier(.2,.8,.2,1)}.history-content{flex-direction:column;flex:1;align-items:flex-start;gap:4px;min-width:0;display:flex}.history-meta{width:100%;min-height:28px;color:var(--color-text);white-space:nowrap;transform:translateY(var(--history-title-y,0));justify-content:space-between;align-items:center;font-size:12px;font-weight:600;line-height:20px;transition:transform .26s cubic-bezier(.2,.8,.2,1);display:flex}.history-panel.mode-list .history-meta{--history-title-y:2px}.history-panel.mode-large .history-meta{--history-title-y:-1px}.history-item.is-active .history-title{color:var(--color-strong)}.history-title{text-overflow:ellipsis;overflow:hidden}.history-title strong{color:var(--color-accent);font-weight:600}.history-time{color:var(--color-text);flex:none;font-size:10px;font-weight:400;line-height:20px}.history-thumb{width:var(--history-thumb-w,100px);height:var(--history-thumb-h,55px);background:var(--color-soft);box-shadow:0 4px 16px var(--color-black-10);opacity:var(--history-thumb-opacity,1);transform:translateY(var(--history-thumb-y,0)) scale(var(--history-thumb-scale,1));transform-origin:0 0;border-radius:16px;transition:width .32s cubic-bezier(.2,.8,.2,1),height .32s cubic-bezier(.2,.8,.2,1),opacity .18s,transform .26s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.history-thumb-base,.history-thumb-overlay{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.history-thumb-overlay{z-index:1}.history-item[data-history-kind=ppt-generated] .history-thumb{width:140px;box-shadow:none;background:0 0;overflow:visible}.history-ppt-stack{width:140px;height:55px;position:relative;overflow:visible}.history-ppt-stack img{object-fit:cover;width:100px;height:55px;box-shadow:0 4px 16px var(--color-black-10);border-radius:16px;position:absolute;top:0;left:0}.history-ppt-stack img:nth-child(2){opacity:.8;z-index:1;left:20px}.history-ppt-stack img:nth-child(3){opacity:.6;z-index:0;left:40px}.history-ppt-stack img:first-child{z-index:2}.history-panel.mode-list .history-item[data-history-kind=ppt-generated] .history-ppt-stack,.history-panel.mode-list .history-item[data-history-kind=ppt-generated] .history-thumb{height:0}.history-panel.mode-large .history-item[data-history-kind=ppt-generated] .history-thumb,.history-panel.mode-large .history-item[data-history-kind=ppt-generated] .history-ppt-stack{width:100%;height:100px}.history-panel.mode-large .history-item[data-history-kind=ppt-generated] .history-ppt-stack img{width:100px;height:100px}.history-panel.is-selection-filter .history-thumb-overlay{filter:brightness(0)saturate()invert(52%)sepia(66%)saturate(316%)hue-rotate(311deg)brightness(83%)contrast(121%)}.history-panel.is-selection-filter .history-item[data-history-kind=lasso] .history-thumb-base{filter:grayscale()contrast(.72)}.history-panel.mode-list .history-thumb{--history-thumb-h:0px;--history-thumb-opacity:0;--history-thumb-y:-6px;--history-thumb-scale:.92}.history-panel.mode-large .history-thumb{--history-thumb-w:100%;--history-thumb-h:100px;--history-thumb-scale:1}.history-panel.mode-small .history-item[data-history-kind=material-generated] .history-thumb{--history-thumb-h:100px}.history-panel.mode-large .history-item[data-history-kind=material-generated] .history-thumb{aspect-ratio:1;height:auto}.history-thumb img{object-fit:cover;width:100%;height:100%;display:block}.history-footer{white-space:nowrap;flex-direction:column;flex:none;align-items:center;gap:0;width:-webkit-fill-available;height:30px;padding:0 15px;transition:height .22s;display:flex;overflow:hidden}.history-footer-info{width:100%;max-height:0;color:var(--color-muted);opacity:0;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;line-height:20px;transition:max-height .22s,opacity .16s,transform .2s;display:flex;transform:translateY(-4px)}.history-edit-actions{justify-content:space-between;align-items:center;width:100%;height:20px;display:none}.history-edit-count{color:var(--color-muted);white-space:nowrap;font-size:12px;font-weight:600;line-height:20px}.history-edit-action-group{align-items:center;gap:20px;display:flex}.history-edit-download,.history-edit-link,.history-edit-cancel{color:var(--color-text);place-items:center;font-size:12px;font-weight:600;line-height:20px;display:grid}.history-edit-link{display:none}.history-edit-download,.history-edit-link{width:20px;height:20px}.history-edit-download .ui-svg,.history-edit-link .ui-svg{--ui-icon-size:20px;width:20px;height:20px}.history-edit-download:hover,.history-edit-link:hover,.history-edit-cancel:hover{color:var(--color-strong)}.history-panel.can-link-selection .history-edit-link{display:grid}.history-panel.is-editing .history-footer-info,.history-panel.is-editing .history-footer-brand{display:none}.history-panel.is-editing .history-edit-actions{display:flex}.history-panel.is-footer-visible .history-footer-info{opacity:1;max-height:20px;transform:translateY(0)}.history-footer-brand{width:100%;color:var(--color-muted);text-align:center;font-size:12px;font-weight:600;line-height:20px;transition:opacity .16s,transform .2s}.history-panel.is-footer-visible .history-footer-brand{opacity:0;pointer-events:none;transform:translateY(4px)}.history-footer-edit{color:var(--color-text);font-size:12px;font-weight:600;line-height:20px}.history-footer-edit:hover{color:var(--color-strong)}.history-item.is-generating .history-generation-image{object-fit:cover;filter:blur(5px);opacity:.4;width:100%;height:100%}.history-generation-logo{z-index:2;object-fit:contain;opacity:.78;width:38px;height:50px;transition:opacity .16s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.history-generation-stop{z-index:3;color:#fff;opacity:0;pointer-events:none;background:#68778b;border-radius:32px;place-items:center;width:60px;height:32px;transition:opacity .16s,transform .18s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.94);box-shadow:0 2px 4px #68778b40}.history-item.is-generating .history-thumb:hover .history-generation-stop{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.history-item.is-generating .history-thumb:hover .history-generation-logo{opacity:0}.history-item.is-generating .history-icon{color:#6b7280;background:#fff}.history-item.is-generating .history-icon .ui-svg{animation:1s linear infinite historyGeneratingSpin}@keyframes historyGeneratingSpin{to{transform:rotate(360deg)}}.ppt-result-view{z-index:2;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s,visibility .28s;position:absolute;inset:0}.demo.is-ppt-mode.is-ppt-result:after{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.demo.is-ppt-result .hero-stage{opacity:0;visibility:hidden;transition:opacity .28s,visibility .28s}.demo.is-ppt-result .ppt-result-view,.ppt-result-view.is-visible{opacity:1!important;visibility:visible!important;pointer-events:auto!important}.ppt-result-view .coverflow-stage{z-index:1;perspective:1200px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;height:60vh;min-height:360px;position:absolute;top:8vh;left:0;right:0;overflow:hidden}.ppt-result-view .coverflow-item{transform-origin:50%;opacity:0;border-radius:2px;width:min(52vw,1002px);min-width:540px;height:min(46vh,559px);max-height:559px;transition:transform .52s cubic-bezier(.2,.8,.2,1),opacity .36s;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 24px 48px #00000047}.ppt-result-view .coverflow-item img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.ppt-result-view .coverflow-item:after{content:"";pointer-events:none;background:rgba(0, 0, 0, var(--cover-mask,0));position:absolute;inset:0}.ppt-result-view .coverflow-item[data-offset="0"]{opacity:1;--cover-mask:0;z-index:6;cursor:default;transform:translate(-50%,-50%)translate(0)translateZ(120px)scale(1)}.ppt-result-view .coverflow-item[data-offset="-1"]{opacity:1;--cover-mask:.16;z-index:5;transform:translate(-50%,-50%)translate(-24vw)translateZ(-80px)rotateY(22deg)scale(.8)}.ppt-result-view .coverflow-item[data-offset="1"]{opacity:1;--cover-mask:.16;z-index:5;transform:translate(-50%,-50%)translate(24vw)translateZ(-80px)rotateY(-22deg)scale(.8)}.ppt-result-view .coverflow-item[data-offset="-2"]{opacity:1;--cover-mask:.32;z-index:4;transform:translate(-50%,-50%)translate(-36vw)translateZ(-180px)rotateY(30deg)scale(.68)}.ppt-result-view .coverflow-item[data-offset="2"]{opacity:1;--cover-mask:.32;z-index:4;transform:translate(-50%,-50%)translate(36vw)translateZ(-180px)rotateY(-30deg)scale(.68)}.ppt-result-stage{height:60vh;top:8vh}.ppt-result-browser{z-index:4;width:min(730px,72vw);position:absolute;bottom:78px;left:50%;transform:translate(-50%);pointer-events:auto!important}.ppt-result-browser .coverflow-range{background:var(--color-soft);border-radius:999px;width:100%;height:5px;margin:0;position:relative;pointer-events:auto!important}.ppt-result-browser .coverflow-range-fill{top:-2px;left:var(--range-x,0%);background:var(--color-muted);cursor:pointer;border-radius:999px;width:38.6%;height:9px;transition:left .12s;position:absolute}.ppt-result-browser .coverflow-range.is-dragging .coverflow-range-fill{transition:none}.ppt-result-browser input[type=range]{pointer-events:none;opacity:0;appearance:none;background:0 0;height:4px}.ppt-result-browser input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--color-muted,#9ca4b3) 0 var(--slider-progress,50%), var(--color-soft,#dee2e9) var(--slider-progress,50%) 100%);border-radius:999px;height:4px}.ppt-result-browser input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#8f78ff;border:0;border-radius:50%;width:16px;height:16px;margin-top:-6px;box-shadow:0 0 0 3px #8f78ff2e}.ppt-result-browser input[type=range]::-moz-range-track{background:linear-gradient(90deg, var(--color-muted,#9ca4b3) 0 var(--slider-progress,50%), var(--color-soft,#dee2e9) var(--slider-progress,50%) 100%);border:0;border-radius:999px;height:4px}.ppt-result-browser input[type=range]::-moz-range-thumb{cursor:pointer;background:#8f78ff;border:0;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 3px #8f78ff2e}.ppt-generating-view{z-index:7;opacity:0;visibility:hidden;pointer-events:none;background:#fff;transition:opacity .18s,visibility .18s;position:absolute;inset:0}.demo.is-ppt-generating .ppt-generating-view,.ppt-generating-view.is-visible{opacity:1!important;visibility:visible!important;pointer-events:auto!important}.ppt-generating-copy{color:#9ca4b3;white-space:pre-wrap;word-break:break-word;width:min(827px,68vw);max-height:72vh;font-family:PingFang SC,Microsoft YaHei,Segoe UI,Arial,sans-serif;font-size:16px;font-weight:500;line-height:32px;transition:opacity .9s;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.ppt-generating-line{min-height:32px;transition:opacity .18s;display:block}.ppt-generating-user-line{color:#6b7280;text-align:right;min-height:32px;display:block}.ppt-generating-copy.is-fading{opacity:0}.color-popover-close .ui-svg,.material-popover-close .ui-svg,.selection-tag-close .ui-svg,.demo-prompt-attachment-close .ui-svg{--ui-icon-size:12px}.prompt{z-index:10;border-radius:36px;align-items:center;gap:16px;width:680px;max-width:calc(100vw - 20px);height:72px;padding:0 24px;display:none;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.prompt-tools{flex:none;align-items:center;gap:16px;display:flex}.prompt-tools .icon-btn{width:24px;height:24px;color:var(--color-muted)}.prompt-tools .icon-btn.active{color:var(--color-strong)}.prompt .placeholder{color:var(--color-muted);flex:auto;font-size:16px;font-weight:500;line-height:24px}.magic{color:#454953;width:72px;height:48px;transition:transform var(--motion-fast) var(--motion-ease);background:linear-gradient(135deg,#dfe4ec 0%,#bec5cf 100%);border-radius:999px;flex:0 0 72px;place-items:center;display:grid;box-shadow:0 10px 20px -10px #0000004d,inset 0 1px #fff}.magic:active{transform:scale(.97)}.demo-prompt{z-index:8;width:min(800px,72vw);height:48px;box-shadow:none;-webkit-backdrop-filter:none;pointer-events:auto;background:0 0;border:0;border-radius:32px;justify-content:space-between;align-items:center;padding:8px;display:flex;position:absolute;bottom:10px;left:50%;overflow:visible;transform:translate(-50%)}.demo-prompt:before{content:"";z-index:2;border-radius:inherit;-webkit-backdrop-filter:blur(20px);pointer-events:none;background:#f9f9f9eb;border:1px solid #ffffffeb;position:absolute;inset:0;box-shadow:0 8px 32px #00000026}.demo-prompt.is-drop-target{box-shadow:none;border-color:#0000}.demo-prompt.is-drop-target:before{border-color:#e3353973;box-shadow:0 8px 32px #00000026,0 10px 28px #e335391a}.demo-prompt-attachments{z-index:1;overscroll-behavior-x:contain;scrollbar-width:none;opacity:0;visibility:hidden;pointer-events:none;align-items:flex-end;gap:10px;width:100%;max-width:100%;padding:28px 0 12px;transition:opacity .18s,visibility .18s,transform .22s;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;overflow:auto hidden;transform:translateY(8px)}.demo-prompt-attachments::-webkit-scrollbar{display:none}.demo-prompt-attachments.is-ppt-mode{counter-reset:ppt-attachment;width:calc(100% + 20px);padding-left:20px;left:-20px}.demo-prompt-attachments.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.demo-prompt-attachment{cursor:grab;will-change:transform;background:#f9f9f9;border:1px solid #fff;border-radius:16px;flex:none;grid-template-rows:100px 20px;grid-template-columns:minmax(0,1fr) auto;align-content:start;align-items:center;gap:4px 0;width:116px;height:144px;min-height:144px;padding:8px;transition:opacity .16s,box-shadow .16s,transform .22s cubic-bezier(.2,.8,.2,1);animation:.22s cubic-bezier(.2,.8,.2,1) attachmentIn;display:grid;position:relative;box-shadow:0 8px 16px #00000026,inset 0 1px 1px #ffffffeb}.demo-prompt-attachment.is-ppt-attachment{counter-increment:ppt-attachment;background:#f9f9f9;border-color:#fff;border-radius:16px;width:192px;height:116px;min-height:116px;padding:7px;display:block;box-shadow:0 8px 16px #00000026}.demo-prompt-attachment.is-image-attachment:not(.is-ppt-attachment){width:fit-content;min-width:116px}.demo-prompt-attachment.is-removing{opacity:0;pointer-events:none;transform:translateY(8px)scale(.88)}.demo-prompt-attachment.is-sorting{cursor:grabbing;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border-color:#0000}.demo-prompt-attachment.is-drag-arming{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border-color:#0000;transition:none}.demo-prompt-attachment.is-drag-arming img,.demo-prompt-attachment.is-drag-arming .demo-prompt-attachment-swatch,.demo-prompt-attachment.is-drag-arming .demo-prompt-attachment-meta,.demo-prompt-attachment.is-drag-arming .demo-prompt-attachment-color-meta,.demo-prompt-attachment.is-drag-arming .demo-prompt-attachment-close,.demo-prompt-attachment.is-sorting img,.demo-prompt-attachment.is-sorting .demo-prompt-attachment-swatch,.demo-prompt-attachment.is-sorting .demo-prompt-attachment-meta,.demo-prompt-attachment.is-sorting .demo-prompt-attachment-color-meta,.demo-prompt-attachment.is-sorting .demo-prompt-attachment-close{opacity:0!important;pointer-events:none!important}.demo-prompt-attachment-close{z-index:2;color:#424956;opacity:0;pointer-events:none;background:#dee2e9;border-radius:50%;place-items:center;width:24px;height:24px;font-size:16px;line-height:24px;transition:opacity .14s,transform .14s,background .14s;display:grid;position:absolute;top:4px;right:6px;transform:scale(.9)}.demo-prompt-attachment:hover .demo-prompt-attachment-close,.demo-prompt-attachment:focus-within .demo-prompt-attachment-close{opacity:1;pointer-events:auto;transform:scale(1)}.demo-prompt-attachment-close:hover{background:#d2d7e0;transform:scale(1.06)}.demo-prompt-attachment.is-drag-arming .demo-prompt-attachment-close,.demo-prompt-attachment.is-sorting .demo-prompt-attachment-close,.demo-prompt-attachments.is-sorting-active .demo-prompt-attachment-close{opacity:0!important;pointer-events:none!important;transform:scale(.9)!important}.demo-prompt-attachment img{object-fit:cover;border-radius:8px;grid-column:1/-1;width:auto;max-width:179px;height:100px;display:block}.demo-prompt-attachment>.demo-prompt-attachment-swatch{grid-column:1/-1}.demo-prompt-attachment.is-ppt-attachment img{object-fit:cover;border-radius:8px;width:176px;max-width:none;height:100px;max-height:none}.demo-prompt-attachment.is-image-attachment img{object-fit:cover;width:auto;max-width:179px;height:100px}.demo-prompt-attachment.is-ppt-attachment.is-image-attachment img{object-fit:cover;width:176px;max-width:none;height:100px}.demo-prompt-attachment-color-meta{flex:none;grid-area:2/2;justify-content:flex-end;align-items:center;width:auto;height:20px;display:flex}.demo-prompt-attachment-color-swatch{background:var(--attachment-color,#b35656);color:#fff;letter-spacing:0;text-transform:uppercase;cursor:pointer;border:0;border-radius:8px;place-items:center;width:auto;min-width:40px;height:20px;padding:0 4px;font:600 8px/20px PingFang SC,sans-serif;transition:filter .14s,transform .14s;display:grid}.demo-prompt-attachment-color-swatch:hover{filter:brightness(1.08);transform:translateY(-1px)}.demo-prompt-attachment-color-swatch:focus-visible{outline-offset:2px;outline:2px solid #424956a6}.demo-prompt-attachment-meta{color:#6b7280;grid-area:2/1/auto/-1;justify-content:center;align-items:center;width:100%;min-width:0;height:20px;font-size:10px;font-weight:600;line-height:20px;display:flex}.demo-prompt-attachment.has-attachment-color .demo-prompt-attachment-meta{grid-area:2/1;justify-content:center;width:auto}.demo-prompt-attachment.has-attachment-color:not(.is-color-only){grid-template-rows:100px 20px;grid-template-columns:auto auto;justify-content:center;column-gap:4px}.demo-prompt-attachment.has-attachment-color:not(.is-color-only) .demo-prompt-attachment-color-meta{grid-area:2/2;justify-content:center}.demo-prompt-attachment.has-attachment-color:not(.is-color-only)>img,.demo-prompt-attachment.has-attachment-color:not(.is-color-only)>.demo-prompt-attachment-swatch{justify-self:center}.demo-prompt-attachment.is-color-only .demo-prompt-attachment-meta{display:none}.demo-prompt-attachment.is-color-only .demo-prompt-attachment-color-meta{grid-column:1/-1;justify-content:center}.demo-prompt-attachment.is-ppt-attachment .demo-prompt-attachment-meta{z-index:3;color:#000;background:#dee2e9;border-radius:50%;place-items:center;width:32px;min-width:32px;height:32px;min-height:32px;margin:0;font-size:16px;font-weight:500;line-height:16px;display:grid;position:absolute;top:-16px;left:-16px}.demo-prompt-attachment-index{color:#6b7280;font-variant-numeric:tabular-nums;flex:none;display:none}.demo-prompt-attachment.is-ppt-attachment .demo-prompt-attachment-index{color:#000;font-size:16px;font-weight:500;line-height:16px;display:block}.demo-prompt-attachment-index:before{content:counter(ppt-attachment)}.demo-prompt-attachment.is-ppt-attachment .demo-prompt-attachment-label{display:none}.demo-prompt-attachment-label{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.demo-prompt-attachment-swatch{background:radial-gradient(circle at 42% 36%, #ffffffdb 0 6%, var(--attachment-color,#b35656) 7% 45%, #6f1d1d 72%, #3d0d0d 100%);border-radius:8px;width:100px;height:100px;position:relative}.demo-prompt-attachment-swatch:after{content:"";background:radial-gradient(circle at 32% 24%, #ffffff9e, transparent 26%), radial-gradient(circle at 58% 66%, #00000042, transparent 46%), var(--attachment-color,#b35656);border-radius:50%;width:58px;height:58px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 14px 22px #0000003d}@keyframes attachmentIn{0%{opacity:0;transform:translateY(8px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.demo-prompt-icon{z-index:3;color:#68778b;flex:none;place-items:center;width:32px;height:32px;display:grid;position:relative}.demo-prompt-icon.is-breathe{isolation:isolate;color:#803030;background:linear-gradient(#ffbebe,#f9b091 50%,#ffa488);border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #faaf918c}.demo-prompt-icon.is-breathe:before{content:"";z-index:1;border-radius:inherit;mix-blend-mode:screen;pointer-events:none;background:linear-gradient(110deg,#0000 18%,#ffffff14 34%,#ffffffd1 49%,#ffffff14 64%,#0000 82%) 130% 0/230% 100%;animation:1.9s ease-in-out infinite shinySweep;position:absolute;inset:0}.demo-prompt-icon.is-breathe .ui-svg{z-index:2;background:linear-gradient(110deg,currentColor 18% 36%,#fff4ee 49%,currentColor 62% 82%) 130% 0/230% 100%;animation:1.9s ease-in-out infinite shinyIconSweep;position:relative}.demo-prompt-icon span[data-icon],.demo-prompt-submit span[data-icon],.demo-prompt-icon .ui-svg,.demo-prompt-submit .ui-svg{width:20px;height:20px;color:inherit}.demo-prompt-input{z-index:3;color:#6b7280;background:0 0;border:0;outline:0;flex:1;height:100%;padding:0 10px;font-family:PingFang SC,Microsoft YaHei,Segoe UI,Arial,sans-serif;font-size:16px;font-weight:500;line-height:20px;position:relative}.demo-prompt-input::placeholder{color:#9ca4b3;opacity:1;font-weight:400}.demo-prompt-input:disabled{color:#9ca4b3;cursor:default}.demo-prompt-ppt-params{z-index:3;color:#6b7280;white-space:nowrap;flex:1;align-items:center;gap:8px;min-width:0;padding:0 10px;font-size:14px;font-weight:600;line-height:20px;display:none;position:relative}.demo-prompt-ppt-label{flex:none}.demo-prompt-ppt-ratio{flex:none;position:relative}.demo-prompt-ppt-include{flex:0 auto;align-items:center;gap:4px;min-width:0;display:inline-flex;position:relative}.demo-prompt-ppt-include-control{flex:0 auto;min-width:0;display:inline-flex;position:relative}.demo-prompt-ppt-include-label{flex:none}.demo-prompt-ppt-select{color:#424956;cursor:pointer;background:#dee2e9;border-radius:999px;justify-content:center;align-items:center;gap:4px;width:58px;min-width:58px;height:28px;padding:0 10px;font-size:14px;font-weight:600;line-height:20px;transition:background .16s,color .16s;display:inline-flex}.demo-prompt-ppt-select:hover,.demo-prompt-ppt-ratio.is-open .demo-prompt-ppt-select{color:#2f3742;background:#cfd5de}.demo-prompt-ppt-ratio-value,.demo-prompt-ppt-include-value{white-space:nowrap;text-overflow:ellipsis;max-width:100%;display:block;overflow:hidden}.demo-prompt-ppt-include-select{color:#424956;cursor:pointer;background:#dee2e9;border-radius:999px;justify-content:space-between;align-items:center;gap:4px;width:auto;min-width:86px;max-width:220px;height:28px;padding:0 10px;font-size:14px;font-weight:600;line-height:20px;transition:background .16s,color .16s;display:inline-flex}.demo-prompt-ppt-include-select:hover,.demo-prompt-ppt-include.is-open .demo-prompt-ppt-include-select{color:#2f3742;background:#cfd5de}.demo-prompt-ppt-caret{color:currentColor;flex:none;width:8px;height:12px;position:relative}.demo-prompt-ppt-caret:before,.demo-prompt-ppt-caret:after{content:"";border-left:3.5px solid #0000;border-right:3.5px solid #0000;position:absolute;left:50%;transform:translate(-50%)}.demo-prompt-ppt-caret:before{border-bottom:4px solid;top:1px}.demo-prompt-ppt-caret:after{border-top:4px solid;bottom:1px}.demo-prompt.is-ppt-mode .demo-prompt-input{display:none}.demo-prompt.is-ppt-mode .demo-prompt-ppt-params{display:flex}.demo-prompt-ppt-menu{z-index:12;opacity:0;pointer-events:none;transform-origin:50% 100%;background:#f9f9f9fa;border:1px solid #ffffffeb;border-radius:12px;gap:2px;min-width:96px;padding:6px;transition:opacity .15s,transform .15s;display:grid;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,6px)scale(.96);box-shadow:0 10px 28px #0000002e}.demo-prompt-ppt-ratio.is-open .demo-prompt-ppt-menu{opacity:1;pointer-events:auto;transform:translate(-50%)scale(1)}.demo-prompt-ppt-include-menu{z-index:12;opacity:0;pointer-events:none;transform-origin:0 100%;background:#f9f9f9fa;border:1px solid #ffffffeb;border-radius:12px;gap:2px;min-width:148px;padding:6px;transition:opacity .15s,transform .15s;display:grid;position:absolute;bottom:calc(100% + 8px);left:0;transform:translateY(6px)scale(.96);box-shadow:0 10px 28px #0000002e}.demo-prompt-ppt-include.is-open .demo-prompt-ppt-include-menu{opacity:1;pointer-events:auto;transform:translate(0)scale(1)}.demo-prompt-ppt-include-option{color:#6b7280;text-align:left;cursor:pointer;border-radius:7px;align-items:center;gap:8px;min-width:134px;height:30px;padding:0 9px;font-size:13px;font-weight:600;line-height:18px;transition:background .14s,color .14s;display:flex}.demo-prompt-ppt-include-option:hover,.demo-prompt-ppt-include-option[aria-selected=true]{color:#424956;background:#e5e8ed}.demo-prompt-ppt-include-check{background:#f9f9f9;border:1px solid #9ca4b3;border-radius:4px;flex:none;width:14px;height:14px;transition:background .14s,border-color .14s;position:relative}.demo-prompt-ppt-include-option[aria-selected=true] .demo-prompt-ppt-include-check{background:#68778b;border-color:#68778b}.demo-prompt-ppt-include-option[aria-selected=true] .demo-prompt-ppt-include-check:after{content:"";border:1.5px solid #fff;border-width:0 1.5px 1.5px 0;width:5px;height:8px;position:absolute;top:1px;left:3px;transform:rotate(45deg)}.demo-prompt-ppt-option{color:#6b7280;text-align:left;cursor:pointer;border-radius:7px;justify-content:space-between;align-items:center;gap:14px;min-width:82px;height:30px;padding:0 9px;font-size:13px;font-weight:600;line-height:18px;transition:background .14s,color .14s;display:flex}.demo-prompt-ppt-option:hover,.demo-prompt-ppt-option[aria-selected=true]{color:#424956;background:#e5e8ed}.demo-prompt-ppt-option:after{content:"";border-bottom:1.5px solid #0000;border-right:1.5px solid #0000;width:5px;height:9px;transform:rotate(42deg)translateY(-1px)}.demo-prompt-ppt-option[aria-selected=true]:after{border-color:#6b7280}.demo-prompt-ppt-text{color:#6b7280;background:0 0;border:0;outline:0;flex:auto;min-width:96px;height:32px;padding:0;font-family:PingFang SC,Microsoft YaHei,Segoe UI,Arial,sans-serif;font-size:14px;font-weight:600;line-height:20px}.demo-prompt-ppt-text::placeholder{color:#9ca4b3;opacity:1;font-weight:400}.demo-prompt-submit{z-index:3;color:#fff;background:#68778b;border-radius:32px;flex:none;place-items:center;width:60px;height:32px;transition:transform .18s,background .18s;display:grid;position:relative}.demo-prompt-submit:hover:not(:disabled){background:#5f6d80;transform:translateY(-1px)}.demo-prompt-submit:active:not(:disabled){background:#566375;transform:translateY(0)scale(.98)}.demo-prompt-submit:disabled{opacity:.42;cursor:default;pointer-events:none;transform:none}.demo-prompt-submit.is-stop{opacity:1;cursor:pointer;pointer-events:auto}@keyframes shinySweep{0%,18%{background-position:130% 0}58%,72%{background-position:-30% 0}to{background-position:-30% 0}}@keyframes shinyIconSweep{0%,18%{background-position:130% 0}58%,72%{background-position:-30% 0}to{background-position:-30% 0}}.right-rail{z-index:12;border-radius:32px;flex-direction:column;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.right-rail .icon-btn{width:48px;height:48px;color:var(--color-text);transition:width .36s cubic-bezier(.2, .8, .2, 1), height .36s cubic-bezier(.2, .8, .2, 1), background-color .18s ease, color .18s ease, box-shadow .18s ease, transform .14s var(--motion-ease);position:relative}.right-rail .icon-btn:hover{background:var(--color-interaction-hover);color:var(--color-strong);box-shadow:var(--interaction-shadow)}.right-rail .icon-btn.active{background:var(--active-bg);color:var(--color-white);box-shadow:var(--selected-shadow)}.right-rail .icon-btn.active:hover{background:var(--color-accent-hover);color:var(--color-white);box-shadow:var(--selected-shadow)}.right-rail .icon-btn:active{transform:scale(.96)}.right-rail .icon-btn .ui-svg{--ui-icon-size:24px;transition:width .24s cubic-bezier(.2,.8,.2,1),height .24s cubic-bezier(.2,.8,.2,1)}.right-rail.is-compact .icon-btn{width:32px;height:32px}.right-rail.is-compact .icon-btn .ui-svg{--ui-icon-size:16px}.right-rail .icon-btn.active .ui-svg{--ui-icon-size:20px}.pill{z-index:2000;left:var(--pill-x);top:var(--pill-y);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;border-radius:999px;align-items:center;height:28px;padding:4px 10px;font-size:14px;font-weight:600;line-height:20px;transition:opacity .15s,transform .18s cubic-bezier(.2,.8,.2,1),visibility .15s;display:flex;position:fixed;transform:translate(-8px)scale(.96)}.pill.is-visible{opacity:1;visibility:visible;transform:translate(0)scale(1)}.side-stack{--icon-normal:#6b7280;--icon-parent:#424956;--icon-active:#fff;--soft:#dee2e9;--active-bg:#68778b;--selected-shadow:0 2px 8px #68778b40;--text:#6b7280;--strong:#424956;z-index:12;pointer-events:none;width:250px;height:360px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.rail{pointer-events:auto;transform-origin:var(--origin-x,4px) var(--origin-y,20px);opacity:1;will-change:left, top, width, transform, opacity;border-radius:32px;flex-direction:column;align-items:center;padding:4px;transition:left .36s cubic-bezier(.2,.8,.2,1),top .36s cubic-bezier(.2,.8,.2,1),width .26s cubic-bezier(.2,.8,.2,1),opacity .26s,transform .36s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;top:0;left:0;transform:translate(0)scale(1)}.side-stack .rail.glass{-webkit-backdrop-filter:blur(20px);background:#f9f9f9d6;border:.8px solid #fffffff5;box-shadow:0 8px 32px #00000026,inset 0 1px 1px #fffc}.side-stack .rail.glass.compact-parent-menu{z-index:2;height:35px;box-shadow:none;-webkit-backdrop-filter:none;pointer-events:none;background:0 0;border:0;border-radius:50%;padding:4px;width:35px!important}.rail.compact-parent-menu .rail-item{display:none}.rail.compact-parent-menu .rail-item.compact-primary-icon{color:#424956;width:27px;height:27px;transform:translate(var(--compact-primary-offset-x,0px), var(--compact-primary-offset-y,0px));pointer-events:auto;background:#fff;border-radius:50%;display:grid;box-shadow:0 4px 12px #4249562e}.rail.compact-parent-menu+.rail{z-index:1}.rail.compact-parent-menu .rail-item.compact-primary-icon:hover{color:#424956;background:#fff;box-shadow:0 5px 14px #42495638}.rail.is-hidden{opacity:0;pointer-events:none;transform:translate(var(--split-dx,-18px), var(--split-dy,-18px)) scale(.18)}.rail[data-size="56"]{--item:48px;--icon:24px}.rail[data-size="40"]{--item:32px;--icon:18px}.rail[data-size="32"]{--item:24px;--icon:14px}.rail[data-size="24"]{--item:16px;--icon:8px}.rail[data-size="88"]{--item:80px;--icon:24px}.rail[data-size="72"]{--item:64px;--icon:20px}.rail[data-size="60"]{--item:52px;--icon:18px}.rail[data-size="48"]{--item:40px;--icon:16px}.rail-item{width:var(--item);height:var(--item);color:var(--icon-normal);border-radius:999px;place-items:center;transition:width .36s cubic-bezier(.2,.8,.2,1),height .36s cubic-bezier(.2,.8,.2,1),background .18s,box-shadow .18s,transform .18s,color .18s;display:grid;position:relative}.rail-item svg{width:var(--icon);height:var(--icon);stroke-width:1.8px;transition:width .36s cubic-bezier(.2,.8,.2,1),height .36s cubic-bezier(.2,.8,.2,1)}.rail-item .menu-svg{width:var(--icon);height:var(--icon);-webkit-mask:var(--icon-url) center / contain no-repeat;-webkit-mask:var(--icon-url) center / contain no-repeat;mask:var(--icon-url) center / contain no-repeat;background:currentColor;transition:width .36s cubic-bezier(.2,.8,.2,1),height .36s cubic-bezier(.2,.8,.2,1),opacity .18s,transform .24s cubic-bezier(.2,.8,.2,1);display:block}.rail.dot-icon-mode .rail-item .menu-svg,.rail.dot-icon-mode .rail-item svg{opacity:0;transform:scale(.35)}.rail.dot-icon-mode .rail-item:after{content:"";background:var(--color-text);border-radius:999px;width:6px;height:6px;transition:width .24s cubic-bezier(.2,.8,.2,1),height .24s cubic-bezier(.2,.8,.2,1),background .18s;position:absolute}.rail.dot-icon-mode .rail-item.selected:after,.rail.dot-icon-mode .rail-item.default-selected:after,.rail.dot-icon-mode .rail-item.active-selected:after,.rail.dot-icon-mode .rail-item.path-selected:after{background:var(--color-strong);width:12px;height:12px}.rail[data-size="56"] .rail-item svg,.rail[data-size="56"] .rail-item .menu-svg{width:24px;height:24px}.rail[data-rail-index="2"][data-size="56"] .rail-item.selected svg,.rail[data-rail-index="2"][data-size="56"] .rail-item.default-selected svg,.rail[data-rail-index="2"][data-size="56"] .rail-item.active-selected svg,.rail[data-rail-index="2"][data-size="56"] .rail-item.path-selected svg,.rail[data-rail-index="2"][data-size="56"] .rail-item.selected .menu-svg,.rail[data-rail-index="2"][data-size="56"] .rail-item.default-selected .menu-svg,.rail[data-rail-index="2"][data-size="56"] .rail-item.active-selected .menu-svg,.rail[data-rail-index="2"][data-size="56"] .rail-item.path-selected .menu-svg,.rail[data-rail-index="1"][data-size="56"] .rail-item.selected svg,.rail[data-rail-index="1"][data-size="56"] .rail-item.default-selected svg,.rail[data-rail-index="1"][data-size="56"] .rail-item.active-selected svg,.rail[data-rail-index="1"][data-size="56"] .rail-item.path-selected svg,.rail[data-rail-index="1"][data-size="56"] .rail-item.selected .menu-svg,.rail[data-rail-index="1"][data-size="56"] .rail-item.default-selected .menu-svg,.rail[data-rail-index="1"][data-size="56"] .rail-item.active-selected .menu-svg,.rail[data-rail-index="1"][data-size="56"] .rail-item.path-selected .menu-svg{width:28px;height:28px}.rail[data-size="40"] .rail-item svg,.rail[data-size="40"] .rail-item .menu-svg{width:16px;height:16px}.rail[data-size="40"] .rail-item.selected svg,.rail[data-size="40"] .rail-item.default-selected svg,.rail[data-size="40"] .rail-item.active-selected svg,.rail[data-size="40"] .rail-item.path-selected svg,.rail[data-size="40"] .rail-item.selected .menu-svg,.rail[data-size="40"] .rail-item.default-selected .menu-svg,.rail[data-size="40"] .rail-item.active-selected .menu-svg,.rail[data-size="40"] .rail-item.path-selected .menu-svg{width:20px;height:20px}.rail[data-size="32"] .rail-item svg,.rail[data-size="32"] .rail-item .menu-svg{width:12px;height:12px}.rail[data-size="32"] .rail-item.selected svg,.rail[data-size="32"] .rail-item.default-selected svg,.rail[data-size="32"] .rail-item.active-selected svg,.rail[data-size="32"] .rail-item.path-selected svg,.rail[data-size="32"] .rail-item.selected .menu-svg,.rail[data-size="32"] .rail-item.default-selected .menu-svg,.rail[data-size="32"] .rail-item.active-selected .menu-svg,.rail[data-size="32"] .rail-item.path-selected .menu-svg{width:16px;height:16px}.rail[data-size="24"] .rail-item svg,.rail[data-size="24"] .rail-item .menu-svg{width:6px;height:6px}.rail[data-size="24"] .rail-item.selected svg,.rail[data-size="24"] .rail-item.default-selected svg,.rail[data-size="24"] .rail-item.active-selected svg,.rail[data-size="24"] .rail-item.path-selected svg,.rail[data-size="24"] .rail-item.selected .menu-svg,.rail[data-size="24"] .rail-item.default-selected .menu-svg,.rail[data-size="24"] .rail-item.active-selected .menu-svg,.rail[data-size="24"] .rail-item.path-selected .menu-svg{width:12px;height:12px}.rail[data-kind=text] .rail-item{width:var(--item);white-space:nowrap;border-radius:16px;height:32px;font-size:14px;line-height:20px}.rail[data-kind=text]{border-radius:20px;gap:6px}.rail[data-size="48"][data-kind=text] .rail-item{border-radius:12px;width:40px;height:24px;font-size:12px;line-height:20px}.rail[data-size="48"][data-kind=text]{border-radius:16px}.rail[data-rail-index="2"][data-kind=text],.rail[data-rail-index="3"][data-kind=text]{align-items:stretch;width:104px}.rail.inline-submenu-expanded[data-kind=text]{border-radius:20px;align-items:stretch;width:104px}.rail[data-rail-index="2"][data-kind=text] .rail-item,.rail[data-rail-index="3"][data-kind=text] .rail-item,.rail.inline-submenu-expanded[data-kind=text] .rail-item{border-radius:16px;width:100%;height:32px;font-size:12px}.inline-submenu-group{background:var(--soft);border-radius:16px;flex-direction:column;align-items:stretch;width:100%;display:flex;overflow:visible}.inline-submenu-group.is-collapsing{background:0 0;overflow:hidden}.inline-submenu-children{max-height:var(--inline-children-height,160px);opacity:1;transform-origin:50% 0;flex-direction:column;align-items:stretch;animation:.36s cubic-bezier(.2,.8,.2,1) both inlineChildrenOpen;display:flex;overflow:hidden}.inline-submenu-group.is-settled .inline-submenu-children{animation:none}.inline-submenu-group.is-collapsing .inline-submenu-children{pointer-events:none;animation:.36s cubic-bezier(.4,0,.2,1) both inlineChildrenClose}.inline-submenu-group .rail-item.inline-subitem{box-shadow:none;color:var(--strong);background:0 0;font-size:16px;font-weight:500}.inline-submenu-group .rail-item.inline-subitem:hover,.inline-submenu-group .rail-item.inline-subitem.active-selected{color:var(--strong);box-shadow:none;background:0 0;font-size:16px;font-weight:500;transform:none}.inline-submenu-group .rail-item.inline-subitem:not(.active-selected){color:var(--text);font-size:12px}.inline-submenu-group .rail-item.inline-subitem:not(.active-selected):hover{color:var(--strong);font-size:16px}@keyframes inlineChildrenOpen{0%{opacity:0;max-height:0;transform:scaleY(.72)}to{max-height:var(--inline-children-height,160px);opacity:1;transform:scaleY(1)}}@keyframes inlineChildrenClose{0%{max-height:var(--inline-children-height,160px);opacity:1;transform:scaleY(1)}to{opacity:0;max-height:0;transform:scaleY(.72)}}.rail[data-size="88"][data-kind=text] .rail-item{border-radius:16px;width:80px;height:32px}.rail[data-kind=text] .rail-item.selected,.rail[data-kind=text] .rail-item.default-selected,.rail[data-kind=text] .rail-item.active-selected{font-size:15px;font-weight:500}.rail[data-size="48"][data-kind=text] .rail-item.selected,.rail[data-size="48"][data-kind=text] .rail-item.default-selected,.rail[data-size="48"][data-kind=text] .rail-item.active-selected{font-size:13px;font-weight:500}.rail[data-kind=color]{border-radius:16px;gap:8px;width:max-content}.rail[data-kind=color] .rail-item{background:var(--swatch);color:#fff;width:40px;height:24px;box-shadow:none;border:0;border-radius:12px;transition:transform .18s,box-shadow .18s;overflow:hidden;transform:none}.rail[data-kind=color] .rail-item:hover,.rail[data-kind=color] .rail-item.selected,.rail[data-kind=color] .rail-item.default-selected,.rail[data-kind=color] .rail-item.active-selected,.rail[data-kind=color] .rail-item.path-selected,.rail[data-kind=color] .rail-item.selected:hover,.rail[data-kind=color] .rail-item.active-selected:hover{background:var(--swatch);box-shadow:none;color:#fff;border:0;transform:none}.rail[data-kind=color] .rail-item:hover,.rail[data-kind=color] .rail-item.selected:hover,.rail[data-kind=color] .rail-item.default-selected:hover,.rail[data-kind=color] .rail-item.active-selected:hover,.rail[data-kind=color] .rail-item.path-selected:hover{z-index:2;transform-origin:50%;box-shadow:0 4px 4px rgb(var(--swatch-rgb,104 119 139) / 25%);position:relative;transform:scale(1.2,1.25)}.rail[data-kind=color] .rail-item:active,.rail[data-kind=color] .rail-item.selected:active,.rail[data-kind=color] .rail-item.default-selected:active,.rail[data-kind=color] .rail-item.active-selected:active,.rail[data-kind=color] .rail-item.path-selected:active{box-shadow:none;transform:scale(.92)}.swatch-check{border:1.5px solid var(--color-white);width:12px;height:12px;color:var(--color-white);border-radius:999px;place-items:center;font-size:8px;font-weight:700;line-height:10px;display:none}.rail[data-kind=color] .rail-item.active-selected .swatch-check,.rail[data-kind=color] .rail-item.selected .swatch-check,.rail[data-kind=color] .rail-item.path-selected .swatch-check{display:grid}.rail-item:hover{background:var(--active-bg);box-shadow:var(--selected-shadow);color:var(--icon-active);transform:none}.rail-item.selected{background:var(--soft);box-shadow:none;color:var(--icon-parent)}.rail-item.selected:hover,.rail-item.default-selected{background:var(--active-bg);box-shadow:var(--selected-shadow);color:var(--icon-active)}.rail-item.default-selected.breathe{isolation:isolate;color:#803030;background:linear-gradient(#ffbebe,#f9b091 50%,#ffa488);overflow:hidden;box-shadow:0 4px 12px #faaf918c}.rail-item.default-selected.breathe:before{content:"";z-index:1;border-radius:inherit;background:linear-gradient(110deg, transparent 18%, var(--color-white-08) 34%, var(--color-white-82) 49%, var(--color-white-08) 64%, transparent 82%);mix-blend-mode:screen;pointer-events:none;background-position:130% 0;background-size:230% 100%;animation:1.9s ease-in-out infinite shinySweep;position:absolute;inset:0}.rail-item.default-selected.breathe .menu-svg,.rail-item.default-selected.breathe svg{z-index:2;position:relative}.rail-item.default-selected.breathe .menu-svg{background:linear-gradient(110deg,currentColor 18% 36%,#fff4ee 49%,currentColor 62% 82%) 130% 0/230% 100%;animation:1.9s ease-in-out infinite shinyIconSweep}.rail-item.active-selected,.rail-item.default-selected:hover{background:var(--active-bg);box-shadow:var(--selected-shadow);color:var(--icon-active)}.rail-item.default-selected.breathe:hover{color:#803030;background:linear-gradient(#ffbebe,#f9b091 50%,#ffa488);box-shadow:0 8px 22px #faaf91f2}.rail-item.active-selected:hover{background:var(--active-bg);box-shadow:var(--selected-shadow);color:var(--icon-active)}.rail-item.path-selected{color:var(--icon-parent)}.rail-item.path-selected:hover{color:var(--icon-active)}.rail.dot-icon-mode .rail-item.selected:hover:after,.rail.dot-icon-mode .rail-item.default-selected:hover:after,.rail.dot-icon-mode .rail-item.active-selected:hover:after,.rail.dot-icon-mode .rail-item.path-selected:hover:after{background:var(--active-bg)}.rail-item.parent-trigger{background:var(--soft);box-shadow:none;color:var(--icon-parent)}.rail-item.parent-trigger:hover{background:var(--soft)}.rail-item:active{background:var(--active-bg);box-shadow:var(--selected-shadow);color:var(--icon-active);transform:none}.rail[data-kind=color] .rail-item:active{background:var(--swatch);color:#fff;border:0;transform:scale(.92)}.rail-item.default-selected.breathe:active{color:#803030;background:linear-gradient(#ffbebe,#f9b091 50%,#ffa488);box-shadow:0 4px 12px #faaf918c}.rail-item.breathe{animation:none}.rail[data-rail-index="0"]:has(.rail-item:not([data-item-index="0"]):hover) .rail-item.default-selected{box-shadow:none;color:var(--icon-normal);background:0 0;animation:none}.rail[data-rail-index="0"]:has(.rail-item:not([data-item-index="0"]):hover) .rail-item.default-selected.breathe:before{display:none}.rail[data-rail-index="0"]:has(.rail-item:not([data-item-index="0"]):hover) .rail-item.default-selected.breathe .menu-svg{background:currentColor;animation:none}.menu-preview{z-index:900;left:var(--preview-x,270px);top:var(--preview-y,160px);pointer-events:none;opacity:0;visibility:hidden;border-radius:16px;width:285px;padding:8px;transition:opacity .15s,transform .18s cubic-bezier(.2,.8,.2,1),visibility .15s;position:absolute;transform:translate(-8px)scale(.98)}.menu-preview.is-visible{opacity:1;visibility:visible;transform:translate(0)scale(1)}.menu-preview img{object-fit:cover;border-radius:8px;width:269px;height:150px;display:block}.menu-preview.is-material-thumb{border-radius:16px;width:166px}.menu-preview.is-material-thumb img{object-fit:cover;border-radius:12px;width:150px;height:150px}.pill{z-index:2000;left:var(--pill-x);top:var(--pill-y);white-space:nowrap;pointer-events:auto;opacity:0;visibility:hidden;pointer-events:none;border-radius:999px;align-items:center;height:28px;padding:4px 10px;font-size:14px;line-height:20px;transition:opacity .15s,transform .18s,visibility .15s;display:flex;position:fixed;transform:translate(-8px)scale(.96)}.pill.is-visible{opacity:1;visibility:visible;pointer-events:none;transform:translate(0)scale(1)}.page-switch{z-index:1200;background:var(--color-switch-bg);border:1px solid var(--color-switch-line);height:40px;box-shadow:0 8px 26px var(--color-black-28), inset 0 1px 1px var(--color-white-08);color:var(--color-soft);-webkit-backdrop-filter:blur(18px);border-radius:32px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:14px;line-height:20px;transition:background .18s,transform .18s,color .18s;display:inline-flex;position:absolute;top:10px;left:10px}.page-switch:hover{background:var(--color-accent-hover);color:var(--color-white);transform:translateY(-1px)}.page-switch:active{background:var(--color-accent);transform:scale(.96)}.page-switch span[data-icon]{width:18px;height:18px}.page-switch>svg{flex:0 0 18px;width:18px;height:18px}.page-switch>span:last-child{white-space:nowrap}.hero-stage{transition:transform .22s cubic-bezier(.2,.8,.2,1)}.demo.is-hero-pan-mode .hero-stage{pointer-events:auto;cursor:default}.demo.is-hero-panning .hero-stage{cursor:grabbing;transition:none}.demo.is-hero-selection-mode .hero-stage{pointer-events:auto;cursor:crosshair}.demo.is-hero-selection-mode .hero-selection-canvas{opacity:1}.hero-selection-canvas{z-index:2;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .16s;display:block;position:absolute;inset:0}.hero-stage.is-lasso-selection .hero-selection-canvas{opacity:1}.hero-image-hover-overlay{z-index:1;opacity:0;transition:opacity .12s}.hero-stage.is-selection-hovering .hero-image-hover-overlay{opacity:.5;filter:brightness(0)saturate()invert(.52)sepia(.66)saturate(3.16)hue-rotate(311deg)brightness(.83)contrast(1.21)}.hero-stage.is-lasso-selection .hero-image-overlay{opacity:0}.generation-image-handoff{z-index:100;object-fit:cover;pointer-events:none;transform-origin:50%;will-change:left, top, width, height, opacity, border-radius;margin:0;transition:left .62s cubic-bezier(.2,.82,.24,1),top .62s cubic-bezier(.2,.82,.24,1),width .62s cubic-bezier(.2,.82,.24,1),height .62s cubic-bezier(.2,.82,.24,1),border-radius .42s,opacity .18s 40ms,box-shadow .42s;display:block;position:fixed;transform:translate(0,0);box-shadow:0 24px 48px #00000057}.generation-image-handoff.is-complete{opacity:0;box-shadow:none}.demo.is-image-entry-transition .hero-stage{opacity:0;transition:opacity .22s}.demo.is-image-entry-transition [data-generation-entry-ui]{will-change:transform, opacity;transition:opacity .36s cubic-bezier(.22,.8,.26,1),transform .64s cubic-bezier(.16,1,.3,1);opacity:0!important;visibility:visible!important;pointer-events:none!important}.demo.is-image-entry-transition [data-generation-entry-ui=top]{transform:translateY(-48px)!important}.demo.is-image-entry-transition [data-generation-entry-ui=left]{transform:translate(-48px,-50%)!important}.demo.is-image-entry-transition [data-generation-entry-ui=right]{transform:translate(64px,-50%)!important}.demo.is-image-entry-transition [data-generation-entry-ui=bottom]{transform:translate(-50%,64px)!important}.demo.is-image-entry-transition.is-image-entry-hero-visible .hero-stage{opacity:1}.demo.is-image-entry-transition.is-image-entry-ui-visible [data-generation-entry-ui]{opacity:1!important;visibility:visible!important;pointer-events:auto!important}.demo.is-image-entry-transition.is-image-entry-ui-visible [data-generation-entry-ui=top]{transform:none!important}.demo.is-image-entry-transition.is-image-entry-ui-visible [data-generation-entry-ui=left],.demo.is-image-entry-transition.is-image-entry-ui-visible [data-generation-entry-ui=right]{transform:translateY(-50%)!important}.demo.is-image-entry-transition.is-image-entry-ui-visible [data-generation-entry-ui=bottom]{transform:translate(-50%)!important}.demo.is-image-return-transition .hero-stage{opacity:0;transition:opacity .22s}.demo.is-image-return-transition [data-generation-entry-ui]{will-change:transform, opacity;transition:opacity .3s cubic-bezier(.22,.8,.26,1),transform .56s cubic-bezier(.16,1,.3,1);opacity:0!important;visibility:visible!important;pointer-events:none!important}.demo.is-image-return-transition [data-generation-entry-ui=top]{transform:translateY(-48px)!important}.demo.is-image-return-transition [data-generation-entry-ui=left]{transform:translate(-48px,-50%)!important}.demo.is-image-return-transition [data-generation-entry-ui=right]{transform:translate(64px,-50%)!important}.demo.is-image-return-transition [data-generation-entry-ui=bottom]{transform:translate(-50%,64px)!important}.demo.is-image-return-transition .selection-summary.is-visible{opacity:0!important;pointer-events:none!important;transform:translate(-48px,64px)!important}.demo.is-image-return-transition .history-panel.is-visible{opacity:0!important;pointer-events:none!important;transform:translate(80px,-50%)scale(.9)!important}body.is-demo-to-home-transition{background:#050505;overflow:hidden auto}body.is-demo-to-home-transition .app-root{height:auto;min-height:100vh;overflow:visible}body.is-demo-to-home-transition .home-page{z-index:4;display:block;position:relative;overflow:visible}body.is-demo-to-home-transition .demo{z-index:8;background:0 0;display:block;position:fixed;inset:0}body.is-demo-to-home-transition .home-hero>:not(.home-bg){opacity:0;pointer-events:none;transition:opacity .42s cubic-bezier(.16,1,.3,1)}body.is-demo-to-home-transition.is-demo-to-home-content-visible .home-hero>:not(.home-bg){opacity:1;pointer-events:auto}.demo{background:var(--color-white);width:100vw;min-width:960px;height:100vh;min-height:540px;position:relative;overflow:hidden}.demo:after{content:"";z-index:6;opacity:0;visibility:hidden;pointer-events:none;background:#0003;transition:opacity .22s,visibility .22s;position:absolute;inset:0}.demo.is-ppt-mode:after{opacity:1;visibility:visible}.demo.is-ppt-result:after,.demo.is-ppt-generating:after{opacity:0;visibility:hidden}.demo.is-ppt-generating .hero-stage,.demo.is-ppt-generating .history-panel{opacity:0;visibility:hidden;pointer-events:none}.demo.is-ppt-generating .ppt-generating-view{opacity:1!important;visibility:visible!important;pointer-events:auto!important}.demo.is-ppt-result .hero-stage{opacity:0;visibility:hidden;pointer-events:none}.demo.is-ppt-result .ppt-result-view{opacity:1!important;visibility:visible!important;pointer-events:auto!important}.demo.is-ppt-generating .selection-summary,.demo.is-ppt-generating .pill,.demo.is-ppt-generating .menu-preview,.demo.is-ppt-generating .color-popover,.demo.is-ppt-generating .material-popover{opacity:0;visibility:hidden;pointer-events:none}.hero-stage{width:84.7vw;max-width:1627px;height:84.7vh;max-height:915px;transform:translate(calc(-50% + var(--hero-pan-x,0px) + var(--hero-fit-offset-x,0px)), calc(-50% + var(--hero-pan-y,0px) + var(--hero-fit-offset-y,0px))) scale(var(--hero-scale,1));transform-origin:50%;pointer-events:none;position:absolute;top:50.1%;left:50%}.hero-image{object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero-image-overlay{opacity:1}@media (width<=1100px){.demo{min-width:0}.hero-stage{width:88vw;height:68vh}}.demo.is-image-generating{pointer-events:none}.demo.is-image-generating .hero-generate-loading{pointer-events:auto}@keyframes welcome-scene-reveal{0%{opacity:0}to{opacity:1}}@keyframes welcome-ui-reveal{0%{opacity:0;visibility:hidden;transform:translateY(-10px)}to{opacity:1;visibility:visible;transform:translateY(0)}}@keyframes welcome-logo-settle{0%{transform:translate(-50%, -50%) translate3d(var(--welcome-logo-parallax-x), var(--welcome-logo-parallax-y), 0) scale(1.62)}to{transform:translate(-50%, -50%) translate3d(var(--welcome-logo-parallax-x), var(--welcome-logo-parallax-y), 0) scale(1)}}@keyframes welcome-logo-tone{0%{opacity:.72;filter:brightness(.5)}to{opacity:.9;filter:brightness(.98)}}@keyframes welcome-enter-cue-reveal{0%{opacity:0;visibility:hidden;transform:translate(-50%,-6px)}to{opacity:1;visibility:visible;transform:translate(-50%)}}@keyframes welcome-enter-chevron-glow{0%,to{opacity:.28;filter:brightness(.72)}32%{opacity:1;filter:brightness(1.3)drop-shadow(0 0 4px #eeeeee73)}54%{opacity:.38;filter:brightness(.8)}}.welcome-page{color:#ffffffd1;--welcome-bg-parallax-x:0px;--welcome-bg-parallax-y:0px;--welcome-logo-parallax-x:0px;--welcome-logo-parallax-y:0px;--welcome-toolbar-center-x:50%;--welcome-toolbar-center-y:66px;--welcome-toolbar-scale:.25;background:#050505;width:100vw;min-width:960px;height:100vh;min-height:540px;font-family:PingFang SC,Microsoft YaHei,Segoe UI,Arial,sans-serif;position:relative;overflow:hidden}.welcome-bg{z-index:0;filter:saturate(.82)brightness(.82);transform-origin:50%;will-change:transform;opacity:0;pointer-events:none;background:url(/images/homebg.png) 50%/cover no-repeat;animation:.82s 3.2s both welcome-scene-reveal;position:absolute;inset:-28px;transform:translate(0,0)scale(1.045)}.welcome-page:after{content:"";z-index:0;opacity:0;pointer-events:none;background:linear-gradient(90deg,#00000042,#0000 48%,#0000000f);animation:.82s 3.2s both welcome-scene-reveal;position:absolute;inset:0}.welcome-nav{z-index:2;color:#ffffffb8;opacity:0;visibility:hidden;justify-content:space-between;align-items:center;height:72px;padding:0 44px;font-size:14px;animation:.68s cubic-bezier(.22,.8,.26,1) 3.2s both welcome-ui-reveal;display:flex;position:absolute;inset:0 0 auto;transform:translateY(-10px)}.welcome-nav-group{align-items:center;gap:38px;display:flex}.welcome-nav-link{height:32px;color:inherit;transition:color .18s,opacity .18s;position:relative}.welcome-nav-link:after{content:"";opacity:0;background:currentColor;height:1px;transition:opacity .18s,transform .18s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(.4)}.welcome-nav-link:hover,.welcome-nav-link:focus-visible{color:#fff}.welcome-nav-link:hover:after,.welcome-nav-link:focus-visible:after{opacity:.8;transform:scaleX(1)}.welcome-nav-link.is-active{color:#fff}.welcome-nav-link.is-active:after{opacity:.8;transform:scaleX(1)}.welcome-nav-group:has(.welcome-nav-link:not(.is-active):hover) .welcome-nav-link.is-active{color:inherit}.welcome-nav-group:has(.welcome-nav-link:not(.is-active):hover) .welcome-nav-link.is-active:after{opacity:0;transform:scaleX(.4)}.welcome-nav-brand{font-weight:500}.welcome-user{background:#dee2e9;border:1px solid #ffffffb8;border-radius:50%;place-items:center;width:28px;height:28px;margin-left:10px;display:inline-grid;overflow:hidden;box-shadow:0 4px 14px #0000004d}.welcome-user:after{content:"";background:#eef3f7cc;border-radius:50% 50% 45% 45%;width:8px;height:4px;margin-top:11px}.welcome-brand-stage{z-index:1;aspect-ratio:7/10;width:clamp(280px,21vw,420px);transform:translate(-50%, -50%) translate3d(var(--welcome-logo-parallax-x), var(--welcome-logo-parallax-y), 0) scale(1.62);color:#ffffffdb;cursor:pointer;-webkit-user-select:none;user-select:none;will-change:transform;--welcome-logo-settle-delay:3.5s;animation:welcome-logo-settle .82s cubic-bezier(.2, .82, .24, 1) var(--welcome-logo-settle-delay) both;background:0 0;border:0;flex-direction:column;align-items:center;padding:0;display:flex;position:absolute;top:calc(50% - 22px);left:50%}.welcome-brand-stage.is-settled{transform:translate(-50%, -50%) translate3d(var(--welcome-logo-parallax-x), var(--welcome-logo-parallax-y), 0) scale(1);animation:none}.welcome-brand-mark{opacity:0;filter:brightness(.72);will-change:opacity, filter;width:100%;height:100%;transition:opacity .82s cubic-bezier(.2,.82,.24,1),filter .82s cubic-bezier(.2,.82,.24,1);display:block;position:absolute;inset:0}.welcome-logo-path-intro,.welcome-logo-path-intro img,.welcome-logo-sequence-text,.welcome-logo-sequence-text img{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.welcome-logo-path-intro,.welcome-logo-sequence-text{opacity:1;will-change:opacity, filter;transition:opacity .82s cubic-bezier(.2,.82,.24,1),filter .82s cubic-bezier(.2,.82,.24,1)}.welcome-logo-path-intro img{clip-path:inset(0 0 16%)}.welcome-brand-stage.is-flowing .welcome-brand-mark,.welcome-brand-stage[data-flowing] .welcome-brand-mark{opacity:.9;filter:brightness(.98)}.welcome-brand-stage.is-flowing .welcome-logo-path-intro,.welcome-brand-stage.is-flowing .welcome-logo-sequence-text,.welcome-brand-stage[data-flowing] .welcome-logo-path-intro,.welcome-brand-stage[data-flowing] .welcome-logo-sequence-text{opacity:0;filter:blur(1.4px)brightness(1.08)}.welcome-enter-cue{z-index:1;color:#eee9;opacity:0;visibility:hidden;pointer-events:auto;cursor:pointer;flex-direction:column;align-items:center;width:56px;font-size:16px;font-weight:400;animation:.68s cubic-bezier(.22,.8,.26,1) 3.2s both welcome-enter-cue-reveal;display:flex;position:absolute;top:calc(75% + 25vh - 11px);left:50%;transform:translate(-50%,-6px)}.welcome-enter-chevron{opacity:.32;width:20px;height:10px;animation:1.5s ease-in-out 3.86s infinite welcome-enter-chevron-glow;display:block}.welcome-enter-chevron--upper{animation-delay:4.08s}.welcome-enter-label{white-space:nowrap;margin-top:2px}.welcome-login-layer{z-index:5;visibility:hidden;pointer-events:none;place-items:center;padding:32px;transition:visibility 0s linear .22s;display:grid;position:absolute;inset:0}.welcome-login-layer:before{content:"";z-index:-1;opacity:0;background:#0003;transition:opacity .22s;position:absolute;inset:0}.welcome-page.is-login-open .welcome-login-layer{visibility:visible;pointer-events:auto;transition-delay:0s}.welcome-page.is-login-open .welcome-login-layer:before{opacity:1}.welcome-login-dialog{color:#ffffffe0;-webkit-backdrop-filter:blur(15px)saturate(.82);opacity:0;background:linear-gradient(#ffffff0d 0%,#ffffff1a 35%,#ffffff26 65%,#fff3 100%);border:1px solid #00000080;border-radius:32px;width:min(389px,100vw - 48px);min-height:510px;padding:112px 40px 40px;transition:opacity .22s,transform .22s;position:relative;overflow:hidden;transform:translateY(12px)scale(.98);box-shadow:inset 0 2px 1px #fff6,inset 0 -2px 1px #ffffff40}.welcome-login-dialog>*{z-index:1;position:relative}.welcome-page.is-login-open .welcome-login-dialog{opacity:1;transform:translateY(0)scale(1)}.welcome-login-close{background:#5f6b7b;border-radius:50%;place-items:center;width:32px;height:32px;transition:background .16s;display:grid;position:absolute;top:20px;right:20px}.welcome-login-close img{filter:brightness(0)invert();opacity:.92;width:16px;height:16px}.welcome-login-close:hover,.welcome-login-close:focus-visible{background:#738194}.welcome-login-title{color:#fffffff0;margin:0 0 40px;font-size:24px;font-weight:400;line-height:1.25}.welcome-login-fields{gap:10px;display:grid}.welcome-login-field{color:#ffffffeb;width:100%;height:40px;font:inherit;background:#ffffff29;border:1px solid #0000;border-radius:16px;outline:none;padding:0 14px;font-size:14px;transition:border-color .16s,background .16s}.welcome-login-field::placeholder{color:#dee2e9cc}.welcome-login-field:focus{background:#ffffff38;border-color:#ffffff61}.welcome-login-row{gap:10px;display:flex}.welcome-login-row .welcome-login-field{flex:1}.welcome-login-captcha{color:#ffffffeb;background:#ffffff29;border-radius:16px;flex:0 0 112px;height:40px;font-size:13px;transition:background .16s,color .16s}.welcome-login-captcha:hover:not(:disabled){color:#fff;background:#ffffff38}.welcome-login-captcha:disabled{opacity:.55;cursor:default}.welcome-login-submit{color:#fffffff0;background:#6b7280;border:none;border-radius:16px;width:100%;height:44px;margin-top:30px;font-size:16px;font-weight:400;transition:background .16s,color .16s,transform .16s;box-shadow:inset 0 1px 1px #ffffff40,inset 0 -1px 1px #ffffff40}.welcome-login-submit:hover,.welcome-login-submit:focus-visible{color:#fff;background:#6b7280}.welcome-login-submit:active{transform:scale(.98)}.welcome-login-submit:disabled{opacity:.7;cursor:default}.welcome-login-error{color:#f0c0c0;min-height:20px;margin-top:10px;font-size:13px}.welcome-login-actions{color:#ffffffe0;justify-content:space-between;align-items:center;margin-top:16px;font-size:14px;line-height:1.5;display:flex}.welcome-login-actions button{color:inherit;font:inherit;transition:color .16s}.welcome-login-actions span button{color:#8fa0b4}.welcome-login-actions button:hover,.welcome-login-actions button:focus-visible{color:#fff}@media (width<=1100px){.welcome-nav{padding:0 26px}.welcome-nav-group{gap:22px}}@media (prefers-reduced-motion:reduce){.welcome-page:before,.welcome-page:after,.welcome-bg,.welcome-nav,.welcome-brand-stage,.welcome-brand-mark,.welcome-enter-cue,.welcome-enter-chevron{animation:none}.welcome-page:before,.welcome-page:after,.welcome-bg,.welcome-nav{opacity:1;visibility:visible;transform:none}.welcome-brand-stage{transform:translate(-50%,-50%)scale(1)}.welcome-brand-mark{opacity:.9;filter:brightness(.98)}.welcome-logo-path-intro,.welcome-logo-sequence-text{display:none}.welcome-enter-cue{opacity:1;visibility:visible;transform:translate(-50%)}.welcome-enter-chevron{opacity:.65;filter:none}}body.is-welcome-to-home-transition,body.is-home-to-welcome-transition{overflow:hidden}body.is-welcome-to-home-transition[data-page] .welcome-page{z-index:12;background:0 0;display:block;position:fixed;inset:0}body.is-welcome-to-home-transition[data-page] .home-page{z-index:6;display:block;position:fixed;inset:0;overflow:hidden}body.is-home-to-welcome-transition[data-page] .home-page{z-index:12;pointer-events:none;animation:.7s ease-in-out both home-page-to-welcome;display:block;position:fixed;inset:0;overflow:hidden}body.is-home-to-welcome-transition[data-page] .welcome-page{z-index:6;pointer-events:none;display:block;position:fixed;inset:0;overflow:hidden}body.is-welcome-to-home-transition .welcome-bg,body.is-welcome-to-home-transition .welcome-page:after{animation:.66s ease-in-out both welcome-scene-exit}body.is-welcome-to-home-transition .welcome-nav{animation:none}body.is-welcome-to-home-transition .welcome-nav-group:first-child{animation:.54s cubic-bezier(.4,0,.2,1) both welcome-nav-left-collapse}body.is-welcome-to-home-transition .welcome-nav-group:last-child{animation:.48s cubic-bezier(.4,0,.2,1) both welcome-nav-right-exit}body.is-welcome-to-home-transition .welcome-brand-stage{animation:.76s cubic-bezier(.2,.82,.24,1) both welcome-logo-to-toolbar}body.is-welcome-returning .welcome-logo-path-intro,body.is-home-to-welcome-transition .welcome-logo-path-intro,body.is-welcome-to-home-transition .welcome-logo-path-intro,body.is-welcome-returning .welcome-logo-sequence-text,body.is-home-to-welcome-transition .welcome-logo-sequence-text,body.is-welcome-to-home-transition .welcome-logo-sequence-text{display:none}body.is-welcome-to-home-transition .welcome-enter-cue{animation:.18s ease-out both welcome-enter-cue-exit}body.is-welcome-to-home-transition .home-bg:before{opacity:0;animation:.76s ease-out 80ms both home-background-reveal}body.is-welcome-to-home-transition .home-toolbar-group{opacity:0;animation:.4s cubic-bezier(.16,1,.3,1) .5s both home-toolbar-side-reveal;transform:translateY(-10px)}body.is-welcome-to-home-transition .home-toolbar-brand{opacity:0;animation:.22s ease-out .52s both home-brand-reveal}body.is-welcome-to-home-transition .coverflow-stage{opacity:0;animation:.62s cubic-bezier(.16,1,.3,1) .3s both home-content-reveal;transform:translateY(34px)}body.is-welcome-to-home-transition .home-browser{opacity:0;animation:.54s cubic-bezier(.16,1,.3,1) .41s both home-browser-reveal;transform:translate(-50%,26px)}body.is-welcome-to-home-transition .home-toolbar-upload,body.is-welcome-to-home-transition .home-bottom-nav{opacity:0;animation:.44s cubic-bezier(.16,1,.3,1) .52s both home-float-reveal}body.is-welcome-returning:not(.is-welcome-to-home-transition):not(.is-home-to-welcome-transition) .welcome-bg,body.is-welcome-returning:not(.is-welcome-to-home-transition):not(.is-home-to-welcome-transition) .welcome-page:after{opacity:1;animation:none}body.is-welcome-returning:not(.is-welcome-to-home-transition):not(.is-home-to-welcome-transition) .welcome-nav{opacity:1;visibility:visible;animation:none;transform:none}body.is-welcome-returning:not(.is-welcome-to-home-transition):not(.is-home-to-welcome-transition) .welcome-brand-stage{transform:translate(-50%, -50%) translate3d(var(--welcome-logo-parallax-x), var(--welcome-logo-parallax-y), 0) scale(1);animation:none}body.is-welcome-returning:not(.is-welcome-to-home-transition):not(.is-home-to-welcome-transition) .welcome-brand-mark{opacity:.9;filter:brightness(.98);animation:.44s ease-out both welcome-return-logo-reveal}body.is-welcome-returning:not(.is-welcome-to-home-transition):not(.is-home-to-welcome-transition) .welcome-enter-cue{opacity:1;visibility:visible;animation:none;transform:translate(-50%)}body.is-welcome-returning:not(.is-welcome-to-home-transition):not(.is-home-to-welcome-transition) .welcome-enter-chevron{animation:1.5s ease-in-out infinite welcome-enter-chevron-glow}body.is-welcome-returning:not(.is-welcome-to-home-transition):not(.is-home-to-welcome-transition) .welcome-enter-chevron--upper{animation-delay:.22s}body.is-home-to-welcome-transition .welcome-bg,body.is-home-to-welcome-transition .welcome-page:after{opacity:0;animation:.72s ease-out .1s both welcome-return-scene}body.is-home-to-welcome-transition .welcome-nav{opacity:1;visibility:visible;animation:none;transform:none}body.is-home-to-welcome-transition .welcome-nav-group:first-child{animation:.5s cubic-bezier(.16,1,.3,1) .4s both welcome-nav-left-return}body.is-home-to-welcome-transition .welcome-nav-group:last-child{animation:.46s cubic-bezier(.16,1,.3,1) .44s both welcome-nav-right-return}body.is-home-to-welcome-transition .welcome-brand-stage{animation:.8s cubic-bezier(.2,.82,.24,1) both welcome-logo-from-toolbar}body.is-home-to-welcome-transition .welcome-brand-mark{opacity:.9;filter:brightness(.98);animation:none}body.is-home-to-welcome-transition .welcome-enter-cue{animation:.34s cubic-bezier(.16,1,.3,1) .58s both welcome-return-cue}body.is-home-to-welcome-transition .welcome-enter-chevron{animation:1.5s ease-in-out .7s infinite welcome-enter-chevron-glow}body.is-home-to-welcome-transition .welcome-enter-chevron--upper{animation-delay:.92s}body.is-home-to-welcome-transition .home-toolbar-brand{animation:.26s ease-out both home-brand-handoff-out}@keyframes welcome-scene-exit{0%{opacity:1}to{opacity:0}}@keyframes welcome-enter-cue-exit{to{opacity:0;visibility:hidden}}@keyframes welcome-nav-left-collapse{0%{opacity:1;transform-origin:0;transform:translate(0)scale(1)}to{opacity:0;transform-origin:0;transform:translate(-34px)scale(.72)}}@keyframes welcome-nav-right-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-92px)}}@keyframes welcome-logo-to-toolbar{0%{opacity:1;top:calc(50% - 22px);left:50%;transform:translate(-50%,-50%)scale(1)}68%{left:var(--welcome-toolbar-center-x);top:var(--welcome-toolbar-center-y);opacity:1;transform:translate(-50%, -50%) scale(var(--welcome-toolbar-scale))}to{left:var(--welcome-toolbar-center-x);top:var(--welcome-toolbar-center-y);opacity:0;transform:translate(-50%, -50%) scale(var(--welcome-toolbar-scale))}}@keyframes welcome-logo-from-toolbar{0%{left:var(--welcome-toolbar-center-x);top:var(--welcome-toolbar-center-y);opacity:0;transform:translate(-50%, -50%) scale(var(--welcome-toolbar-scale))}14%{left:var(--welcome-toolbar-center-x);top:var(--welcome-toolbar-center-y);opacity:1;transform:translate(-50%, -50%) scale(var(--welcome-toolbar-scale))}32%{left:var(--welcome-toolbar-center-x);top:var(--welcome-toolbar-center-y);opacity:1;transform:translate(-50%, -50%) scale(var(--welcome-toolbar-scale))}to{opacity:1;top:calc(50% - 22px);left:50%;transform:translate(-50%,-50%)scale(1)}}@keyframes welcome-return-scene{0%{opacity:0}to{opacity:1}}@keyframes welcome-nav-left-return{0%{opacity:0;transform-origin:0;transform:translate(-34px)scale(.72)}to{opacity:1;transform-origin:0;transform:translate(0)scale(1)}}@keyframes welcome-nav-right-return{0%{opacity:0;transform:translate(-92px)}to{opacity:1;transform:translate(0)}}@keyframes welcome-return-cue{0%{opacity:0;visibility:hidden;transform:translate(-50%,10px)}to{opacity:1;visibility:visible;transform:translate(-50%)}}@keyframes welcome-return-logo-reveal{0%{opacity:0;filter:brightness(.76)}to{opacity:.9;filter:brightness(.98)}}@keyframes home-page-to-welcome{0%{opacity:1}to{opacity:0}}@keyframes home-brand-handoff-out{0%{opacity:.88}to{opacity:0}}@keyframes home-background-reveal{0%{opacity:0}to{opacity:1}}@keyframes home-toolbar-side-reveal{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes home-brand-reveal{0%{opacity:0}to{opacity:.88}}@keyframes home-content-reveal{0%{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}@keyframes home-browser-reveal{0%{opacity:0;transform:translate(-50%,26px)}to{opacity:1;transform:translate(-50%)}}@keyframes home-float-reveal{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.api-alert-layer{z-index:8000;background:#00000073;place-items:center;display:grid;position:fixed;inset:0}.api-alert-dialog{color:#dee2e9;background:#1c1d21;border-radius:16px;width:min(420px,100vw - 48px);padding:24px 22px 20px;box-shadow:0 18px 48px #0006}.api-alert-title{margin:0 0 10px;font-size:16px;font-weight:600}.api-alert-text{color:#c5cad3;white-space:pre-wrap;word-break:break-word;margin:0 0 20px;font-size:14px;line-height:22px}.api-alert-ok{color:#fff;background:#6b7280;border:0;border-radius:32px;width:100%;height:40px;font-size:14px;font-weight:600;display:block}.api-alert-ok:hover,.api-alert-ok:focus-visible{background:#8993a3}:root{--color-white:oklch(100% 0 0);--color-black:oklch(0% 0 0);--color-home-bg:oklch(11.5% 0 0);--color-surface:oklch(98.2% 0 0);--color-text:oklch(55.1% .023 264.364);--color-strong:oklch(40.4% .024 262.848);--color-soft:oklch(91.2% .01 261.788);--color-accent:oklch(56.4% .036 255.67);--color-muted:oklch(71.7% .024 263.156);--color-danger:oklch(56.8% .121 21.659);--color-violet:oklch(65.9% .193 287.734);--color-deep-red:oklch(47% .186 28.467);--color-white-96:oklch(100% 0 0/.96);--color-white-92:oklch(100% 0 0/.92);--color-white-82:oklch(100% 0 0/.82);--color-white-18:oklch(100% 0 0/.18);--color-white-08:oklch(100% 0 0/.08);--color-black-28:oklch(0% 0 0/.28);--color-black-24:oklch(0% 0 0/.24);--color-black-18:oklch(0% 0 0/.18);--color-black-15:oklch(0% 0 0/.15);--color-black-10:oklch(0% 0 0/.1);--color-control-hover:oklch(91.2% .01 261.788/.78);--color-interaction-hover:oklch(94.2% .012 257.8/.92);--color-interaction-pressed:oklch(88.7% .025 257.1/.96);--color-interaction-selected:oklch(87.9% .027 256.4/.94);--color-accent-hover:oklch(51.5% .044 255.2);--color-focus-ring:oklch(62% .08 254.5/.42);--color-switch-bg:oklch(34.1% .007 274.773/.82);--color-switch-line:oklch(91.2% .01 261.788/.16);--panel:oklch(98.2% 0 0/.84);--line:var(--color-white-96);--text:var(--color-text);--strong:var(--color-strong);--muted:var(--color-muted);--icon-normal:var(--color-text);--icon-parent:var(--color-strong);--icon-active:var(--color-white);--soft:var(--color-soft);--blue:var(--color-accent);--active-bg:var(--color-accent);--warm-a:var(--color-accent);--warm-b:var(--color-accent);--warm-c:var(--color-accent);--shadow:0 8px 32px var(--color-black-15), inset 0 1px 1px oklch(100% 0 0/.8);--selected-shadow:0 2px 8px oklch(56.4% .036 255.67/.25);--interaction-shadow:0 4px 12px oklch(40.4% .024 262.848/.14);--motion-fast:.14s;--motion-normal:.2s;--motion-ease:cubic-bezier(.2, .8, .2, 1);--home-glass-blur:26px;--home-glass-saturate:1.38;--home-glass-brightness:1.16;--home-glass-radius:32px;--home-glass-tint:.08;--home-glass-tint-rgb:255, 255, 255;--home-glass-shadow:.18;--home-glass-specular:.72;--home-inner-shadow-rgb:255, 255, 255;--home-inner-shadow-blur:0px;--home-inner-shadow-spread:-5px;--home-outer-shadow-blur:50px}*{box-sizing:border-box}body{background:var(--color-white);min-height:100vh;color:var(--text);letter-spacing:0;margin:0;font-family:PingFang SC,Microsoft YaHei,Segoe UI,Arial,sans-serif;overflow:hidden}button{color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}img:not([data-native-drag=true]){-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:100%}.glass{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px)}.icon-btn{transition:background-color var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease);border-radius:999px;place-items:center;display:grid}.icon-btn:hover{background:var(--color-interaction-hover);color:var(--strong)}.icon-btn.active{background:var(--color-interaction-selected);color:var(--strong)}.icon-btn:active{background:var(--color-interaction-pressed);transform:scale(.96)}button:focus-visible,[role=button]:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.ui-svg{width:var(--ui-icon-size,16px);height:var(--ui-icon-size,16px);-webkit-mask:var(--icon-url) center / contain no-repeat;-webkit-mask:var(--icon-url) center / contain no-repeat;mask:var(--icon-url) center / contain no-repeat;background:currentColor;display:block}.page-view{width:100vw;height:100vh;position:relative;overflow:hidden}body[data-page=home] .demo,body[data-page=demo] .home-page,body[data-page=home] .welcome-page,body[data-page=demo] .welcome-page,body[data-page=welcome] .home-page,body[data-page=welcome] .demo{display:none}body[data-page=home] .home-page,body[data-page=demo] .demo,body[data-page=welcome] .welcome-page,body.is-welcome-to-home-transition .welcome-page,body.is-welcome-to-home-transition .home-page,body.is-home-to-welcome-transition .welcome-page,body.is-home-to-welcome-transition .home-page{display:block}body[data-page=home]{overflow:hidden auto}body[data-page=welcome]{overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}