.sandbox-start{min-height:calc(100vh - var(--product-header-height,68px));color:#1d1d22;text-align:center;background:radial-gradient(circle at 50% 15%,#fff,#eef0f4 55%,#e5e8ed);align-content:center;justify-items:center;padding:70px 24px 110px;display:grid}.sandbox-start .product-kicker{color:var(--shipshot-ink)}.sandbox-start h1.product-kicker{color:var(--shipshot-ink);letter-spacing:.14em;font-size:12px;line-height:1.4}.sandbox-start h2{letter-spacing:-.055em;max-width:700px;margin:0;font-size:clamp(36px,5vw,58px);line-height:1}.sandbox-start>p:not(.product-kicker){color:#666672;max-width:620px;margin:20px auto 42px;font-size:17px}.editor-shell{min-height:calc(100vh - var(--product-header-height,68px));background:#dfe3e8;position:relative}.real-editor .editor-toolbar{top:var(--product-header-height,68px);position:sticky}.real-editor .editor-toolbar a{color:#454550;background:#fff;border:1px solid #d6d9df;border-radius:7px;place-items:center;min-width:36px;text-decoration:none;display:grid}.real-editor .editor-toolbar select{background:#fff;border:1px solid #d6d9df;border-radius:7px;max-width:210px;padding:0 8px}.real-editor .editor-workspace{min-height:calc(100vh - 124px)}.real-editor .editor-inspector textarea{resize:vertical;border:1px solid #d6d9de;border-radius:7px;min-height:88px;padding:9px}.real-editor .editor-inspector input[type=color]{width:100%;height:38px;padding:3px}.editor-loading{color:#fff;text-align:center;background:#18181b;place-content:center;gap:15px;min-height:100vh;display:grid}.editor-loading a{color:#c4b5fd}.editor-toolbar{z-index:4;background:#f8f9fa;border-bottom:1px solid #cfd3d9;justify-content:space-between;gap:10px;min-height:58px;padding:9px 12px;display:flex;position:relative;box-shadow:0 2px 8px #0000000d}.toolbar-group,.toolbar-tabs{align-items:center;gap:5px;display:flex}.editor-toolbar button{color:#454550;cursor:pointer;background:#fff;border:1px solid #d6d9df;border-radius:7px;min-height:36px;padding:0 11px}.editor-toolbar button:disabled{opacity:.38;cursor:not-allowed}.editor-icon{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 17px;width:17px;height:17px;display:block}.toolbar-tabs button{background:#eff1f4}.device-picker{position:relative}.device-picker>div{background:#fff;border:1px solid #d8dbe0;border-radius:9px;min-width:250px;padding:6px;display:grid;position:absolute;top:43px;right:0;box-shadow:0 15px 45px #00000026}.device-picker>div button{text-align:left;border:0}.device-picker .editor-select-menu{z-index:40;background:#fff;border:1px solid #d8dbe0;border-radius:10px;gap:2px;width:274px;padding:7px;display:grid;position:absolute;top:41px;right:0;box-shadow:0 18px 48px #1f233033}.device-picker .editor-select-menu button{white-space:nowrap;color:#3f3f49!important;background:0 0!important;border-radius:6px!important;justify-content:space-between!important;align-items:center!important;width:100%!important;min-width:0!important;height:34px!important;min-height:34px!important;padding:0 11px!important;font-size:13px!important;font-weight:500!important;display:flex!important}.device-picker .editor-select-menu button:hover,.device-picker .editor-select-menu button[aria-checked=true]{color:#3730a3!important;background:#eef2ff!important}.device-picker .editor-select-menu b{color:#4f46e5}.device-picker .editor-select-menu .editor-select-more{color:#5b5be9!important;justify-content:flex-start!important;gap:10px!important;font-weight:700!important}.editor-workspace{grid-template-columns:250px 1fr;min-height:calc(100vh - 124px);display:grid}.editor-inspector{background:#f7f8fa;border-right:1px solid #d3d6dc;padding:22px}.editor-inspector h2{margin:0 0 25px;font-size:17px}.editor-inspector label{color:#73737d;gap:7px;margin-bottom:18px;font-size:11px;font-weight:650;display:grid}.editor-inspector input,.editor-inspector select{background:#fff;border:1px solid #d6d9de;border-radius:7px;padding:10px}.editor-inspector>button{color:#fff;background:#6d28d9;border:0;border-radius:7px;width:100%;padding:10px}.scene-area{background-image:radial-gradient(#c8ccd2 1px,#0000 1px);background-size:20px 20px;place-items:center;padding:50px;display:grid;position:relative;overflow:hidden}.scene-page{transform-origin:50%;background:linear-gradient(160deg,#a95cff,#4a6cf7 50%,#27d9ce);border-radius:0;width:284px;height:505px;transition:transform .15s;position:relative;overflow:hidden;box-shadow:0 20px 55px #26264142}.scene-page--layers{flex:0 0 390px;width:390px;height:844px}.scene-page--watermarked:after{content:"";z-index:50;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='82' viewBox='0 0 120 82'%3E%3Cg transform='translate(10 34)' fill='white'%3E%3Ccircle cx='2.5' cy='2' r='1.5'/%3E%3Cpath d='M6 2.2c2 1.2 4.3 1.2 6.3 0' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round'/%3E%3Crect x='1' y='5' width='4' height='8' rx='.7'/%3E%3Crect x='7' y='5' width='5.3' height='8' rx='.7'/%3E%3Ctext x='16' y='12' font-family='Arial,sans-serif' font-size='10' font-weight='400'%3Eshipshot%3C/text%3E%3C/g%3E%3C/svg%3E");background-size:160px 110px;position:absolute;inset:0}.canvas-layer--continuation{pointer-events:none}.canvas-layer{color:#fff;text-align:start;cursor:pointer;background:0 0;border:0;padding:0;font-family:Geist Sans,sans-serif;font-weight:750;line-height:1.05;display:block;position:absolute;overflow:hidden}.canvas-layer--text{cursor:text;align-items:center;display:flex}.canvas-layer--text.canvas-layer--decorated{overflow:visible}.canvas-layer--text.is-editing-text{outline-offset:2px;cursor:text;outline:2px solid #38bdf8;box-shadow:0 0 0 4px #38bdf82e}.canvas-layer.selected{outline-offset:2px;outline:2px solid #38bdf8}.canvas-layer--template-hotspot{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.canvas-layer--template-hotspot.selected{outline-offset:-1px;outline:1px dashed #86aa01;border:0!important}.canvas-layer--device{background:#f4f4f5;border:8px solid #111115;border-radius:32px;padding:10px;box-shadow:0 18px 35px #0000004d}.canvas-layer--device.canvas-layer--device-frame{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;overflow:visible}.canvas-layer--device.canvas-layer--device-frame .canvas-device-screen:not(.canvas-device-screen--empty){background:0 0}.canvas-layer--device.canvas-layer--device-frame .canvas-device-frame-overlay{filter:none}.canvas-layer--image img{object-fit:cover;pointer-events:none;width:100%;height:100%}.canvas-layer--image.canvas-layer--overflow-visible{overflow:visible}.canvas-layer--device.is-drop-target{outline:2px solid var(--ed-focus,#6366f1);outline-offset:3px;box-shadow:0 0 0 4px var(--ed-accent-soft,#6366f138)}.canvas-layer--device.is-drop-target .canvas-device-screen--empty{color:var(--ed-text,#18181b);background:var(--ed-accent-soft,#6366f129)}.canvas-layer--device[data-device-mode=dynamic],.canvas-layer--device.canvas-layer--dynamic{background:#0a0a0b;overflow:hidden}.canvas-layer--device[data-frame-style=clay]{overflow:hidden}.tour-card{z-index:20;color:#fff;background:#25252d;border:1px solid #ffffff26;border-radius:16px;width:min(370px,100vw - 40px);padding:24px;position:fixed;bottom:30px;right:30px;box-shadow:0 25px 80px #0000006b}.tour-card h2{margin:14px 0 10px}.tour-card p{color:#b4b4bd;line-height:1.55}.tour-card>div:last-child{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.tour-card button{color:#fff;background:#33333c;border:1px solid #565661;border-radius:8px;padding:9px 15px}.tour-card button:first-child{background:#6d28d9;border-color:#7c3aed}.tour-dots{color:#8b5cf6;letter-spacing:8px;font-size:9px}.editor-settings-dialog{width:min(520px,100%)}.editor-settings-dialog label{color:#aaaab4;gap:7px;margin-top:16px;font-size:11px;font-weight:650;display:grid}.editor-settings-dialog input,.editor-settings-dialog select{color:#fff;background:#18181d;border:1px solid #ffffff1f;border-radius:8px;height:42px;padding:0 11px}.editor-settings-dialog .layer-actions,.editor-confirmation .layer-actions{justify-content:flex-end;margin-top:24px}.sandbox-reorder-dialog{color:#fff;background:#202027;border:1px solid #ffffff1a;border-radius:16px;width:min(520px,100vw - 30px);max-height:80vh;padding:28px;position:relative;overflow:auto;box-shadow:0 35px 100px #0000008c}.sandbox-reorder-dialog>button{color:#aaa;background:0 0;border:0;font-size:28px;position:absolute;top:11px;right:15px}.sandbox-reorder-dialog h2{margin:0 0 18px}.sandbox-reorder-dialog>div{gap:7px;display:grid}.sandbox-reorder-dialog article{background:#292930;border:1px solid #ffffff14;border-radius:9px;grid-template-columns:28px 1fr 34px 34px;align-items:center;gap:8px;padding:9px;display:grid}.sandbox-reorder-dialog article>span{background:#3c3153;border-radius:7px;place-items:center;width:25px;height:25px;font-size:11px;display:grid}.sandbox-reorder-dialog article button{color:#fff;background:#4f46e5;border:0;border-radius:7px;height:30px}.sandbox-reorder-dialog article button:disabled{opacity:.3}.sandbox-reload-notice{z-index:5;color:#fff;background:#27272a;border-radius:8px;margin:0;padding:8px 11px;font-size:11px;position:absolute;bottom:80px;right:24px;box-shadow:0 10px 24px #0000002e}.inspector-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.inspector-check{align-items:center;grid-template-columns:auto 1fr!important;gap:8px!important;display:flex!important}.inspector-check input{width:auto;padding:0}.inspector-state{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.canvas-layer{touch-action:none}.canvas-layer--icon{color:#fff;border-radius:18px;place-items:center;font-size:36px;display:grid}.tour-dots{gap:5px;display:flex}.tour-dots span{color:#555;font-size:8px}.tour-dots span.active{color:#a78bfa}@media (width<=1000px){.toolbar-tabs{display:none}.editor-workspace{grid-template-columns:1fr}.editor-inspector{display:none}.editor-inspector.mobile-open{z-index:30;border:1px solid #d3d6dc;border-radius:18px 18px 0 0;max-height:min(68vh,620px);padding-top:52px;display:block;position:fixed;bottom:0;left:0;right:0;overflow:auto;box-shadow:0 -20px 55px #00000038}}.sandbox-device-actions .sandbox-device-upload,.sandbox-template-device-actions .sandbox-device-upload{color:#166534;cursor:pointer;background:#86efac;border:0;border-radius:6px;justify-content:center;align-items:center;gap:4px;margin:0;font-weight:700;display:flex;position:relative}.sandbox-device-actions .sandbox-device-upload{height:35px}.sandbox-template-device-actions .sandbox-device-upload{border-radius:8px;height:32px;font-size:13px;font-weight:600}.sandbox-device-upload input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=700px){.sandbox-start{align-content:start;padding-top:75px}.editor-toolbar{overflow-x:auto}.toolbar-group--right>button:first-child,.toolbar-group--right .device-picker{display:none}.scene-area{padding:35px 20px 85px}}@media (prefers-reduced-motion:reduce){.scene-page{transition:none}}:is(.product-main--compact:has(.sandbox-start),.product-main--compact:has(.editor-shell),.product-main--compact:has(.sandbox-screen-warning)){background:#fff;padding-top:0}.product-main--compact:has(.editor-shell){min-height:calc(100vh - 65px)}.sandbox-start{color:#18181b;text-align:center;background:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 66px);padding:0 20px;display:flex;transform:translateY(-13px)}.sandbox-empty-icon{color:#9ca3af;width:44px;height:44px;margin-bottom:23px;position:relative}.sandbox-empty-icon i{background:#9ca3af;display:block;position:absolute}.sandbox-empty-icon i:first-child{clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:5px;width:20px;height:18px;top:0;left:15px}.sandbox-empty-icon i:nth-child(2){border-radius:50%;width:22px;height:22px;bottom:0;left:0}.sandbox-empty-icon i:last-child{border-radius:3px;width:19px;height:19px;bottom:1px;right:0}.sandbox-start-title{color:#18181b;margin:0;font-size:14px;font-weight:650;line-height:21px}.sandbox-start-copy{color:#71717a;width:100%;max-width:390px;margin:14px 0 20px;font-size:14px;line-height:21px}.sandbox-screen-warning{color:#18181b;text-align:center;background:#fff;place-content:center;justify-items:center;gap:18px;min-height:calc(100vh - 65px);padding:24px 24px 88px;display:grid;position:relative}.sandbox-screen-warning:before{content:"";background:#fff;border-radius:0 0 12px 12px;width:196px;height:270px;position:absolute;top:calc(50% - 32px);left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 18px #00000021}.sandbox-screen-warning>*{z-index:1;position:relative}.sandbox-screen-warning h2{margin:0;font-size:15px;line-height:21px}.sandbox-screen-warning p{color:#667085;width:166px;margin:4px 0 6px;font-size:15px;line-height:24px}.sandbox-screen-warning a{color:#5945e8;font-size:14px;font-weight:700;text-decoration:none}.sandbox-choice-backdrop{z-index:80;background:#0000004d;place-items:center;display:grid;position:fixed;inset:65px 0 0}.sandbox-choice-dialog{color:#18181b;background:#fff;border:0;border-radius:16px;width:560px;max-width:calc(100vw - 32px);overflow:hidden;transform:translateY(-32px);box-shadow:0 18px 38px #0000003d}.sandbox-choice-dialog>.accessible-dialog__heading{padding:14px 18px 0 24px}.sandbox-choice-dialog>.accessible-dialog__heading h2{font-size:18px}.sandbox-choice-dialog .accessible-dialog__close{color:#52525b;background:#f4f4f5}.sandbox-choice-list{gap:0;padding:12px 24px 9px;display:grid}.sandbox-choice-list>a,.sandbox-choice-list>button{color:#27272a;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:48px 1fr;align-items:center;gap:8px;min-height:72px;padding:0;text-decoration:none;display:grid}.sandbox-choice-list>a>span:last-child,.sandbox-choice-list>button>span:last-child{gap:4px;display:grid}.sandbox-choice-list strong{font-size:14px;font-weight:600;line-height:20px}.sandbox-choice-list small{color:#71717a;font-size:14px;line-height:20px}.sandbox-choice-dialog footer{border-top:1px solid #ececf0;align-items:center;height:52px;padding:0 24px;display:flex}.sandbox-choice-dialog footer button{color:#18181b;cursor:pointer;background:0 0;border:0;min-width:44px;min-height:44px;padding:0;font-size:14px;font-weight:650}:is(body:has(.sandbox-choice-backdrop) .support-layer,body:has(.tour-backdrop) .support-layer,body:has(.sandbox-screen-warning) .support-layer){display:none}body:has(.sandbox-choice-backdrop) .new-sandbox-button{visibility:hidden}.editor-shell{background:#fff;min-height:calc(100vh - 65px);position:relative}.editor-shell>.editor-toolbar{height:52px;min-height:52px;box-shadow:none;background:#f4f5f6;border-bottom:1px solid #cdd1d6;justify-content:flex-start;padding:8px 13px;position:relative}.editor-shell .toolbar-group,.editor-shell .toolbar-tabs{gap:10px}.editor-shell>.editor-toolbar button{background:#e5e7eb;border:0;border-radius:8px;justify-content:center;align-items:center;height:36px;min-height:36px;padding:0;font:600 14px/17.5px Geist Sans,ui-sans-serif,system-ui,sans-serif;display:inline-flex}.editor-shell>.editor-toolbar button.active{box-shadow:inset 0 0 0 2px #4f46e547}.editor-shell>.editor-toolbar>.toolbar-group:first-child,.editor-shell>.editor-toolbar>.toolbar-tabs{transform:translateY(-.5px)}.editor-shell>.editor-toolbar .locale-flag{font-size:16px;line-height:1}.editor-shell>.editor-toolbar .toolbar-group--right>button:first-child{justify-content:center;align-items:center;gap:4px;display:flex}.editor-shell>.editor-toolbar .toolbar-group--right>button:first-child .editor-icon{width:12px;height:12px}.editor-shell>.editor-toolbar .toolbar-group:first-child button:first-child{color:#121212;background:0 0;width:16.25px;min-width:16.25px}.editor-shell>.editor-toolbar .toolbar-group:first-child button:nth-child(2){color:#fff;background:#4f46e5;width:36.25px;min-width:36.25px}.editor-shell>.editor-toolbar .toolbar-group:first-child button:nth-child(3){color:#4338ca;background:#c7d2fe;width:36.25px;min-width:36.25px}.editor-shell>.editor-toolbar .toolbar-group:first-child button:nth-child(4){color:#1f2937;background:#e5e7eb;border-radius:8px 0 0 8px;width:38px;min-width:38px}.editor-shell>.editor-toolbar .toolbar-group:first-child button:nth-child(5){color:#1f2937;background:#e5e7eb;border-radius:0 8px 8px 0;width:27px;min-width:27px;margin-left:-10px}.editor-shell>.editor-toolbar .toolbar-group:first-child button:nth-child(6){color:#991b1b;background:#fca5a5;width:39.75px;min-width:39.75px}.editor-shell>.editor-toolbar .toolbar-group:first-child button:nth-child(7){background:0 0;width:41.5px;min-width:41.5px}.sandbox-pro-mark{color:#fff;background:#fb7185;border-radius:8px;place-items:center;width:41.5px;height:36px;font-size:9px;font-weight:800;line-height:1;display:grid}.editor-shell>.editor-toolbar .toolbar-group:first-child button:nth-child(8){color:#166534;background:#86efac;width:38px;min-width:38px}.editor-shell>.editor-toolbar .toolbar-group:first-child button:nth-child(9){color:#166534;background:#86efac;justify-content:center;align-items:center;gap:8px;width:103.05px;min-width:103.05px;display:flex}.editor-shell .toolbar-tabs{margin-left:30px}.editor-shell .toolbar-tabs button{color:#4338ca;background:#c7d2fe;justify-content:center;align-items:center;gap:8px;display:flex}.editor-shell .toolbar-tabs button:first-child{width:85.7px;min-width:85.7px}.editor-shell .toolbar-tabs button:nth-child(2){width:130.34px;min-width:130.34px}.editor-shell .toolbar-tabs button:nth-child(3){width:105.75px;min-width:105.75px}.editor-shell .toolbar-tabs button:nth-child(4){width:127.57px;min-width:127.57px}.editor-shell .toolbar-group--right{height:36px;position:absolute;top:7px;right:13px}.editor-shell .toolbar-group--right>button:first-child{color:#fff;background:#4f46e5;width:64px;min-width:64px}.editor-shell .device-picker>button{color:#fff;background:#4f46e5;width:141.42px;min-width:141.42px}.editor-shell .export-button{width:164.53px;color:var(--shipshot-on-action);justify-content:center;align-items:center;gap:8px;font-weight:600;display:flex;background:var(--shipshot-action)!important;min-width:164.53px!important}.editor-shell .toolbar-group--right>button:last-child{color:#4338ca;background:#c7d2fe;width:38px;min-width:38px}.sandbox-editor-workspace{min-height:calc(100vh - 118px);display:block}.sandbox-editor-workspace .scene-area{background:#fff;height:calc(100vh - 118px);padding:0;display:block;overflow:hidden}.sandbox-editor-workspace .scene-stack{height:100%;padding:0;display:block;overflow:hidden}.sandbox-editor-workspace.has-pages .scene-area{background:#fff;overflow:hidden}.sandbox-editor-workspace.has-pages .scene-stack{scrollbar-color:#aeb4bb transparent;scrollbar-width:thin;box-sizing:border-box;align-items:flex-start;gap:10px;height:100%;padding:10px 10px 70px;display:flex;overflow:auto hidden}.sandbox-scene-card{box-shadow:none;background:0 0;border-radius:0;flex:none;position:relative;overflow:visible}.sandbox-scene-card .scene-page-index{z-index:5;color:#18181b;pointer-events:none;background:#ffffffeb;border:1px solid #18181b1f;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 6px;font:700 11px/1 system-ui,-apple-system,sans-serif;display:grid;position:absolute;inset:auto auto 6px 6px;box-shadow:0 1px 3px #0f0f141f}.sandbox-scene-card .scene-page--layers{transform-origin:0 0;box-shadow:none}.sandbox-scene-card .scene-page--watermarked{border-radius:0}.sandbox-scene-card .canvas-layer--image{border:0}.sandbox-scene-card .canvas-layer.selected{outline-offset:1px;outline-width:1px}.sandbox-layer-inspector{background:#fff;border:1px solid #d9dce1;border-radius:12px;flex:0 0 480px;width:480px;height:506px;padding:10px;font-size:12px;overflow:auto;box-shadow:0 5px 18px #23263714}.sandbox-layer-inspector>header{align-items:center;gap:12px;height:44px;padding:0 4px 8px;display:flex}.sandbox-layer-inspector>header button{color:#4338ca;background:#c7d2fe;border:0;border-radius:7px;width:38px;height:32px;font-weight:800}.sandbox-layer-inspector>header button:first-child{color:#166534;background:#86efac}.sandbox-layer-inspector>header button:last-child{color:#991b1b;background:#fca5a5;margin-left:auto}.sandbox-layer-inspector>nav{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px;display:grid}.sandbox-layer-inspector>nav button{color:#4b5563;background:#fff;border:1px solid #e1e3e8;border-radius:7px;height:39px;font-weight:700}.sandbox-layer-inspector>nav button.active{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.sandbox-layer-inspector--template{width:450px;height:760.453px;box-shadow:none;background:#fff;border:1px solid #d1d5db99;border-radius:16px;flex-basis:450px;margin:.5px 0 0 -2px;padding:0;overflow:auto}.sandbox-layer-inspector--template>.sandbox-template-actions{box-sizing:border-box;justify-content:flex-start;align-items:center;gap:15.1641px;width:100%;height:56px;padding:12px 20px 8px;display:flex}.sandbox-layer-inspector--template>.sandbox-template-actions button{color:#4338ca;cursor:pointer;background:#c7d2fe;border:0;border-radius:8px;flex:0 0 44px;place-items:center;width:44px;height:36px;transition:background .12s,color .12s,box-shadow .12s,transform 80ms,filter .12s;display:grid}.sandbox-template-actions .material-icons{pointer-events:none;font-size:20px;line-height:1}.sandbox-layer-inspector--template>.sandbox-template-actions button:nth-child(6){flex-basis:48px;width:48px}.sandbox-layer-inspector--template>.sandbox-template-actions button:first-child{color:#166534;background:#86efac}.sandbox-layer-inspector--template>.sandbox-template-actions button:last-child{color:#991b1b;background:#fca5a5;margin-left:0}.sandbox-layer-inspector--template>.sandbox-template-actions button:hover:not(:disabled){filter:brightness(.96)}.sandbox-layer-inspector--template>.sandbox-template-actions button:active:not(:disabled){filter:brightness(.92);transform:scale(.96)}.sandbox-layer-inspector--template>.sandbox-template-actions button:focus-visible{outline-offset:2px;outline:2px solid #6366f1}.sandbox-layer-inspector--template>.sandbox-template-actions button:disabled{opacity:.38;cursor:not-allowed;filter:none;transform:none}.sandbox-layer-inspector--template>.sandbox-template-actions button[aria-pressed=true]{color:#1e1b4b;background:#a5b4fc;box-shadow:inset 0 0 0 1.5px #6366f1}.sandbox-layer-inspector--template>.sandbox-template-actions button[aria-pressed=true]:hover:not(:disabled){filter:none;background:#818cf8}.sandbox-layer-inspector--template>.sandbox-template-actions button:first-child:hover:not(:disabled){filter:none;background:#6ee7a0}.sandbox-layer-inspector--template>.sandbox-template-actions button:last-child:hover:not(:disabled){filter:none;background:#f87171}.sandbox-layer-inspector--template>.sandbox-template-actions button:first-child[aria-pressed=true],.sandbox-layer-inspector--template>.sandbox-template-actions button:last-child[aria-pressed=true]{box-shadow:inset 0 0 0 1.5px}.sandbox-template-stack{gap:6px;min-width:0;padding:8px 10px 12px;display:grid}.sandbox-template-row{color:#27272a;text-align:left;cursor:pointer;background:#fff;border:1px solid #d1d5db99;border-radius:16px;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-width:0;height:50px;padding:0 16px 0 20px;font-size:14px;font-weight:600;line-height:21px;transition:background .12s,border-color .12s,box-shadow .12s;display:grid}.sandbox-template-row+.sandbox-template-row{margin-top:0}.sandbox-template-row:hover{background:#fafbff;border-color:#c7d2fe}.sandbox-template-row:focus-visible{outline-offset:1px;outline:2px solid #6366f1}.sandbox-template-row[aria-expanded=true],.sandbox-template-row[aria-pressed=true]{background:#eef2ff;border-color:#a5b4fc;box-shadow:0 0 0 1px #6366f11f}.sandbox-template-row>strong{font-size:17.5px}.sandbox-template-row>strong.material-icons{color:#4f46e5;font-size:18px}.sandbox-template-row>span{min-width:0;font-weight:700;display:grid}.sandbox-template-row span small{color:#c4c7ce;font-size:12px;font-weight:600;line-height:15px}.sandbox-template-row[aria-expanded=true] span small,.sandbox-template-row[aria-pressed=true] span small{color:#a1a1aa}.sandbox-template-row>small,.sandbox-template-row>em{color:#4f46e5;font-size:12px;font-style:normal}.sandbox-template-row--layout{margin-top:0}.sandbox-row-tools{color:#4f46e5;align-items:center;gap:6px;font-style:normal;display:flex;transform:translateY(1px)}.sandbox-row-tools i{color:#4338ca;background:#c7d2fe;border-radius:8px;flex:0 0 34px;place-items:center;width:34px;height:26px;font-style:normal;display:grid;font-size:15px!important}.sandbox-row-tools b{color:#4f46e5;flex:0 0 8px;width:8px;margin-left:4px;font-size:16px}.sandbox-template-row[aria-expanded=true] .sandbox-row-tools b,.sandbox-template-row[aria-pressed=true] .sandbox-row-tools b{color:#3730a3}.sandbox-template-row--layout .sandbox-row-tools b{margin-left:8px}.sandbox-template-device{background:#fff;border:1px solid #a5b4fc;border-radius:16px;height:auto;min-height:0;margin:4px 0 8px;padding-bottom:14px;box-shadow:0 0 0 1px #6366f11a}.sandbox-template-device>.sandbox-template-row{height:58px;box-shadow:none;background:#eef2ff;border:0;border-radius:16px 16px 0 0;padding:0 16px 0 20px}.sandbox-template-device>.sandbox-template-row:hover{background:#e8edff}.sandbox-template-fields{grid-template-columns:1fr 1fr;gap:4px 8px;min-width:0;padding:0 16px;display:grid}.sandbox-template-fields label{color:#27272a;min-width:0;height:54px;font-size:10px;display:block;position:relative}.sandbox-template-fields label>span{z-index:1;white-space:nowrap;background:#fff;padding:0 2px;line-height:12px;position:absolute;top:10px;left:9px}.sandbox-template-fields select{color:#3f3f46;background:#fff;border:1px solid #d8dae0;border-radius:6px;width:100%;height:40px;padding:0 9px;font:12px/13.5px Geist,ui-sans-serif,system-ui,sans-serif;position:absolute;bottom:0;left:0}.sandbox-template-fields select:disabled{opacity:.45;cursor:not-allowed}.sandbox-template-fields label:nth-child(2):after{content:"";z-index:2;pointer-events:none;background:#000;border-radius:5px;width:18px;height:18px;position:absolute;bottom:10px;right:8px}.sandbox-template-fields:has(.device-style-select) label:nth-child(2):after{display:none}.sandbox-template-device-actions{grid-template-columns:1fr 1fr;gap:8px;min-width:0;margin:12px 16px 0;display:grid}.sandbox-template-device-actions button{color:#166534;cursor:pointer;background:#86efac;border:0;border-radius:8px;height:32px;font-size:13px;font-weight:600;transition:filter .12s,transform 80ms}.sandbox-template-device-actions button:hover{filter:brightness(.96)}.sandbox-template-device-actions button:active{transform:scale(.98)}.sandbox-template-device-actions button:last-child{color:#4338ca;background:#c7d2fe}.sandbox-semantic-fields{gap:9px;padding:4px 20px 16px;display:grid}.sandbox-semantic-fields>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sandbox-semantic-fields label{color:#52525b;gap:4px;font-size:10px;font-weight:650;display:grid}.sandbox-semantic-fields input,.sandbox-semantic-fields select,.sandbox-semantic-fields textarea{color:#3f3f46;background:#fff;border:1px solid #d8dae0;border-radius:6px;width:100%;min-height:36px;padding:7px 9px}.sandbox-semantic-fields textarea{resize:none;min-height:90px}.sandbox-semantic-fields button{color:#4338ca;background:#c7d2fe;border:0;border-radius:7px;height:34px;font-weight:700}.sandbox-semantic-upload input{padding:4px}.sandbox-scene-card .canvas-layer--template-artwork.selected{border:0;outline:0}.sandbox-scene-card .canvas-layer--template-artwork.selected:after{content:"";box-sizing:border-box;pointer-events:none;border:1px dashed #86aa01;width:312px;height:530px;position:absolute;top:216.5px;left:18.5px}.sandbox-scene-card .canvas-layer--template-artwork .rotate-handle,.sandbox-scene-card .canvas-layer--template-artwork .resize-handle{display:none}.sandbox-scene-card:has(.canvas-layer--template-artwork.selected):after{content:"check";z-index:4;color:#4338ca;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;pointer-events:none;background:#c7d2fe;border-radius:9999px;place-items:center;width:48px;height:50px;font:400 24px/1 Material Icons;display:grid;position:absolute;top:10.5px;right:10px}.sandbox-scene-card .scene-page--watermarked .canvas-layer--device.selected{outline:0;overflow:visible;border-color:#0000!important}.sandbox-scene-card .scene-page--watermarked .canvas-layer--device.selected:after{content:"";box-sizing:border-box;pointer-events:none;border:1px dashed #86aa01;border-radius:2px;width:auto;height:auto;position:absolute;inset:-3px}.sandbox-scene-card .scene-page--watermarked .canvas-layer--device.selected .rotate-handle{display:none}.sandbox-scene-card .scene-page--watermarked .canvas-layer--device.selected .resize-handle{display:block}.sandbox-scene-card:has(.scene-page--watermarked .canvas-layer--device.selected):after{content:"check";z-index:60;color:#4338ca;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;pointer-events:none;background:#c7d2fe;border-radius:9999px;place-items:center;width:48px;height:50px;font:400 24px/1 Material Icons;display:grid;position:absolute;top:10.5px;right:10px}.sandbox-layer-card,.sandbox-collapsed-layer{background:#fff;border:1px solid #dedfe4;border-radius:9px}.sandbox-layer-card{margin-bottom:8px;padding:11px}.sandbox-layer-card>div:first-child{align-items:center;gap:11px;margin-bottom:12px;display:flex}.sandbox-layer-card>div:first-child>strong{color:#27272a;width:23px;font-size:18px}.sandbox-layer-card>div:first-child>span{display:grid}.sandbox-layer-card small{color:#a1a1aa;font-size:10px}.sandbox-layer-card label{color:#52525b;gap:5px;margin-top:9px;font-size:11px;font-weight:600;display:grid}.sandbox-layer-card input,.sandbox-layer-card select,.sandbox-layer-card textarea{color:#3f3f46;width:100%;min-height:34px;font:inherit;background:#fff;border:1px solid #d8dae0;border-radius:6px;padding:7px 9px}.sandbox-layer-card textarea{resize:none;min-height:64px}.sandbox-inspector-grid{grid-template-columns:1fr 1fr;gap:8px!important;margin:0!important;display:grid!important}.sandbox-inspector-grid label{min-width:0}.sandbox-device-actions{grid-template-columns:1fr 1fr;gap:7px!important;margin-top:11px!important;display:grid!important}.sandbox-device-actions button{color:#166534;background:#86efac;border:0;border-radius:6px;height:35px;font-weight:700}.sandbox-device-actions button:last-child{color:#4338ca;background:#c7d2fe}.sandbox-collapsed-layer{color:#3f3f46;text-align:left;grid-template-columns:26px 1fr auto;align-items:center;gap:8px;width:100%;height:46px;margin-top:7px;padding:0 11px;display:grid}.sandbox-collapsed-layer span{font-weight:700}.sandbox-collapsed-layer small{color:#6366f1;letter-spacing:6px}.sandbox-layer-card h2{color:#27272a;margin:0;font-size:14px;line-height:18px}.sandbox-page-background{margin-top:8px}.sandbox-layer-state{gap:16px;margin-top:12px;display:flex}.sandbox-layer-state label{align-items:center;gap:6px;margin:0;display:flex}.sandbox-layer-state input{width:16px;height:16px;min-height:0;padding:0}.sandbox-replace-image input{padding:4px}.sandbox-layer-inspector:not(.sandbox-layer-inspector--template){height:760.453px;overflow:auto}.empty-scene-placeholder{color:#4f46df;cursor:pointer;background:#fff3;border:1px dashed #aeb4bb;place-items:center;width:355px;display:grid;position:absolute;top:7px;bottom:7px;left:7px}.empty-scene-placeholder span{background:#8c8ae4;border-radius:50%;place-items:center;width:47px;height:47px;font-size:32px;font-weight:300;display:grid}.sandbox-editor-workspace .add-scene{display:none}.editor-shell .zoom-toolbar{width:auto;min-width:214px;height:42px;box-shadow:none;background:#18181be6;border:0;border-radius:999px;gap:3px;padding:5px;bottom:19px;left:18px;transform:none}.editor-shell .zoom-toolbar button{color:#f4f4f5;border-radius:999px;width:36px;min-width:36px;height:32px;padding:0 8px;font-size:12px;font-weight:700;line-height:18px}.editor-shell .zoom-toolbar button:nth-child(2){width:auto;min-width:48px}.editor-shell .zoom-toolbar button.is-active,.editor-shell .zoom-toolbar button[aria-pressed=true]{color:#7dd3fc;background:#38bdf829}.tour-backdrop{z-index:90;background:#0000004d;place-items:center;display:grid;position:fixed;inset:65px 0 0}.tour-card{color:#18181b;text-align:center;background:#fff;border:0;border-radius:16px;width:501px;max-width:calc(100vw - 32px);height:500px;padding:0;position:relative;bottom:auto;right:auto;transform:translateY(-32px);box-shadow:0 16px 42px #00000038}.tour-close{cursor:pointer;place-items:center;width:19px;height:19px;font-size:16px;line-height:1;display:grid;position:absolute;top:26px;right:25px;color:#fff!important;background:#8b8b8b!important;border:0!important;border-radius:50%!important;padding:0!important}.tour-illustration{background:#f4f5f7;border:8px solid #eceff1;border-radius:14px;width:300px;height:180px;margin:32px auto 0;position:relative;overflow:hidden;box-shadow:0 3px 8px #00000024}.tour-illustration img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.tour-tabs{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.tour-card>.tour-kicker{color:#5b45d9;letter-spacing:.16em;text-transform:uppercase;margin:21px auto 7px;font-size:11px;font-weight:800;line-height:16px}.tour-card h2,.tour-card .tour-title{color:#18181b;margin:0 20px 10px;font-size:30px;font-weight:800;line-height:37px}.tour-card>p{color:#27272a;width:440px;max-width:calc(100% - 40px);margin:0 auto;font-size:14px;line-height:21px}.tour-card>.tour-subtitle{color:#3f3f46;font-size:17px;line-height:25px}.tour-card>.tour-magic{margin-top:18px;font-size:14px;line-height:20px}.tour-card>.tour-actions:last-child{justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:20px;left:24px;right:24px;margin:0!important}.tour-card .tour-actions button{color:#ca7a14;background:0 0;border:0;padding:0;font-size:14px;font-weight:700}.tour-card .tour-actions button:last-child{color:#5b45d9}.sandbox-save-backdrop{z-index:100;background:#0000004d;place-items:center;display:grid;position:fixed;inset:65px 0 0}.sandbox-save-dialog{color:#18181b;background:#fff;border:0;border-radius:14px;width:520px;max-width:calc(100vw - 32px);padding:26px 28px 22px;position:relative;box-shadow:0 18px 42px #00000040}.sandbox-save-dialog h2{margin:0 0 16px;font-size:24px}.sandbox-save-dialog p{color:#52525b;margin:0;font-size:15px;line-height:23px}.sandbox-save-close{color:#71717a;cursor:pointer;background:0 0;border:0;font-size:22px;position:absolute;top:14px;right:16px}.sandbox-save-dialog footer{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.sandbox-save-dialog footer button{color:#fff;cursor:pointer;background:#4f46e5;border:0;border-radius:7px;min-width:66px;padding:9px 16px;font-weight:650}.sandbox-save-dialog footer button:first-child{color:#3f3f46;background:#e4e4e7}@media (width>=1501px){.sandbox-editor-workspace.has-pages .scene-area:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#f9f9f9 0 20%,#f0f0f0 20% 40%,#e0e0e0 40% 60%,#cacaca 60% 80%,#b0b0b0 80% 100%);height:5px;position:absolute;bottom:3px;left:0;right:0}}@media (width<=1500px){.editor-shell>.editor-toolbar .toolbar-group:first-child button:nth-child(2){width:39.75px;min-width:39.75px}.editor-shell>.editor-toolbar .toolbar-group:first-child button:nth-child(7){display:none}.editor-shell>.editor-toolbar .toolbar-group:first-child button:nth-child(9){width:44px;min-width:44px}.editor-shell>.editor-toolbar .toolbar-group:first-child button:nth-child(9) span,.editor-shell .toolbar-tabs button span,.editor-shell .export-button span{display:none}.editor-shell .toolbar-tabs button:first-child{width:38px;min-width:38px}.editor-shell .toolbar-tabs button:nth-child(2),.editor-shell .toolbar-tabs button:nth-child(3){width:41.5px;min-width:41.5px}.editor-shell .toolbar-tabs button:nth-child(4){width:34.5px;min-width:34.5px}.editor-shell .device-picker>button{width:141.42px;min-width:141.42px}.editor-shell .device-picker .editor-select-menu{gap:0;width:196px;min-width:196px;padding:0;top:44px;right:-55px}.editor-shell .device-picker .editor-select-menu button{color:#374151!important;background:#fff!important;border-radius:0!important;height:48px!important;min-height:48px!important;padding:0 16px!important;font-size:14px!important;line-height:48px!important}.editor-shell .device-picker .editor-select-menu b{display:none}.editor-shell .device-picker .editor-select-menu .editor-select-more{color:#5b5be9!important;border-top:1px solid #ececf0!important;border-radius:0!important;gap:22px!important;height:40px!important;min-height:40px!important;line-height:40px!important}.editor-shell .export-button{width:38px;min-width:38px!important}}@media (width<=700px){.sandbox-start{padding-top:0}.sandbox-choice-dialog{width:calc(100vw - 20px);max-width:none;transform:translateY(-18px)}.sandbox-choice-list{padding:9px 24px 13px}.sandbox-choice-list>a,.sandbox-choice-list>button{grid-template-columns:42px 1fr;gap:14px;min-height:96px}.sandbox-choice-list small{font-size:14px;line-height:24px}.editor-shell>.editor-toolbar{overflow-x:auto}.editor-shell>.editor-toolbar .toolbar-tabs{display:none}.editor-shell .export-button{min-width:40px!important}.empty-scene-placeholder{width:calc(100vw - 14px)}.tour-card{height:500px;transform:none}.tour-card>p{font-size:13px;line-height:20px}.tour-card>.tour-subtitle{font-size:15px;line-height:22px}.tour-illustration{width:calc(100% - 56px);height:160px;margin-top:28px}}.project-editor-shell.real-editor{background:#fff;min-height:100vh;padding-top:0}.project-editor-shell>.editor-toolbar{position:relative;top:auto}.project-editor-shell .toolbar-group--right>button[aria-label=Locale\ menu]{color:#fff;background:#4f46e5;justify-content:center;align-items:center;gap:4px;width:64px;min-width:64px;display:flex}.project-editor-shell .toolbar-group--right>button[aria-label=Force\ reload]{color:#4338ca;background:#c7d2fe;width:38px;min-width:38px}.project-editor-shell .mobile-inspector-toggle{display:none!important}.project-editor-dormant-host{clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.project-editor-dormant-host:has(.mobile-open){clip:auto;clip-path:none;width:auto;height:auto;position:relative;overflow:visible}.project-editor-workspace .scene-area{height:calc(100vh - 117px)}.project-editor-workspace .scene-stack{align-items:flex-start;width:100%;max-width:none}.project-scene-card .scene-page--layers{transform-origin:0 0;box-shadow:none}.project-scene-card .canvas-layer--image{border:0}.project-scene-card .canvas-layer.selected{outline-offset:1px;outline-width:1px}.project-layer-inspector{flex:none;align-self:flex-start;position:relative}.project-layer-inspector.is-dormant{opacity:0;pointer-events:none;border:0!important;flex-basis:0!important;width:0!important;min-width:0!important;height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}.project-layer-inspector--generic{color:#27272a;width:480px;height:760.453px;box-shadow:none;background:#fff;border:1px solid #d1d5dbb3;border-radius:16px;padding:10px 14px 18px;overflow:auto}.project-layer-inspector--generic>h2{margin:8px 4px 14px;font-size:16px}.project-layer-stack{gap:5px;margin:0 0 12px;padding:0 2px;display:grid}.project-layer-stack>button{color:#3f3f46;text-align:left;cursor:pointer;background:#fff;border:1px solid #e4e4e7;border-radius:8px;grid-template-columns:24px 1fr auto;align-items:center;gap:7px;height:38px;padding:0 10px;display:grid}.project-layer-stack>button.active{background:#eef2ff;border-color:#818cf8}.project-layer-stack .material-icons{color:#4f46e5;font-size:17px}.project-layer-stack strong{font-size:12px}.project-layer-stack small{color:#9ca3af;font-size:9px}.project-layer-inspector-controls{height:650px;padding:2px 6px 20px;overflow:auto}.layouts-picker{background:#fafafa;border:1px solid #e4e4e7;border-radius:12px;margin:0 4px 10px;padding:8px 6px 4px}.layouts-picker__label{color:#52525b;letter-spacing:.02em;text-transform:uppercase;margin:0 2px 8px;font-size:11px;font-weight:700}.layouts-picker__grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.layouts-picker__card{color:#27272a;text-align:left;cursor:pointer;background:#fff;border:1px solid #e4e4e7;border-radius:10px;gap:4px;padding:8px 8px 10px;display:grid}.layouts-picker__card:hover,.layouts-picker__card.is-active{background:#eef2ff;border-color:#818cf8}.layouts-picker__card>strong{font-size:11px;font-weight:700;line-height:1.25}.layouts-picker__card>small{color:#71717a;font-size:10px;line-height:1.3}.layouts-picker__thumb{background:linear-gradient(160deg,#e0e7ff,#c7d2fe);border-radius:7px;height:52px;display:block;position:relative;overflow:hidden}.layouts-picker__thumb:before,.layouts-picker__thumb:after{content:"";background:#4f46e58c;border-radius:3px;position:absolute}.layouts-picker__thumb[data-layout=title-top-device]:before{height:12%;top:8%;left:14%;right:14%}.layouts-picker__thumb[data-layout=title-top-device]:after{border-radius:6px;inset:28% 28% 8%}.layouts-picker__thumb[data-layout=title-bottom-device]:before{height:12%;bottom:8%;left:14%;right:14%}.layouts-picker__thumb[data-layout=title-bottom-device]:after{border-radius:6px;inset:8% 28% 28%}.layouts-picker__thumb[data-layout=dual-text-device]:before{height:18%;top:6%;left:12%;right:12%}.layouts-picker__thumb[data-layout=dual-text-device]:after{border-radius:6px;inset:30% 30% 8%}.layouts-picker__thumb[data-layout=full-bleed-device]:after{border-radius:8px;inset:6% 10%}.layouts-picker__thumb[data-layout=text-left-device-right]:before{width:28%;height:28%;top:30%;left:8%}.layouts-picker__thumb[data-layout=text-left-device-right]:after{border-radius:6px;width:42%;top:12%;bottom:12%;right:10%}.layouts-picker__thumb[data-layout=device-top-title-bottom]:before{height:14%;bottom:8%;left:16%;right:16%}.layouts-picker__thumb[data-layout=device-top-title-bottom]:after{border-radius:6px;inset:6% 30% 30%}.layouts-picker__thumb[data-layout=centered-stack]:before{height:16%;top:8%;left:18%;right:18%}.layouts-picker__thumb[data-layout=centered-stack]:after{border-radius:6px;inset:32% 32% 10%}.layouts-picker__thumb[data-layout=subtitle-top-device]:before{height:14%;top:6%;left:20%;right:20%}.layouts-picker__thumb[data-layout=subtitle-top-device]:after{border-radius:6px;inset:28% 28% 8%}.sandbox-template-stack>.layouts-picker{margin:4px 0 8px}.project-layer-inspector-controls label{color:#52525b;gap:6px;margin:0 0 12px;font-size:11px;font-weight:650;display:grid}.project-layer-inspector-controls input,.project-layer-inspector-controls select,.project-layer-inspector-controls textarea{color:#3f3f46;background:#fff;border:1px solid #d8dae0;border-radius:6px;width:100%;min-height:35px;padding:7px 9px}.project-layer-inspector-controls textarea{resize:vertical;min-height:70px}.project-layer-inspector--generic .group-inspector button{color:#3f3f46;background:#f4f4f5;border-color:#d8dae0}.project-layer-inspector .mobile-inspector-close{z-index:3}.project-layer-inspector .sandbox-template-device-actions .material-icons{vertical-align:-3px;font-size:15px;display:inline}.project-semantic-inspector .sandbox-template-actions button:disabled{opacity:.38}.project-semantic-full-controls>.inspector-grid>label{color:#52525b;gap:5px;min-width:0;margin:0;font-size:10px;font-weight:650;display:grid}.project-semantic-full-controls .inspector-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;min-width:0;display:grid}.project-semantic-full-controls .inspector-check{align-items:center;gap:7px;display:flex}.project-semantic-full-controls .inspector-check input{width:15px;min-height:15px;padding:0}.page-background-controls{gap:8px;min-width:0;max-width:100%;display:grid}.page-background-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0;display:grid}.page-background-tabs button{color:#52525b;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:#f4f4f5;border:1px solid #d8dae0;border-radius:7px;min-width:0;min-height:30px;padding:0 6px;font-size:11px;font-weight:700;overflow:hidden}.page-background-tabs button.active{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.page-background-panel{gap:8px;min-width:0;display:grid}.page-background-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;min-width:0;display:grid}.page-background-grid label,.page-background-panel>label{color:#52525b;gap:5px;min-width:0;margin:0;font-size:10px;font-weight:650;display:grid}.page-background-grid input[type=color],.page-background-panel>label>input[type=color]{box-sizing:border-box;background:#fff;border:1px solid #d8dae0;border-radius:6px;width:100%;max-width:100%;height:34px;padding:2px}.page-background-grid input[type=number],.page-background-panel>label>input[type=url],.page-background-panel>label>select{color:#3f3f46;box-sizing:border-box;background:#fff;border:1px solid #d8dae0;border-radius:6px;width:100%;max-width:100%;min-height:34px;padding:7px 9px}.page-background-preview{box-sizing:border-box;border:1px solid #d8dae0;border-radius:8px;max-width:100%;height:42px}.page-background-preview--image{background-color:#e4e4e7}.page-background-image-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;min-width:0;display:grid}.page-background-image-actions button{color:#4338ca;cursor:pointer;background:#c7d2fe;border:0;border-radius:7px;min-width:0;min-height:32px;padding:0 8px;font-size:12px;font-weight:700}.page-background-controls .background-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-width:0;display:grid}.page-background-controls .background-presets button{cursor:pointer;border:2px solid #d4d4d8;border-radius:10px;min-width:0;height:44px;min-height:44px;transition:border-color .12s,box-shadow .12s,transform .12s;box-shadow:inset 0 0 0 1px #0000000a}.page-background-controls .background-presets button:hover{border-color:#a5b4fc;transform:translateY(-1px)}.page-background-controls .background-presets button.active,.page-background-controls .background-presets button[aria-pressed=true]{border-color:#4f46e5;box-shadow:0 0 0 2px #c7d2fe,inset 0 0 0 1px #4f46e526}.page-background-builtin{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;min-width:0;display:grid}.page-background-builtin button{aspect-ratio:1;cursor:pointer;background:#f4f4f5;border:2px solid #d8dae0;border-radius:8px;min-width:0;padding:0;transition:border-color .12s,box-shadow .12s;overflow:hidden}.page-background-builtin button:hover{border-color:#a5b4fc}.page-background-builtin button.active,.page-background-builtin button[aria-pressed=true]{border-color:#4f46e5;box-shadow:0 0 0 2px #c7d2fe}.page-background-builtin img{object-fit:cover;width:100%;height:100%;display:block}.page-background-assets{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;min-width:0;display:grid}.page-background-assets button{aspect-ratio:1;cursor:pointer;background:#f4f4f5;border:2px solid #d8dae0;border-radius:7px;min-width:0;padding:0;overflow:hidden}.page-background-assets button.active,.page-background-assets button[aria-pressed=true]{border-color:#4f46e5;box-shadow:0 0 0 2px #c7d2fe}.page-background-assets img{object-fit:cover;width:100%;height:100%;display:block}.sandbox-page-background .page-background-controls{margin-top:4px}.sandbox-page-background .page-background-tabs button{background:#f4f4f5}.project-setup-controls .page-background-controls{margin:6px 0 12px}.project-semantic-background .page-background-controls label{grid-template-columns:minmax(0,1fr);gap:5px}.project-semantic-background .page-background-controls input[type=color]{width:100%;max-width:100%;height:34px}.sandbox-layer-inspector--template{box-sizing:border-box;min-width:0}.sandbox-semantic-fields{min-width:0;padding:4px 16px 14px}.sandbox-semantic-fields>div{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media (width>=1501px){.project-editor-workspace.has-pages .scene-area:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#f9f9f9 0 20%,#f0f0f0 20% 40%,#e0e0e0 40% 60%,#cacaca 60% 80%,#b0b0b0 80% 100%);height:5px;position:absolute;bottom:3px;left:0;right:0}}@media (width<=700px){.project-editor-shell .mobile-inspector-toggle{z-index:22;position:fixed;bottom:68px;right:12px;width:auto!important;padding:0 12px!important;display:flex!important}.project-editor-workspace .scene-area{height:calc(100vh - 117px)}.project-layer-inspector{display:none!important}.project-layer-inspector.mobile-open{z-index:30;border-radius:16px;height:min(72vh,620px);position:fixed;bottom:8px;left:8px;right:8px;width:auto!important;padding-top:44px!important;display:block!important;overflow:auto!important}.project-layer-inspector.mobile-open .mobile-inspector-close{background:#e4e4e7;border:0;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:10px;right:12px}}.dashboard-choice-backdrop .sandbox-choice-dialog{width:480px;max-width:calc(100vw - 32px);color:var(--dashboard-ink);background:linear-gradient(165deg,#1b1529f5 0%,#120e1bfa 100%);border:1px solid #ffffff1f;border-radius:22px;overflow:hidden;transform:none;box-shadow:0 30px 80px #000000bf,inset 0 1px #ffffff14}.dashboard-choice-backdrop .sandbox-choice-dialog>.accessible-dialog__heading{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:22px 24px 14px;display:flex}.dashboard-choice-backdrop .sandbox-choice-dialog>.accessible-dialog__heading h2{letter-spacing:-.03em;color:var(--dashboard-ink);margin:0;font-size:20px;font-weight:750}.dashboard-choice-backdrop .sandbox-choice-dialog .accessible-dialog__close{width:34px;height:34px;color:var(--dashboard-muted);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;place-items:center;transition:all .2s;display:grid}.dashboard-choice-backdrop .sandbox-choice-dialog .accessible-dialog__close:hover{color:#fff;background:#ffffff1f;border-color:#fff3}.dashboard-choice-backdrop .sandbox-choice-list{gap:12px;padding:18px 20px 22px;display:grid}.dashboard-choice-backdrop .sandbox-choice-list>a,.dashboard-choice-backdrop .sandbox-choice-list>button{min-height:76px;color:var(--dashboard-ink);text-align:left;cursor:pointer;transition:transform .2s var(--dashboard-ease),background .2s,border-color .2s,box-shadow .2s;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;grid-template-columns:46px 1fr 22px;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;display:grid}.dashboard-choice-backdrop .sandbox-choice-list>a:hover,.dashboard-choice-backdrop .sandbox-choice-list>button:hover{background:#ffffff12;border-color:#f06d4f66;transform:translateY(-2px);box-shadow:0 10px 28px #0006,0 0 20px #f06d4f1f}.dashboard-choice-backdrop .sandbox-choice-list strong{color:var(--dashboard-ink);letter-spacing:-.01em;margin-bottom:3px;font-size:15px;font-weight:700;display:block}.dashboard-choice-backdrop .sandbox-choice-list small{color:var(--dashboard-muted);font-size:13px;line-height:1.4;display:block}.dashboard-choice-backdrop .sandbox-choice-list>a:hover .choice-arrow,.dashboard-choice-backdrop .sandbox-choice-list>button:hover .choice-arrow{color:var(--dashboard-coral);transform:translate(3px)}.dashboard-choice-backdrop .sandbox-choice-dialog footer{display:none}.project-settings-backdrop{--dashboard-paper:#0c0912;--dashboard-surface:#161124;--dashboard-surface-hover:#1e1730;--dashboard-ink:#ede8ff;--dashboard-muted:#a79ebb;--dashboard-subtle:#6e6584;--dashboard-line:#ffffff14;--dashboard-line-hover:#ffffff29;--dashboard-line-active:#f06d4f59;--dashboard-coral:#f06d4f;--dashboard-coral-deep:#d9512f;--dashboard-coral-glow:#f06d4f59;--dashboard-amber:#f4b860;--dashboard-lilac:#d7b6f0;--dashboard-violet:#8b5cf6;--dashboard-ease:cubic-bezier(.16,1,.3,1);z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0c0912c7;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.project-settings-dialog{width:min(520px,100vw - 36px);min-width:0;max-width:100%;height:auto;color:var(--dashboard-ink);text-align:left;background:#161124;border:1px solid #ffffff1f;border-radius:20px;grid-template-columns:1fr;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 90px #0009}.project-settings-dialog>.accessible-dialog__heading{padding:24px 24px 0 28px}.project-settings-dialog>.accessible-dialog__heading h2{letter-spacing:-.04em;color:var(--dashboard-ink);font-size:22px}.project-settings-dialog>.accessible-dialog__description{color:var(--dashboard-muted);margin:10px 28px 0;font-size:14px;line-height:1.5}.project-settings-dialog>form{padding:23px 28px 82px;position:relative}.project-settings-dialog>form>footer{justify-content:flex-end;align-items:center;gap:10px;display:flex;position:absolute;bottom:20px;left:28px;right:28px}.project-settings-dialog>form>footer button{min-width:88px;min-height:42px;color:var(--dashboard-muted);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:0 16px;font-size:13px;font-weight:650;transition:all .2s}.project-settings-dialog>form>footer button:hover{color:#fff;background:#ffffff1a}.project-settings-dialog>form>footer button:last-child{color:#fff;background:linear-gradient(160deg,#f58367,var(--dashboard-coral) 55%,var(--dashboard-coral-deep));box-shadow:inset 0 1px #ffffff4d,0 4px 16px var(--dashboard-coral-glow);border:0}.project-settings-dialog>form>footer button:last-child:hover{filter:brightness(1.05);transform:translateY(-1px)}.project-settings-error{margin:12px 0 0;font-size:12px;color:#f87171!important}@media (width<=700px){.project-settings-backdrop{padding:10px}.dashboard-choice-backdrop .sandbox-choice-dialog{width:calc(100vw - 20px);max-width:none;transform:none}.project-settings-dialog{max-height:calc(100vh - 20px);overflow-y:auto}.project-settings-dialog>form{padding:22px 20px 82px}.project-settings-dialog>.accessible-dialog__heading{padding:20px 16px 0 20px}.project-settings-dialog>.accessible-dialog__description{margin:9px 20px 0}.project-settings-dialog>form>footer{left:20px;right:20px}}.globals-dialog{color:#f4f4f5;background:#202027;border:1px solid #ffffff1a;border-radius:16px;width:min(520px,100vw - 32px);max-height:min(86vh,720px);padding:28px 28px 24px;position:relative;overflow:auto;box-shadow:0 35px 100px #0000008c}.globals-dialog h2{margin:0 0 8px;font-size:26px}.globals-dialog__lede{color:#a1a1aa;margin:0 0 16px;font-size:13px;line-height:1.5}.globals-dialog__close{color:#aaa;cursor:pointer;background:0 0;border:0;font-size:28px;position:absolute;top:10px;right:14px}.globals-tabs{background:#2a2a32;border-radius:10px;gap:6px;margin:0 0 18px;padding:4px;display:flex}.globals-tabs button{color:#a1a1aa;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;height:36px;font-size:12px;font-weight:650}.globals-tabs button.active{color:#fff;background:#4f46e5}.globals-panel{gap:12px;display:grid}.globals-panel>p{color:#a1a1aa;margin:0;font-size:13px;line-height:1.5}.globals-panel label{color:#d4d4d8;gap:6px;font-size:12px;font-weight:600;display:grid}.globals-panel select,.globals-panel input[type=number],.globals-panel input[type=text]{color:#fff;height:40px;font:inherit;background:#18181c;border:1px solid #ffffff1f;border-radius:8px;padding:0 10px}.globals-panel input[type=color]{background:#18181c;border:1px solid #ffffff1f;border-radius:8px;width:52px;height:40px;padding:4px}.globals-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.globals-segmented{background:#2a2a32;border-radius:10px;gap:4px;padding:4px;display:flex}.globals-segmented button{color:#a1a1aa;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;height:34px;font-size:12px;font-weight:650}.globals-segmented button.active{color:#fff;background:#4f46e5}.globals-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.globals-actions--primary{margin-top:16px}.globals-actions button,.globals-apply{color:#fff;cursor:pointer;background:#34343c;border:0;border-radius:8px;height:40px;padding:0 14px;font-weight:700}.globals-apply{background:#6d28d9}.globals-apply:disabled{opacity:.45;cursor:not-allowed}.globals-color-list{gap:6px;max-height:220px;display:grid;overflow:auto}.globals-color-list>button{color:#e4e4e7;text-align:left;cursor:pointer;background:#292930;border:1px solid #ffffff14;border-radius:8px;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;height:40px;padding:0 10px;display:grid}.globals-color-list>button.active{background:#8b5cf624;border-color:#a78bfa99}.globals-swatch{border:1px solid #fff3;border-radius:4px;width:18px;height:18px}.globals-note{color:#85858f;margin:10px 0 0;font-size:12px}.globals-preview{color:#e9d5ff;background:#6d28d924;border:1px solid #a78bfa59;border-radius:12px;gap:6px;margin-top:14px;padding:12px 14px;font-size:12px;line-height:1.45;display:grid}.globals-preview strong{color:#f5f3ff;font-size:13px}.globals-preview p{color:#ddd6fe;margin:0}.globals-preview__skip{color:#c4b5fd}.globals-preview__pages{gap:4px;max-height:140px;margin:4px 0 0;padding:0;list-style:none;display:grid;overflow:auto}.globals-preview__pages li{color:#f4f4f5;background:#18181c73;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:6px 8px;display:flex}.globals-preview__pages small{color:#c4b5fd;font-size:11px}.globals-diff{gap:8px;margin-top:12px;display:grid}.globals-diff strong{color:#d4d4d8;letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700}.globals-diff__strip{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.globals-diff__chip{color:#e4e4e7;white-space:nowrap;background:#292930;border:1px solid #ffffff1a;border-radius:999px;flex:none;align-items:center;gap:6px;height:32px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.globals-diff__dot{background:#a78bfa;border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 3px #a78bfa2e}:root[data-theme=light] .globals-dialog,.real-editor[data-theme=light] .globals-dialog,.sandbox-shell[data-theme=light] .globals-dialog{color:var(--ed-text,#1f1f24);background:var(--ed-surface-panel,#f7f8fa);border-color:var(--ed-border,#d4d4d8);box-shadow:0 24px 70px #0f0f142e}:root[data-theme=light] .globals-dialog h2,.real-editor[data-theme=light] .globals-dialog h2{color:var(--ed-text,#1f1f24)}:root[data-theme=light] .globals-dialog__lede,.real-editor[data-theme=light] .globals-dialog__lede{color:var(--ed-text-muted,#5f5f6a)}:root[data-theme=light] .globals-tabs,.real-editor[data-theme=light] .globals-tabs,:root[data-theme=light] .globals-segmented,.real-editor[data-theme=light] .globals-segmented{background:var(--ed-surface-deep,#ececf1)}:root[data-theme=light] .globals-tabs button,.real-editor[data-theme=light] .globals-tabs button,:root[data-theme=light] .globals-segmented button,.real-editor[data-theme=light] .globals-segmented button{color:var(--ed-text-muted,#5f5f6a)}:root[data-theme=light] .globals-panel>p,.real-editor[data-theme=light] .globals-panel>p,:root[data-theme=light] .globals-panel label,.real-editor[data-theme=light] .globals-panel label{color:var(--ed-text-soft,#3f3f46)}:root[data-theme=light] .globals-panel select,.real-editor[data-theme=light] .globals-panel select,:root[data-theme=light] .globals-panel input[type=number],.real-editor[data-theme=light] .globals-panel input[type=number],:root[data-theme=light] .globals-panel input[type=text],.real-editor[data-theme=light] .globals-panel input[type=text],:root[data-theme=light] .globals-panel input[type=color],.real-editor[data-theme=light] .globals-panel input[type=color],:root[data-theme=light] .globals-color-list>button,.real-editor[data-theme=light] .globals-color-list>button{color:var(--ed-text,#1f1f24);background:var(--ed-surface-card,#fff);border-color:var(--ed-border,#d4d4d8)}:root[data-theme=light] .globals-color-list>button.active,.real-editor[data-theme=light] .globals-color-list>button.active{background:#6d28d914;border-color:#6d28d973}:root[data-theme=light] .globals-preview,.real-editor[data-theme=light] .globals-preview{color:var(--ed-text-on-accent-soft,#4c1d95);background:var(--ed-accent-soft,#6d28d914);border-color:var(--ed-border-accent,#6d28d947)}:root[data-theme=light] .globals-preview strong,.real-editor[data-theme=light] .globals-preview strong{color:var(--ed-text-on-accent-soft-strong,#3b0764)}:root[data-theme=light] .globals-preview p,.real-editor[data-theme=light] .globals-preview p,:root[data-theme=light] .globals-preview__skip,.real-editor[data-theme=light] .globals-preview__skip{color:var(--ed-text-on-accent-soft,#5b21b6)}:root[data-theme=light] .globals-preview__pages li,.real-editor[data-theme=light] .globals-preview__pages li{color:var(--ed-text,#1f1f24);background:var(--ed-surface-card,#fff)}:root[data-theme=light] .globals-preview__pages small,.real-editor[data-theme=light] .globals-preview__pages small{color:var(--ed-text-muted,#5f5f6a)}:root[data-theme=light] .globals-diff__chip,.real-editor[data-theme=light] .globals-diff__chip{color:var(--ed-text,#1f1f24);background:var(--ed-surface-card,#fff);border-color:var(--ed-border,#d4d4d8)}:root[data-theme=light] .globals-note,.real-editor[data-theme=light] .globals-note,:root[data-theme=light] .globals-dialog__close,.real-editor[data-theme=light] .globals-dialog__close{color:var(--ed-text-muted,#5f5f6a)}@media (width<=560px){.globals-dialog{border-radius:14px;width:calc(100vw - 16px);padding:22px 16px 18px}.globals-dialog h2{font-size:22px}.globals-tabs button,.globals-segmented button{font-size:11px}.globals-grid{grid-template-columns:1fr}.globals-actions{justify-content:stretch}.globals-actions button,.globals-apply{flex:1}}.auto-frame-drop{color:var(--tpl-text,#ede8ff);background:radial-gradient(at 15%,#7c3aed2e,#0000 60%),linear-gradient(135deg,#201430d9 0%,#100c18f5 100%);border:1px solid #c4b5fd33;border-radius:24px;grid-template-columns:120px 1fr;align-items:center;gap:32px;margin:28px max(28px,50vw - 590px);padding:28px 36px;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid;position:relative;box-shadow:0 14px 40px #00000073,inset 0 1px #ffffff1a}.auto-frame-drop:hover{border-color:#c4b5fd61;box-shadow:0 18px 48px #0000008c,0 0 30px #a78bfa26,inset 0 1px #ffffff26}.auto-frame-drop--strip{margin-top:24px;margin-bottom:28px}.project-new-page .auto-frame-drop{background:#1b1626;margin:28px 0 0}.auto-frame-drop.is-over{border-color:#c4b5fd;transform:translateY(-2px);box-shadow:0 0 0 4px #a78bfa4d,0 24px 60px #7c3aed73}.auto-frame-drop__tray{justify-content:center;align-items:center;height:100%;display:flex}.auto-frame-drop__devices{width:96px;height:104px;position:relative}.auto-frame-drop__dev{background:#160e22cc;border:1.5px solid #c4b5fd59;border-radius:12px;transition:transform .25s,border-color .2s;position:absolute;bottom:0;box-shadow:0 6px 18px #0006}.auto-frame-drop__dev--back{opacity:.45;background:#7c3aed33;width:44px;height:84px;left:0;transform:rotate(-12deg)}.auto-frame-drop__dev--mid{opacity:.65;background:#7c3aed4d;width:46px;height:88px;right:0;transform:rotate(10deg)}.auto-frame-drop__dev--front{z-index:2;background:linear-gradient(#24143a,#120a1e);border-color:#c4b5fd99;width:52px;height:98px;left:22px;box-shadow:0 10px 24px #7c3aed59}.auto-frame-drop:hover .auto-frame-drop__dev--front{border-color:#c4b5fd;transform:translateY(-3px);box-shadow:0 12px 28px #c4b5fd66}.auto-frame-drop:hover .auto-frame-drop__dev--back{transform:rotate(-16deg)translateY(-2px)}.auto-frame-drop:hover .auto-frame-drop__dev--mid{transform:rotate(14deg)translateY(-2px)}.auto-frame-drop.is-over .auto-frame-drop__dev--front{transform:scale(1.05)translateY(-5px)}.auto-frame-drop__dev-screen{background:radial-gradient(circle at 50% 40%,#c4b5fd40,#0000 70%),#0a0710e6;border-radius:8px;place-items:center;display:grid;position:absolute;inset:4px}.auto-frame-drop__dev-ic{color:#c4b5fd;width:20px;height:20px;animation:2s ease-in-out infinite dropBounce}.auto-frame-drop__eyebrow-row{align-items:center;gap:10px;margin-bottom:6px;display:flex}.auto-frame-drop__eyebrow{color:#c4b5fd;letter-spacing:.12em;text-transform:uppercase;margin:0;font:700 11px/1 Geist Mono,ui-monospace,monospace}.auto-frame-drop__format-badge{color:#ede8ffb3;background:#ffffff0d;border:1px solid #c4b5fd40;border-radius:999px;padding:3px 8px;font:600 10px Geist Mono,ui-monospace,monospace}.auto-frame-drop h2{letter-spacing:-.035em;color:#fff;margin:0;font-size:22px;font-weight:750}.auto-frame-drop__copy>p{max-width:720px;color:var(--tpl-muted,#ede8ffad);margin:6px 0 0;font-size:14px;line-height:1.55}.auto-frame-drop__chips{flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:10px;display:flex}.auto-frame-chip{color:#ede8ffcc;align-items:center;gap:5px;font-size:12px;font-weight:550;display:inline-flex}.auto-frame-chip .chip-ic{color:#5be49b;flex-shrink:0;width:14px;height:14px}.auto-frame-drop__error{color:#f06d4f;background:#f06d4f24;border:1px solid #f06d4f59;border-radius:10px;margin-top:10px;padding:8px 14px;font-size:12px;font-weight:600}.auto-frame-drop__actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.auto-frame-drop__primary{color:#120c1b;cursor:pointer;background:linear-gradient(135deg,#c4b5fd,#a78bfa);border:0;border-radius:999px;align-items:center;gap:8px;min-height:40px;padding:0 20px;font:700 13px inherit;transition:background .15s,transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 4px 14px #7c3aed4d}.auto-frame-drop__primary .btn-ic{width:16px;height:16px}.auto-frame-drop__primary:hover:not(:disabled){background:linear-gradient(135deg,#ddd6fe,#c4b5fd);transform:translateY(-1px);box-shadow:0 6px 20px #a78bfa73}.auto-frame-drop__secondary{color:#ede8ff;cursor:pointer;background:#ffffff0f;border:1px solid #ede8ff38;border-radius:999px;align-items:center;gap:7px;min-height:40px;padding:0 18px;font:650 13px inherit;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.auto-frame-drop__secondary .btn-ic{color:#c4b5fd;width:16px;height:16px}.auto-frame-drop__secondary:hover:not(:disabled){background:#ffffff1f;border-color:#ede8ff66;transform:translateY(-1px)}.auto-frame-drop__link{color:#c4b5fd;align-items:center;gap:4px;padding:0 8px;font-size:13px;font-weight:650;text-decoration:none;transition:color .15s;display:inline-flex}.auto-frame-drop__link .arr{transition:transform .15s}.auto-frame-drop__link:hover{color:#fff}.auto-frame-drop__link:hover .arr{transform:translate(3px)}.auto-frame-drop__primary:disabled,.auto-frame-drop__secondary:disabled{opacity:.6;cursor:wait}@media (width<=860px){.auto-frame-drop{grid-template-columns:1fr;gap:20px;margin:20px 16px;padding:22px}.auto-frame-drop__tray{display:none}.auto-frame-drop__actions{flex-direction:column;align-items:stretch}.auto-frame-drop__primary,.auto-frame-drop__secondary,.auto-frame-drop__link{justify-content:center}}@media (prefers-reduced-motion:reduce){.auto-frame-drop.is-over,.auto-frame-drop__dev-ic{box-shadow:none;animation:none}}.project-settings-dialog .accessible-dialog__close{color:var(--dashboard-ink);background:#ffffff0f;border:1px solid #ffffff1f}.project-settings-dialog .accessible-dialog__close:hover{background:#ffffff1f}