@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&family=Playfair+Display:wght@400;500&display=swap";
.studio-app{--panel:#292b2f;--panel-2:#24262a;--line:#3b3e44;--text:#d5d8df;--muted:#858b97;--accent:#63a4ff;width:100vw;height:100vh;color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#1b1d21;flex-direction:column;font:11px DM Sans,Arial,sans-serif;display:flex;overflow:hidden}.studio-app *{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#51555e transparent}.studio-app button,.studio-app input,.studio-app select,.studio-app textarea{font:inherit}.studio-app button{color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;gap:6px;padding:5px 7px;display:inline-flex}.studio-app button:hover{color:#fff;background:#ffffff0c}.studio-app button:disabled{opacity:.28;cursor:default}.studio-app button:focus-visible,.studio-app input:focus-visible,.studio-app select:focus-visible,.studio-app textarea:focus-visible{outline-offset:1px;outline:1px solid #63a4ff}.studio-menubar{z-index:100;background:#222428;border-bottom:1px solid #101114;flex-shrink:0;align-items:center;gap:15px;height:39px;padding:0 12px;display:flex}.studio-logo{color:#bad5ff;align-items:center;gap:9px;font-family:Georgia,serif;font-size:24px;font-weight:700;text-decoration:none;display:flex}.studio-logo>span{letter-spacing:1.1px;color:#a5abb7;font:600 9px DM Sans,sans-serif}.studio-menus{align-items:center;gap:2px;height:100%;display:flex}.studio-menus details{position:relative}.studio-menus summary{cursor:pointer;color:#bcc1cb;border-radius:3px;padding:7px 8px;font-size:11px;list-style:none}.studio-menus summary::-webkit-details-marker{display:none}.studio-menus details[open]>summary,.studio-menus summary:hover{color:#fff;background:#34373e}.studio-menus details>div{z-index:200;background:#30333a;border:1px solid #4a4e58;border-radius:5px;min-width:215px;padding:5px;position:absolute;top:30px;left:0;box-shadow:0 10px 35px #0008}.studio-menus details>div button{text-align:left;justify-content:space-between;width:100%;padding:8px 10px;font-size:11px;display:flex}.studio-menus kbd{color:#8d95a4;font-family:inherit;font-size:10px}.studio-menus hr{border:0;border-top:1px solid #494d56;margin:4px 0}.studio-menu-spacer{flex:1}.studio-save-state{color:#8e96a4;white-space:nowrap;align-items:center;gap:6px;font-size:9px;display:flex}.studio-save-state>span{background:#78ad8b;border-radius:50%;width:5px;height:5px}.studio-save-state.error{color:#f1b686}.studio-save-state.error>span{background:#e99b70}.studio-preview-button{color:#c4cad5;border:1px solid #454a55;border-radius:4px;align-items:center;gap:6px;padding:5px 9px;font-size:10px;text-decoration:none;display:flex}.studio-menubar .studio-save-button{color:#fff;background:#4387e8;padding:5px 13px;font-weight:500}.studio-menubar .studio-save-button:hover{background:#5495f0}.studio-options{z-index:30;background:#2b2d32;border-bottom:1px solid #17191d;flex-shrink:0;align-items:center;gap:8px;height:39px;padding:0 12px;display:flex}.studio-options button{color:#aeb5c1;height:25px;font-size:10px}.studio-options button.playing{color:#8ebdff;background:#3667a630}.studio-tool-label{color:#d4d9e3;align-items:center;gap:8px;min-width:90px;font-size:10px;display:flex}.studio-option-separator{background:#464950;width:1px;height:17px;margin:0 2px}.studio-options label{color:#aab2c0;align-items:center;gap:5px;font-size:10px;display:flex}.studio-options input{accent-color:#5a9bf8;width:11px;height:11px}.studio-options select{color:#c6cdd9;background:#23252a;border:1px solid #484c55;border-radius:3px;padding:3px 6px;font-size:10px}.studio-shell{flex:1;min-height:0;display:flex}.studio-tools{z-index:20;background:#292b2f;border-right:1px solid #14161a;flex-direction:column;flex-shrink:0;gap:5px;width:43px;padding:9px 5px;display:flex}.studio-tools>button{color:#a4abb7;border-radius:3px;width:32px;height:32px;padding:5px}.studio-tools>button.active{color:#c3dcff;background:#35557f66;border:1px solid #528fe1}.studio-tool-divider{background:#42454d;height:1px;margin:4px}.studio-tools-spacer{flex:1}.studio-toolbar-swatch{justify-content:center;padding-bottom:6px;display:flex}.studio-toolbar-swatch input{cursor:pointer;background:#22252b;border:1px solid #818995;border-radius:2px;width:27px;height:27px;padding:2px}.studio-center{flex-direction:column;flex:1;min-width:0;display:flex}.studio-page-tabs{z-index:10;background:#222429;border-bottom:1px solid #121418;flex-shrink:0;align-items:stretch;height:32px;display:flex;overflow-x:auto}.studio-page-tab{color:#888f9c;background:#27292e;border-right:1px solid #15171b;align-items:center;min-width:135px;max-width:240px;display:flex;position:relative}.studio-page-tab.active{color:#e3e8f0;background:#34373e;box-shadow:inset 0 2px #72aafa}.studio-page-tab>button[role=tab]{color:inherit;border:0;border-radius:0;flex:1;justify-content:flex-start;gap:8px;padding:8px 13px;font-size:10px;overflow:hidden}.studio-page-tab input{color:#e0e7f2;background:#202329;border:1px solid #609ae5;width:100%;padding:1px 4px;font-size:10px}.studio-tab-dot{background:#7b8594;border-radius:50%;flex-shrink:0;width:4px;height:4px}.studio-page-tab.active .studio-tab-dot{background:#84b4ff}.studio-page-tab .studio-page-close{color:#78818f;margin-right:5px;padding:4px}.studio-page-tab .studio-page-close:hover{color:#e6ebf5}.studio-page-tabs .studio-add-page{color:#858e9b;padding:0 12px}.studio-workspace{overscroll-behavior:contain;touch-action:none;background:#1b1d21;flex:1;min-height:0;padding:42px 48px 65px;position:relative;overflow:auto}.studio-workspace.hand{cursor:grab}.studio-workspace.panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.studio-workspace.hand .studio-object,.studio-workspace.panning .studio-object{cursor:inherit!important}.studio-workspace.marquee,.studio-workspace.marquee .studio-object{cursor:crosshair!important}.studio-artboard-label{color:#737c8a;justify-content:space-between;align-items:center;max-width:100%;margin:0 auto 9px;padding-left:2px;font-size:9px;display:flex}.studio-artboard-label small{color:#535c69;font-size:8px}.studio-stage{margin:0 auto;position:relative;box-shadow:0 7px 34px #0008}.studio-canvas{transform-origin:0 0;isolation:isolate;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;position:absolute;top:0;left:0}.studio-ruler-horizontal{color:#737e8c;pointer-events:none;background:#202329;border-bottom:1px solid #3b424d;height:16px;font-size:8px;position:absolute;top:-20px;left:0}.studio-ruler-horizontal span{border-left:1px solid #4a525e;padding-left:4px;position:absolute;bottom:2px}.studio-ruler-vertical{color:#737e8c;pointer-events:none;background:#202329;border-right:1px solid #3b424d;width:20px;font-size:8px;position:absolute;top:0;left:-25px}.studio-ruler-vertical span{writing-mode:vertical-rl;border-top:1px solid #4a525e;padding-top:4px;position:absolute;right:2px}.studio-grid-overlay{pointer-events:none;z-index:1000;background-image:linear-gradient(90deg,#407bbb18 1px,#0000 1px),linear-gradient(#407bbb18 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.studio-object{box-sizing:border-box;-webkit-user-select:none;user-select:none;outline:none;position:absolute}.studio-object:not(.shape):hover{outline-offset:2px;outline:1px solid #529fff77}.studio-object-content{box-sizing:border-box;transform-origin:50%;position:relative}.studio-object-content img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.studio-object-content textarea{width:100%;height:100%;color:inherit;font:inherit;line-height:inherit;letter-spacing:inherit;text-align:inherit;resize:none;white-space:pre-wrap;-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:1px solid #4d99ff;margin:0;padding:0;display:block;overflow:hidden}.studio-canvas .moveable-control-box{z-index:1003!important}.studio-canvas .moveable-line{background:#60a4ff!important}.studio-canvas .moveable-control{box-shadow:0 1px 3px #0004;background:#dcecff!important;border:1px solid #498dec!important;border-radius:1px!important;width:7px!important;height:7px!important;margin-top:-3px!important;margin-left:-3px!important}.studio-canvas .moveable-rotation-control{border-radius:50%!important}.studio-canvas .moveable-guideline{background:#ef79c2!important}.studio-marquee-box{pointer-events:none;z-index:1004;background:#4594ff22;border:1px solid #78b1ff;position:absolute}.studio-statusbar{color:#7b8595;background:#25272c;border-top:1px solid #15171b;flex-shrink:0;align-items:center;gap:12px;height:25px;padding:0 12px;font-size:8px;display:flex}.studio-statusbar i{background:#3a3e47;width:1px;height:10px}.studio-status-tip{color:#646f7e;white-space:nowrap;text-overflow:ellipsis;margin-left:auto;overflow:hidden}.studio-dock{z-index:30;background:#292b2f;border-left:1px solid #101215;flex-direction:column;flex-shrink:0;width:292px;min-height:0;display:flex}.studio-dock-tabs{background:#26282c;border-bottom:1px solid #15171b;flex-shrink:0;align-items:stretch;gap:2px;height:34px;padding-left:5px;display:flex}.studio-dock-tabs>button{color:#929aa7;border-radius:0;padding:8px 12px;font-size:10px;position:relative}.studio-dock-tabs>button.active{color:#e0e5ed;background:#303238;box-shadow:inset 0 2px #5e9beb}.studio-properties{flex-shrink:1;height:48%;min-height:190px;padding:15px 15px 18px;overflow-y:auto}.studio-section-title{color:#c4ccd8;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:10px;font-weight:600;display:flex}.studio-section-title>button{color:#808c9d;padding:2px}.studio-field{color:#8d96a5;gap:6px;min-width:0;margin:11px 0;font-size:9px;display:grid}.studio-field input:not([type=color]):not([type=checkbox]),.studio-field select,.studio-field textarea{box-sizing:border-box;color:#ccd4df;background:#22252b;border:1px solid #424751;border-radius:3px;outline:none;width:100%;min-width:0;padding:6px 8px;font-size:10px}.studio-field input:not([type=color]):not([type=checkbox]),.studio-field select{height:29px}.studio-field textarea{resize:vertical;min-height:60px;line-height:1.6}.studio-field input:focus,.studio-field textarea:focus{border-color:#679be4}.studio-field-row{align-items:end;gap:8px;display:flex}.studio-field-row>.studio-field{flex:1;min-width:0}.studio-field-row>.studio-field.grow{flex:3}.studio-field-row>.studio-field.narrow{flex:1}.studio-color-control{background:#22252b;border:1px solid #424751;border-radius:3px;align-items:center;gap:8px;height:29px;padding:3px 5px;display:flex}.studio-color-control input{cursor:pointer;background:0 0;border:0;width:25px;height:21px;padding:0}.studio-color-control span{color:#b2bdca;font-size:9px}.studio-text-align{gap:2px;margin-bottom:11px;display:flex}.studio-text-align button{border:1px solid #414650;padding:6px 5px}.studio-text-align button.active{color:#a8cdff;background:#375b8866;border-color:#5a8bc8}.studio-image-preview{object-fit:cover;border-radius:3px;width:100%;height:110px;margin:10px 0;display:block}.studio-wide-button{width:100%;font-size:10px;border:1px solid #4a5260!important;border-radius:3px!important;padding:8px!important;display:flex!important}.studio-wide-button.accent{color:#b6d6ff;background:#396aaa44;border-color:#5088cf!important}.studio-properties-hint{color:#707c8d;margin:16px 0 0;font-size:10px;line-height:1.8}.studio-empty-properties{text-align:center;color:#758297;flex-direction:column;align-items:center;padding:20px 5px;display:flex}.studio-empty-properties h3{color:#aab6c7;margin:12px 0 0;font-size:12px;font-weight:500}.studio-empty-properties p{max-width:225px;font-size:10px;line-height:1.8}.studio-empty-properties>div{gap:6px;margin-top:8px;display:flex}.studio-empty-properties button{border:1px solid #414b5c;margin-top:8px;font-size:10px}.studio-motion-heading{color:#bcc8d9;justify-content:space-between;align-items:center;margin-bottom:11px;font-size:10px;display:flex}.studio-motion-heading label{color:#7f98bc;align-items:center;gap:5px;font-size:9px;display:flex}.studio-motion-heading input,.studio-loop input{accent-color:#69a5fc;width:11px;height:11px}.studio-motion-demo{background:#1d2530;border:1px solid #3c4655;border-radius:4px;place-items:center;height:95px;margin-bottom:12px;display:grid;position:relative;overflow:hidden}.studio-motion-demo-grid{background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:12px 12px;position:absolute;inset:0}.studio-motion-demo-object{color:#17283f;background:#759fd8;border-radius:5px;place-items:center;width:75px;height:48px;display:grid;position:relative;box-shadow:0 5px 20px #0003}.studio-motion-demo-object>span{font-family:Playfair Display,serif;font-size:32px;line-height:1}.studio-motion-demo-object.is-image{width:78px;height:48px;overflow:hidden}.studio-motion-demo-object img{object-fit:cover;width:100%;height:100%}.studio-motion-demo-object>div{background:#c6ddff;border-radius:3px;width:35px;height:25px}.studio-motion-demo>small{letter-spacing:1.2px;color:#526982;font-size:6px;position:absolute;bottom:6px;right:8px}.studio-preset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.studio-app .studio-preset{background:#262a32;border:1px solid #414854;border-radius:3px;flex-direction:column;gap:5px;width:100%;height:51px;padding:6px 2px;display:flex}.studio-preset span{color:#869ab9;min-height:18px;font-size:18px;line-height:18px;display:block}.studio-preset small{color:#8b99ad;font-size:7px}.studio-app .studio-preset:hover{background:#333f51;border-color:#607fa8}.studio-app .studio-preset.active{background:#34527b55;border-color:#6fa9ff}.studio-preset.active span,.studio-preset.active small{color:#bcd8ff}.studio-motion-controls{align-items:end;gap:14px;display:flex}.studio-motion-controls>.studio-field{flex:1}.studio-loop{color:#9aabc0;align-items:center;gap:5px;margin-bottom:18px;font-size:9px;display:flex}.studio-layer-panel{border-top:1px solid #111317;flex-direction:column;flex:1;min-height:190px;display:flex}.studio-layer-title{background:#2d3036;border-bottom:1px solid #17191e;flex-shrink:0;justify-content:space-between;align-items:center;height:33px;padding:0 12px;display:flex}.studio-layer-title>span:first-child{color:#c0cbdc;align-items:center;gap:7px;font-size:10px;font-weight:500;display:flex}.studio-layer-title small{color:#7c899e;font-size:9px;font-weight:400}.studio-layer-count{color:#6e7c91;font-size:8px}.studio-layer-search{color:#58677d;border-bottom:1px solid #1d2026;flex-shrink:0;align-items:center;gap:7px;padding:7px 12px;display:flex}.studio-layer-search input{color:#a7b8cc;background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:9px}.studio-layer-search input::placeholder{color:#5f6c7f}.studio-layer-list{flex:1;min-height:0;padding:4px 0;overflow-y:auto}.studio-layer-group-heading{color:#7c8ba0;background:#24272c;border-bottom:1px solid #20232a;align-items:center;gap:3px;height:29px;padding:0 10px 0 6px;display:flex}.studio-layer-group-heading>button{color:#8598b1;padding:3px;font-size:9px}.studio-layer-group-heading .studio-group-name{flex:1;justify-content:flex-start;gap:7px;min-width:0}.studio-group-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-layer-group-heading small{color:#536278;font-size:8px}.studio-layer-row{cursor:default;border-top:2px solid #0000;outline:none;align-items:center;gap:6px;min-height:34px;padding:4px 10px 4px 18px;display:flex;position:relative}.studio-layer-row:hover{background:#323843}.studio-layer-row.active{background:#3b567d66;box-shadow:inset 2px 0 #669ee9}.studio-layer-row.drop-over{border-top-color:#77b1ff}.studio-layer-row.is-hidden .studio-layer-name{color:#536075}.studio-layer-row .studio-layer-eye,.studio-layer-row .studio-layer-lock{color:#687b96;background:0 0;border:0;flex-shrink:0;place-items:center;padding:4px 2px;display:grid}.studio-layer-row .studio-layer-lock{opacity:.4}.studio-layer-row:hover .studio-layer-lock,.studio-layer-row.active .studio-layer-lock{opacity:1}.studio-layer-thumb{color:#a2b4cf;background:#222832;border:1px solid #566174;border-radius:2px;flex-shrink:0;place-items:center;width:27px;height:23px;display:grid;overflow:hidden}.studio-layer-thumb img,.studio-layer-thumb>span{object-fit:cover;width:100%;height:100%}.studio-layer-name{color:#9faec3;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:9px;overflow:hidden}.studio-layer-name input{color:#d2e6ff;background:#182332;border:1px solid #6f9fde;border-radius:2px;width:100%;padding:2px 3px;font-size:9px}.studio-layer-motion-icon{color:#6f96ce;flex-shrink:0}.studio-layer-actions{background:#25282e;border-top:1px solid #1a1e24;flex-shrink:0;align-items:center;gap:3px;height:32px;padding:0 8px;display:flex}.studio-layer-actions>span{color:#63748c;flex:1;font-size:8px}.studio-layer-actions>button{color:#8599b5;padding:5px}.studio-empty-layers{color:#61718a;text-align:center;padding:35px 15px;font-size:10px;line-height:1.8}.studio-modal-backdrop{z-index:1000;background:#080d16aa;place-items:center;display:grid;position:fixed;inset:0}.studio-modal{background:#2b3039;border:1px solid #4a566a;border-radius:7px;width:min(380px,90vw);padding:22px;box-shadow:0 20px 80px #0009}.studio-modal>div:first-child{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.studio-modal h2{color:#dce9fd;margin:0;font-size:16px;font-weight:500}.studio-modal p{color:#8094b1;font-size:10px;line-height:1.8}.studio-modal footer{justify-content:flex-end;gap:8px;margin-top:25px;display:flex}.studio-modal footer button{border:1px solid #536684;padding:7px 13px;font-size:10px}.studio-modal footer .accent{color:#fff;background:#447fcf;border-color:#659be5}.studio-shortcuts>div{border-bottom:1px solid #3c4656;justify-content:space-between;gap:20px;padding:6px 0;font-size:10px;display:flex}.studio-shortcuts dt{color:#bbd0ed}.studio-shortcuts dd{color:#8c9fb9;margin:0}.studio-loading{color:#8395b1;background:#202329;place-items:center;height:100vh;font:12px DM Sans,sans-serif;display:grid}.studio-measure{pointer-events:none;opacity:0;width:1280px;position:absolute;top:0;left:-20000px}.studio-site-preview{min-height:100vh;font-family:DM Sans,sans-serif;overflow:auto}.studio-preview-nav{z-index:1005;color:#b6cbe6;background:#222832;justify-content:space-between;align-items:center;height:42px;padding:0 16px;font:11px DM Sans,sans-serif;display:flex;position:sticky;top:0;box-shadow:0 2px 15px #0003}.studio-preview-nav a{color:inherit;text-decoration:none}.studio-preview-nav>div{gap:5px;display:flex}.studio-preview-nav button{color:#8197b6;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:5px 10px}.studio-preview-nav button.active{color:#bfdcff;background:#41648d66}.studio-preview-nav>span{color:#566f92;font-size:9px}@media (max-width:1100px){.studio-dock{width:265px}.studio-options{gap:4px}.studio-workspace{padding-inline:36px}.studio-logo>span{display:none}.studio-status-tip{max-width:260px}.studio-menubar{gap:9px}.studio-save-state{font-size:8px}}@media (max-height:700px){.studio-properties{height:45%;min-height:165px}.studio-motion-demo{height:75px}.studio-preset{height:45px!important}.studio-layer-panel{min-height:150px}}.studio-trigger-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin-bottom:6px;display:grid}.studio-trigger-tabs button{color:#9daabd;border-color:#414854;padding:6px 1px;font-size:9px;position:relative}.studio-trigger-tabs button.active{color:#c7deff;background:#34527b55;border-color:#6fa9ff}.studio-trigger-tabs button i{background:#82bdff;border-radius:50%;width:4px;height:4px}.studio-trigger-hint{color:#9caabd;margin:7px 0 10px;font-size:10px;line-height:1.5}.studio-loader-settings{border-top:1px solid #414854;margin-top:16px;padding-top:14px}.studio-motion-check{color:#aab6c8;align-items:center;gap:6px;margin:7px 0 12px;font-size:10px;display:flex}.studio-motion-check input{accent-color:#69a5fc}.studio-loading-overlay{z-index:3000;place-items:center;font:14px DM Sans,sans-serif;display:grid;position:fixed;inset:0}.studio-loading-overlay.exit-fade{animation:.35s both studio-loader-fade}.studio-loading-overlay.exit-slide{animation:.35s both studio-loader-slide}.studio-loading-content{justify-items:center;gap:16px;display:grid}.studio-loader-mark.spinner{border:2px solid color-mix(in srgb,currentColor 25%,transparent);border-top-color:currentColor;border-radius:50%;width:38px;height:38px;animation:.75s linear infinite studio-loader-spin}.studio-loader-mark.dots{gap:8px;display:flex}.studio-loader-mark.dots i{background:currentColor;border-radius:50%;width:9px;height:9px;animation:.9s ease-in-out infinite alternate studio-loader-dot}.studio-loader-mark.dots i:nth-child(2){animation-delay:.15s}.studio-loader-mark.dots i:nth-child(3){animation-delay:.3s}.studio-loader-mark.bar{background:color-mix(in srgb,currentColor 22%,transparent);border-radius:3px;width:min(200px,65vw);height:4px;overflow:hidden}.studio-loader-mark.bar i:first-child{background:currentColor;width:40%;height:100%;animation:.95s ease-in-out infinite studio-loader-bar;display:block}.studio-loader-wordmark{letter-spacing:.16em;text-align:center;overflow-wrap:anywhere;padding-inline:20px;font:500 clamp(24px,6vw,72px) Georgia,serif;animation:1.1s infinite alternate studio-loader-dot}.studio-app button.studio-loader-close{color:inherit;border-color:currentColor;padding:8px 12px;position:absolute;top:18px;right:18px}@keyframes studio-loader-fade{to{opacity:0}}@keyframes studio-loader-slide{to{transform:translateY(-100%)}}@keyframes studio-loader-spin{to{transform:rotate(360deg)}}@keyframes studio-loader-dot{0%{opacity:.3}to{opacity:1}}@keyframes studio-loader-bar{0%{transform:translate(-100%)}to{transform:translate(250%)}}.studio-video{object-fit:cover;background:#15181d;width:100%;height:100%;display:block}.studio-object .studio-video,.studio-motion-demo .studio-video{pointer-events:none}.studio-video-placeholder{color:#aab6c8;background:#202631;place-items:center;width:100%;height:100%;font-size:12px;display:grid}.studio-video-inspector{border-radius:3px;height:120px;margin-bottom:8px;overflow:hidden}.studio-video-options{gap:14px;display:flex}@media (prefers-reduced-motion:reduce){.studio-loading-content *{animation:none!important}}.studio-menubar .studio-library-trigger{color:#dceaff;background:#344561;border-color:#4a5d77;margin-left:8px;padding:5px 10px;font-weight:600}.studio-current-preset{background:#22262e;border:1px solid #424d5d;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;padding:7px 9px;display:flex}.studio-current-preset>div{gap:3px;min-width:0;display:grid}.studio-current-preset small{color:#8e9eb3;font-size:9px}.studio-current-preset strong{color:#e1e8f4;overflow-wrap:anywhere;font-size:11px}.studio-current-preset button,.studio-preset-actions button{color:#b7d1f5;white-space:normal;border-color:#4a586b;font-size:10px}.studio-preset-actions{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.studio-font-picker{height:29px;background:#22252b!important;border-color:#424751!important;justify-content:space-between!important}.studio-media-image,.studio-shape-art,.studio-paint-art{width:100%;height:100%;display:block}.studio-media-image{object-fit:cover}.studio-shape-art{overflow:hidden}.studio-object .studio-media-image,.studio-object.paint,.studio-paint-preview,.studio-site-preview .studio-paint-art{pointer-events:none}.studio-paint-preview{z-index:990;position:absolute;inset:0}.studio-media-settings,.studio-brush-settings{border-top:1px solid #424854;margin-top:14px;padding-top:10px}.studio-media-settings summary{cursor:pointer;color:#cbd8e8;font-size:11px}.studio-field input[type=range]{accent-color:#69a5fc;width:100%;height:14px!important;padding:0!important}.studio-adjustment>span{justify-content:space-between;display:flex}.studio-adjustment output{color:#c2d4ea;font-variant-numeric:tabular-nums}.studio-vertex-editor{justify-items:center;display:grid}.studio-vertex-editor svg{touch-action:none;width:132px;height:132px}.studio-vertex-editor circle{cursor:grab;touch-action:none}.studio-library{color:#dce6f5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#252a32;border:1px solid #536176;border-radius:9px;width:min(960px,100vw - 32px);max-height:min(740px,100vh - 32px);margin:auto;padding:0;overflow:hidden;box-shadow:0 24px 100px #000a}.studio-library::backdrop{background:#10141ccb}.studio-library-shell{flex-direction:column;height:min(690px,100vh - 36px);min-height:0;display:flex}.studio-library header,.studio-library footer{background:#242a33;flex-shrink:0;align-items:center;gap:10px;padding:13px 18px;display:flex}.studio-library header{border-bottom:1px solid #3c4758;justify-content:space-between}.studio-library header>div{color:#a4c7fc;align-items:center;gap:10px;display:flex}.studio-library h2{color:#eef4ff;margin:0;font-size:17px;font-weight:650}.studio-library nav{border-bottom:1px solid #3c4758;flex-shrink:0;gap:6px;padding:8px 13px;display:flex;overflow-x:auto}.studio-library nav button{color:#aebbd0;padding:8px 12px}.studio-library nav button.active{color:#e2eeff;background:#344865;border-color:#5679a8}.studio-library-work{flex:1;grid-template-columns:minmax(0,1fr) minmax(250px,32%);min-height:0;display:grid}.studio-library-catalog{padding:14px;overflow:auto}.studio-library-search{color:#92a5bf;align-items:center;gap:6px;padding-bottom:12px;display:flex}.studio-library-search input{color:#e2ecfd;background:#1d232c;border:1px solid #4a586a;border-radius:4px;flex:1;min-width:0;height:32px;padding:5px 8px}.studio-library-search button,.studio-library-detail-actions button,.studio-library footer button{background:#303a4a;border-color:#4c5b71;padding:7px 9px}.studio-library-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;margin-bottom:10px;display:grid}.studio-library-grid>button{white-space:normal;text-align:center;background:#28313d;border-color:#414d60;flex-direction:column;gap:0;min-width:0;padding:0;display:flex;overflow:hidden}.studio-library-grid>button.active{background:#374c6b;border-color:#87b9ff}.studio-library-grid>button>span:last-child{overflow-wrap:anywhere;color:#cedaf0;place-items:center;width:100%;min-height:28px;padding:4px;font-size:10px;display:grid}.studio-library-thumb,.studio-library-large{color:#aac8f3;background:#1b222d;place-items:center;display:grid;overflow:hidden}.studio-library-thumb{width:100%;height:65px}.studio-library-large{border:1px solid #45536b;border-radius:4px;height:112px}.studio-library-thumb img,.studio-library-large img{object-fit:cover;width:100%;height:100%}.studio-library-font,.studio-library-motion-icon{font-size:30px}.studio-library-shape{background:#a4bfea;width:48px;height:38px}.studio-library-brush{border-radius:30px;width:52px}.studio-library-detail{background:#252c37;border-left:1px solid #3c4758;padding:14px 16px;overflow:auto}.studio-library-detail h3{color:#e2ebfc;margin:2px 0 12px;font-size:14px}.studio-library-detail p,.studio-library-empty{color:#a1b2c9;font-size:11px;line-height:1.6}.studio-library-detail .studio-library-error{color:#ffb1a8}.studio-library-detail-actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.studio-library .studio-library-primary{background:#376ab0;border-color:#638fc7;padding:7px 11px}.studio-library-keyframe{border-top:1px solid #3e4b60;margin-top:8px;padding-top:8px}.studio-library-keyframe .studio-field-row{flex-wrap:wrap}.studio-library-keyframe .studio-field-row .studio-field{min-width:50px}.studio-library footer{border-top:1px solid #3c4758;justify-content:flex-end}.studio-library footer span{color:#879ab5;margin-right:auto;font-size:10px}@media (max-width:700px){.studio-library-work{grid-template-columns:1fr;overflow:auto}.studio-library-catalog,.studio-library-detail{overflow:visible}.studio-library-detail{border-top:1px solid #3c4758;border-left:0}.studio-library nav button{padding:6px}}.studio-picker{z-index:1100;color:#e1ebfb;box-sizing:border-box;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#262e3b;border:1px solid #52647e;border-radius:6px;flex-direction:column;font:11px DM Sans,Arial,sans-serif;display:flex;position:fixed;overflow:hidden;box-shadow:0 12px 38px #0009}.studio-picker-search{color:#a3b8d6;border-bottom:1px solid #455267;align-items:center;gap:7px;padding:7px 8px;display:flex}.studio-picker-search input{color:#ecf2ff;width:100%;min-width:0;font:inherit;background:#202632;border:1px solid #46556a;border-radius:3px;flex:1;padding:6px}.studio-picker button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.studio-picker-search button{color:#a5bbdc;place-items:center;padding:4px;display:grid}.studio-picker-items{overscroll-behavior:contain;min-height:0;padding:4px;overflow-y:auto}.studio-picker-items>button{text-align:left;border-radius:3px;align-items:center;gap:8px;width:100%;min-height:32px;padding:4px 7px;display:flex}.studio-picker-items>button.active,.studio-picker-items>button:hover{background:#3a5174}.studio-picker-items p{color:#acbad0;padding:2px 7px}.studio-picker-thumb{color:#aac8f3;background:#1c2431;border-radius:3px;flex:none;place-items:center;width:30px;height:25px;display:grid;overflow:hidden}.studio-picker-thumb .studio-library-font,.studio-picker-thumb .studio-library-motion-icon{font-size:17px}.studio-picker-thumb .studio-library-shape{width:20px;height:16px}.studio-picker-thumb .studio-library-brush{width:20px;max-height:11px}.studio-picker-thumb>svg{width:16px;height:16px}.studio-picker .studio-picker-manage{color:#aac8f3;border-top:1px solid #455267;justify-content:center;align-items:center;gap:6px;padding:8px;display:flex}.studio-picker .studio-picker-manage:hover{background:#35455d}.studio-scroll-range{background:#212733;border:1px solid #414e64;border-radius:4px;grid-template-columns:32px minmax(0,1fr);gap:10px;margin:10px 0;padding:8px;display:grid}.studio-scroll-map{background:#171c25;border:1px solid #556681;border-radius:3px;height:65px;margin-top:6px;position:relative}.studio-scroll-map i{border-top:2px solid #8ebcff;position:absolute;left:0;right:0;transform:translateY(-1px)}.studio-scroll-map i.start{border-top:1px dashed #6f829b}.studio-scroll-range label{margin:1px 0 3px}.studio-scroll-range p,.studio-scroll-range summary{color:#a2b5d2;margin:3px 0;font-size:9px;line-height:1.45}.studio-scroll-range summary{cursor:pointer}.studio-layer-row button.studio-layer-motion-icon{color:#8bb7ef;padding:3px 2px}.studio-picker-example{place-items:center;width:100%;height:100%;display:grid}.studio-picker-example>svg{width:16px;height:16px}.studio-picker-ghost{pointer-events:none;z-index:985;opacity:.8;outline:1px dashed #428cf4;position:absolute}.studio-artboard-clip{position:absolute;inset:0;overflow:hidden}.studio-height-footer{margin:0 auto}.studio-app .studio-page-height-handle{color:#a5b6d0;cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:#293748;border:0;border-top:1px solid #4e78a8;border-radius:0;justify-content:center;gap:8px;width:100%;height:27px;display:flex}.studio-app .studio-page-height-handle:hover,.studio-app .studio-page-height-handle:focus-visible{color:#e1edff;background:#344c68}.studio-page-height-handle i{border-top:1px solid;border-bottom:1px solid;width:24px;height:6px}.studio-loader-design-preview{position:relative;overflow:hidden}.studio-loader-design-preview>div{transform-origin:0 0;position:absolute;top:0;left:0;overflow:hidden}.studio-loader-tab{min-width:117px}.studio-height-note{text-align:center;color:#99aac3;margin:6px 0 0;font-size:10px}.studio-object.paint .studio-painted-mark{pointer-events:visiblePainted;cursor:inherit}.studio-picker-compact .studio-picker-search{gap:4px;padding:4px 5px}.studio-picker-compact .studio-picker-search input{padding:4px}.studio-picker-compact .studio-picker-items{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:4px;display:grid}.studio-picker-compact .studio-picker-items>button{place-items:center;min-height:27px;padding:0;display:grid}.studio-picker-compact .studio-picker-items>button:hover .studio-picker-thumb,.studio-picker-compact .studio-picker-items>button.active .studio-picker-thumb{background:#3a5174}.studio-picker-compact .studio-picker-thumb{background:0 0;width:100%;height:26px}.studio-picker-compact .studio-picker-items>p,.studio-picker-compact .studio-picker-items>.studio-picker-more{grid-column:1/-1}.studio-picker-compact .studio-picker-manage{padding:5px}.studio-template-frame{pointer-events:none;opacity:0;border:0;width:1280px;height:1000px;position:fixed;top:0;left:-20000px}.studio-app button.studio-preview-button{border:1px solid #454a55}.studio-site-preview>.studio-preview-nav[aria-label]{justify-content:center;gap:24px}