.elements-panel{--elements-text:#f5f5f5;--elements-muted:#a4a4ab;--elements-border:#292930;--elements-focus:#4b83ff;height:100%;min-height:0;color:var(--elements-text);flex-direction:column;flex:1;font-size:12px;display:flex}.elements-header{border-bottom:1px solid var(--elements-border);flex-shrink:0;padding:19px 13px 16px}.elements-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.elements-heading h2{letter-spacing:-.6px;margin:0;font-size:21px;line-height:1.2}.elements-heading>span{color:var(--elements-muted);font-size:11px}.elements-header p{color:var(--elements-muted);margin:8px 0 16px;line-height:1.5}.elements-search{border:1px solid var(--elements-border);min-height:38px;color:var(--elements-muted);background:#111113;border-radius:9px;align-items:center;gap:8px;padding:0 10px;display:flex}.elements-search:focus-within{border-color:var(--elements-focus)}.elements-search input{width:100%;min-width:0;color:var(--elements-text);font:inherit;background:0 0;border:0;outline:0;padding:10px 0}.elements-search input::placeholder{color:var(--elements-muted)}.elements-search input::-webkit-search-cancel-button{display:none}.elements-search button{width:24px;height:24px;color:var(--elements-muted);cursor:pointer;background:0 0;border:0;border-radius:5px;flex:0 0 24px;place-items:center;padding:0;display:grid}.elements-scroll{scrollbar-width:thin;scrollbar-color:#39393f transparent;flex:1;min-height:0;padding:18px 13px 24px;overflow-y:auto}.elements-section-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.elements-section-heading h3{margin:0;font-size:12px;font-weight:600}.elements-section-heading>span{color:var(--elements-muted);font-size:10px}.elements-category-grid,.elements-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.elements-category-card,.elements-preset-card{border:1px solid var(--elements-border);width:100%;min-width:0;color:var(--elements-text);text-align:left;font:inherit;cursor:pointer;background:#111113;border-radius:11px;flex-direction:column;padding:0;transition:border-color .18s,background .18s;display:flex;position:relative;overflow:hidden}.elements-category-card:hover,.elements-preset-card:hover{border-color:var(--elements-focus);background:#181b24}.elements-panel button:focus-visible{outline:2px solid var(--elements-focus);outline-offset:3px}.elements-category-art{background:#1b1c23;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:98px;margin:8px 8px 0;display:flex;position:relative;overflow:hidden}.elements-category-caption,.elements-preset-caption{gap:6px;padding:13px 12px;display:grid}.elements-category-caption strong,.elements-preset-caption strong{font-size:12px;font-weight:600;line-height:1.4}.elements-category-caption>span,.elements-preset-caption>span{color:var(--elements-muted);justify-content:space-between;align-items:center;gap:4px;font-size:10px;line-height:1.4;display:flex}.elements-category-caption svg{color:#b1c8f8}.elements-art-choice{box-sizing:border-box;background:#24252d;border:1px solid #565865;border-radius:6px;align-items:center;gap:7px;width:78%;height:25px;padding:0 7px;display:flex}.elements-art-choice>i{border:1px solid #777b8b;border-radius:3px;flex:0 0 11px;place-items:center;width:11px;height:11px;display:grid}.elements-art-choice>b{background:#777b8b;border-radius:3px;width:65%;height:4px}.elements-art-choice-selected{background:#213252;border-color:#4b83ff}.elements-art-choice-selected>i{color:#fff;background:#4b83ff;border-color:#4b83ff}.elements-art-choice-selected>b{background:#c5d5f7}.elements-art-button{z-index:1;box-sizing:border-box;color:#fff;background:#4b83ff;border-radius:22px;justify-content:space-between;align-items:center;gap:6px;width:83%;padding:11px 10px;font-size:11px;font-weight:600;display:flex;position:relative}.elements-art-button-shadow{background:#2a3a5a;border-radius:12px;width:68%;height:15px;position:absolute;top:57px}.elements-art-title{color:#d9e5ff;letter-spacing:-3px;font-size:48px;font-weight:700;line-height:1}.elements-art-underline{background:#4b83ff;border-radius:2px;width:38px;height:3px}.elements-art-text{align-items:flex-start;padding:0 16px}.elements-art-text-title{color:#d9e5ff;font-size:16px;font-weight:600}.elements-art-text-line{background:#7c8191;border-radius:2px;width:100%;height:3px}.elements-art-text-short{width:58%}.elements-art-navigation{flex-direction:row;gap:6px;padding:0 10px}.elements-art-back{color:#171717;background:#d9e5ff;border-radius:9px;flex-shrink:0;place-items:center;width:29px;height:29px;display:grid}.elements-art-nav-line{background:#565865;border-radius:2px;flex:1;height:3px}.elements-art-skip{color:#aac7ff;align-items:center;gap:3px;font-size:11px;display:flex}.elements-art-progress-track{background:#414554;border-radius:4px;width:78%;height:7px;overflow:hidden}.elements-art-progress-track>i{background:#4b83ff;border-radius:4px;width:60%;height:100%;display:block}.elements-art-progress-dots,.elements-preview-progress-dots{gap:6px;margin-top:6px;display:flex}.elements-art-progress-dots i,.elements-preview-progress-dots i{background:#697181;border-radius:50%;width:6px;height:6px}.elements-art-progress-dots i:first-child,.elements-art-progress-dots i:nth-child(2),.elements-preview-progress-dots i:first-child,.elements-preview-progress-dots i:nth-child(2){background:#4b83ff}.elements-library-note{color:var(--elements-muted);align-items:flex-start;gap:10px;margin-top:20px;display:flex}.elements-library-note svg{flex-shrink:0;width:15px;margin-top:2px}.elements-library-note p{margin:0;font-size:11px;line-height:1.6}.elements-results-heading{align-items:center;gap:10px;margin:0 0 18px;display:flex}.elements-back{color:#f5f5f5;border:1px solid var(--elements-border);cursor:pointer;background:#17171b;border-radius:7px;flex:0 0 30px;place-items:center;width:30px;height:30px;padding:0;display:grid}.elements-results-heading h3{margin:0;font-size:14px;font-weight:600}.elements-results-heading p{color:var(--elements-muted);margin:5px 0 0;font-size:11px;line-height:1.5}.elements-context-note{color:var(--elements-muted);border-left:2px solid #4b83ff;margin:-3px 0 16px;padding-left:10px;font-size:11px;line-height:1.6}.elements-preset-card{cursor:grab}.elements-preset-card:active{cursor:grabbing}.elements-item-preview{box-sizing:border-box;color:#171717;background:#f3f4f6;border-radius:6px;justify-content:center;align-items:center;min-height:92px;margin:7px 7px 0;padding:10px;display:flex}.elements-preview-piece{box-sizing:border-box;align-items:center;gap:5px;width:100%;min-height:31px;padding:7px;font-size:9px;line-height:1.4;display:flex;position:relative}.elements-preview-headline .elements-preview-piece{letter-spacing:-.4px;padding:0;font-size:16px;line-height:1.25;display:block}.elements-preview-description .elements-preview-piece{padding:0;font-size:10px;line-height:1.5;display:block}.elements-preview-choice-check{border:1px solid #171717;border-radius:3px;flex-shrink:0;place-items:center;width:12px;height:12px;margin-left:auto;display:grid}.elements-preset-grip{color:#6b7280;opacity:0;background:#f3f4f6;border-radius:3px;place-items:center;padding:2px;transition:opacity .18s;display:grid;position:absolute;top:10px;right:10px}.elements-preset-card:is(:hover,:focus-visible) .elements-preset-grip{opacity:1}.elements-preset-card[aria-disabled=true]{cursor:grab}.elements-preset-card[aria-disabled=true] .elements-preset-caption>span svg{opacity:.35}.elements-preview-skip{color:#315ea8;align-items:center;gap:5px;font-size:12px;display:flex}.elements-preview-back{border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.elements-preview-back.solid{color:#fff;background:#171717}.elements-preview-back.minimal{color:#171717}.elements-preview-progress{gap:4px;width:100%;display:flex}.elements-preview-progress>i{background:#c2c5cd;border-radius:3px;flex:1;height:5px}.elements-preview-progress>i:first-child,.elements-preview-progress>i:nth-child(2){background:#171717}.elements-preview-progress.bar{border-radius:3px;gap:0;overflow:hidden}.elements-preview-progress.bar>i{border-radius:0}.elements-empty{text-align:center;color:var(--elements-muted);justify-items:center;padding:28px 8px;display:grid}.elements-empty h3{color:var(--elements-text);margin:13px 0 0;font-size:13px}.elements-empty p{margin:8px 0 16px;line-height:1.5}.elements-empty button{border:1px solid var(--elements-border);min-height:36px;color:var(--elements-text);font:inherit;cursor:pointer;background:#111113;border-radius:7px;padding:0 12px}.elements-footer{border-top:1px solid var(--elements-border);color:var(--elements-muted);flex-shrink:0;align-items:flex-start;gap:8px;padding:12px 13px;font-size:11px;line-height:1.5;display:flex}.elements-footer svg{flex-shrink:0;margin-top:2px}.elements-footer strong{color:var(--elements-text);font-weight:500}.editor .primary-sidebar.studio-rail{scrollbar-width:none;overflow-y:auto}@media (prefers-reduced-motion:reduce){.elements-panel *{transition:none!important}}.effects-panel{color:#f7f7f8;padding:24px 16px 28px}.effects-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:22px;display:flex}.effects-heading h2{letter-spacing:-.04em;margin:0 0 7px;font-size:22px;line-height:1.1}.effects-heading p{color:#aaaab4;margin:0;font-size:11px}.effects-close{color:#a7a7b0;cursor:pointer;background:0 0;border:0;border-radius:6px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.effects-close:hover{color:#fff;background:#252529}.effects-live-stage{background:radial-gradient(at 20% 0,#30497a 0%,#0000 65%),radial-gradient(at 85% 90%,#422d54,#0000 65%),#17171e;border:1px solid #30303a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:112px;padding:16px;display:flex}.effects-live-stage>span:last-child{color:#c5c7d6;align-items:center;gap:6px;font-size:10px;display:flex}.effects-sample{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-width:0;height:36px;padding:0 8px;font-size:11px;font-weight:600;line-height:1.2;display:flex;position:relative;overflow:hidden}.effects-live-stage .effects-sample{max-width:220px;height:44px;font-size:13px}.effects-intro{color:#aaaab4;margin:14px 0 18px;font-size:11px;line-height:1.55}.effects-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.effects-preset{color:#e7e7ed;text-align:left;cursor:pointer;background:#121215;border:1px solid #303038;border-radius:10px;flex-direction:column;gap:10px;min-width:0;padding:9px;transition:border-color .16s,background .16s;display:flex}.effects-preset:hover{background:#1c1c22;border-color:#72727f}.effects-preset.is-selected{background:#141c2d;border-color:#4b83ff;box-shadow:inset 0 0 0 1px #4b83ff}.effects-preset-stage{box-sizing:border-box;background:radial-gradient(at 0 0,#355482,#0000 80%),#23232d;border-radius:6px;place-items:center;width:100%;height:65px;padding:9px;display:grid}.effects-preset-name{justify-content:space-between;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.effects-preset-name svg{color:#8fb4ff;flex-shrink:0}.effects-settings{border-top:1px solid #303038;gap:18px;margin-top:22px;padding-top:18px;display:grid}.effects-description{color:#b4b4bf;margin:0;font-size:11px;line-height:1.5}.effects-intensity{gap:12px;font-size:12px;display:grid}.effects-intensity>span,.effects-accent{justify-content:space-between;align-items:center;gap:10px;display:flex}.effects-intensity output,.effects-accent output{color:#d0d0dc;font:11px ui-monospace,SFMono-Regular,monospace}.effects-intensity input{accent-color:#4b83ff;cursor:pointer;width:100%;margin:0}.effects-accent{font-size:12px}.effects-accent>span:last-child{align-items:center;gap:8px;display:flex}.effects-accent input{cursor:pointer;background:0 0;border:1px solid #565660;border-radius:6px;width:28px;height:28px;padding:1px}.effects-motion{cursor:pointer;align-items:flex-start;gap:10px;font-size:12px;display:flex}.effects-motion input{accent-color:#4b83ff;width:16px;height:16px;margin:0}.effects-motion small{color:#aaaab4;margin-top:5px;font-size:10px;line-height:1.5;display:block}.effects-remove{color:#dedee5;cursor:pointer;background:0 0;border:1px solid #41414a;border-radius:7px;min-height:34px;padding:8px;font-size:11px}.effects-remove:hover{color:#fff;background:#252529}.effects-note,.effects-empty{color:#aaaab4;margin:22px 0 0;font-size:10px;line-height:1.6}.effects-panel :is(button,input):focus-visible{outline-offset:3px;outline:2px solid #8fb4ff}.notch-effects-button:focus-visible{outline-offset:3px;outline:2px solid #4b83ff}.notch-effects-button:disabled{color:#73737d;cursor:default}.notch-effects-button:disabled:hover{background:0 0}@media (prefers-reduced-motion:reduce){.effects-panel *{transition:none!important}}.element-fx{isolation:isolate}.element-fx>span{z-index:1;position:relative}.element-fx:before,.element-fx:after{content:"";z-index:0;border-radius:inherit;pointer-events:none;opacity:1;border:0;position:absolute;inset:0}.editor-phone-cta.element-fx:after{border-radius:inherit;opacity:1;border:0;inset:0}.element-fx-raised:before{background:linear-gradient(180deg,rgba(255,255,255,var(--fx-highlight)),transparent 48%,#00000014)}.element-fx-glass:before{background:radial-gradient(ellipse at 15% 0%,rgba(255,255,255,var(--fx-highlight)),transparent 62%);box-shadow:inset 1px 0 #ffffff30,inset -1px 0 #ffffff18}.element-fx-glass:after{background:linear-gradient(115deg,#0000 15%,#ffffff15 26%,#0000 43%);inset:1px}.element-fx-glow:before{box-shadow:inset 0 1px 0 rgba(255,255,255,var(--fx-highlight))}.element-fx-sheen:before{background:linear-gradient(115deg,transparent 15%,rgba(255,255,255,var(--fx-highlight)) 35%,#ffffff09 50%,transparent 65%)}.element-fx-glitch:before{box-shadow:inset 2px 0 0 var(--fx-accent),inset -2px 0 0 #ff478b;opacity:calc(var(--fx-strength) * .65);inset:1px}.element-fx-glitch:after{opacity:var(--fx-strength);background:repeating-linear-gradient(0deg,#0000 0 5px,#ffffff0b 5px 6px);inset:1px}.element-fx-motion.element-fx-sheen:is(:hover,:focus-visible,:active):before,.element-fx-motion.element-fx-glass:is(:hover,:focus-visible,:active):after{background-size:200% 100%;animation:.65s ease-out element-fx-reflection}.element-fx-motion.element-fx-glitch:is(:hover,:focus-visible,:active):before{animation:.28s ease-out element-fx-chroma}@keyframes element-fx-reflection{0%{opacity:0;background-position:100% 0}35%{opacity:1}to{opacity:0;background-position:0 0}}@keyframes element-fx-chroma{0%,to{transform:translate(0)}35%{transform:translate(1px)}65%{transform:translate(-1px)}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.element-fx-glass:before{background:linear-gradient(135deg,#ffffff30,#ffffff05)}}@media (prefers-reduced-motion:reduce){.element-fx:before,.element-fx:after{transition:none!important;animation:none!important}}.canvas-tools{z-index:12;color:#252525;font-size:12px;position:absolute;bottom:16px;left:16px}.canvas-tool-buttons{background:#fffffff7;border:1px solid #cfcfcf;border-radius:8px;align-items:center;gap:2px;padding:4px;display:flex;box-shadow:0 4px 16px #00000014}.canvas-tools button{min-height:32px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:0 9px;display:flex}.canvas-tools button:hover{background:#ededed}.canvas-tools button[aria-pressed=true],.canvas-tools button[aria-expanded=true]{color:#174fa6;background:#e8efff}:is(.canvas-tools button:focus-visible,.canvas-zoom-controls button:focus-visible){outline-offset:2px;outline:2px solid #4b83ff}.canvas-tool-divider{background:#d9d9d9;width:1px;height:16px;margin:0 3px}.canvas-first-use-hint{background:#fff;border:1px solid #d5d5d5;border-radius:9px;align-items:center;gap:12px;width:min(420px,100vw - 40px);padding:10px 12px;animation:.18s ease-out both canvas-hint-enter;display:flex;position:absolute;bottom:52px;right:0;box-shadow:0 5px 18px #0000001a}.canvas-first-use-hint p{color:#555;flex:1;margin:0;font-size:11px;line-height:1.45}.canvas-first-use-hint p strong{color:#222}.canvas-first-use-hint>div{align-items:center;gap:4px;display:flex}.canvas-tools .canvas-first-use-hint button{white-space:nowrap;min-height:34px;padding-inline:8px}.canvas-tools .canvas-first-use-help{color:#174fa6}.canvas-tools .canvas-first-use-dismiss{background:#f7f7f7;border:1px solid #e1e1e1}.canvas-shortcuts-button span{display:inline}.canvas-help-panel{background:#fff;border:1px solid #d5d5d5;border-radius:12px;width:340px;max-width:calc(100vw - 40px);max-height:calc(100dvh - 160px);padding:16px;position:absolute;bottom:52px;left:0;overflow-y:auto;box-shadow:0 10px 32px #00000024}.canvas-help-panel header{justify-content:space-between;align-items:center;gap:8px;display:flex}.canvas-help-panel header strong{font-size:13px}.canvas-help-panel p{color:#646464;margin:8px 0 16px;line-height:1.55}.canvas-help-panel dl{gap:12px;margin:0;display:grid}.canvas-help-panel dl>div{gap:4px;display:grid}.canvas-help-panel dt{font-weight:600}.canvas-help-panel dd{color:#646464;margin:0;font-size:11px}.canvas-help-panel kbd{color:#333;background:#f7f7f7;border:1px solid #ddd;border-radius:3px;padding:2px 4px;font:10px/1.6 ui-monospace,monospace}.canvas-help-panel .canvas-settings-link{color:#174fa6;text-align:left;margin-top:16px;padding:0}@media (max-width:1000px){.canvas-tool-buttons button span{display:none}.canvas-tools .canvas-shortcuts-button span{display:inline}.canvas-first-use-hint{width:min(330px,100vw - 40px)}}@keyframes canvas-hint-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.canvas-first-use-hint{animation:none}}@media (max-width:760px){.canvas-tools{display:none}}