@font-face{font-family:GeistSans;src:url(../media/Geist_Variable-s.p.0mrjj4bg00-he.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:GeistSans Fallback;src:local(Arial);ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.0%;size-adjust:106.28%}.geistsans_d5a4f12f-module__Ur3q_a__className{font-family:GeistSans,GeistSans Fallback}.geistsans_d5a4f12f-module__Ur3q_a__variable{--font-geist-sans:"GeistSans", "GeistSans Fallback"}
:root{--bg:#0c0d0f;--panel:#131417;--panel-raised:#18191d;--panel-hover:#1d1f23;--line:#ffffff13;--line-strong:#ffffff21;--text:#f4f2ed;--muted:#8c8f95;--faint:#62656b;--accent:#ff6b55;--accent-bright:#ff806d;--success:#59d6a8}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-geist-sans), ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;-webkit-font-smoothing:antialiased;margin:0;font-size:14px;overflow-x:hidden}button,input,select{font:inherit}button{color:inherit}button:disabled{cursor:default;opacity:.4}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}.studio-shell{background:#0d0e10;grid-template-rows:64px minmax(0,1fr);height:100vh;min-height:100vh;display:grid}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#0d0e10f5;justify-content:space-between;align-items:center;gap:24px;padding:0 18px 0 20px;display:flex;position:relative}.brand-lockup{align-items:center;gap:12px;min-width:0;display:flex}.brand-logo{border-radius:7px;align-items:center;padding:4px 2px;display:flex}.brand-logo img{width:100px;height:auto;display:block}.brand-logo:hover{opacity:.82}.brand-title{color:var(--muted);letter-spacing:.01em;border-left:1px solid var(--line-strong);white-space:nowrap;padding-left:12px;font-size:12px;font-weight:560}.topbar-actions{flex:none;align-items:center;gap:9px;min-width:0;display:flex}.history-actions{border-right:1px solid var(--line);align-items:center;gap:4px;padding-right:9px;display:flex}.icon-button,.copy-button{color:#b9bbc0;border:1px solid var(--line);cursor:pointer;background:#17181b;border-radius:9px;place-items:center;width:36px;height:36px;padding:0;display:grid}.icon-button:hover,.copy-button:hover{color:#fff;border-color:var(--line-strong);background:#202125}.icon-button:disabled{color:#51535a;opacity:.55}.shortcut-button[aria-expanded=true]{color:#fff;background:#ff6b551a;border-color:#ff6b556b}.shortcuts-popover{z-index:80;border:1px solid var(--line-strong);background:#17181c;border-radius:13px;width:min(310px,100vw - 24px);padding:14px;position:fixed;top:56px;right:18px;box-shadow:0 20px 60px #0000007a}.shortcuts-heading{justify-content:space-between;align-items:center;gap:12px;padding:0 2px 10px;display:flex}.shortcuts-heading strong{font-size:12px;font-weight:640}.shortcuts-heading button{width:26px;height:26px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;padding:0;display:grid}.shortcuts-heading button:hover{color:#fff;background:#ffffff12}.shortcuts-popover dl{gap:0;margin:0;display:grid}.shortcuts-popover dl>div{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;min-height:35px;display:flex}.shortcuts-popover dt{color:#c7c7c4;font-size:10px}.shortcuts-popover dd{align-items:center;gap:3px;margin:0;display:flex}.shortcuts-popover kbd{border:1px solid var(--line-strong);color:#d8d7d3;min-width:21px;height:21px;font:600 9px/1 var(--font-geist-sans), sans-serif;background:#222329;border-bottom-color:#ffffff38;border-radius:5px;place-items:center;padding:0 5px;display:grid;box-shadow:0 1px #08090a}.export-group{color:#15161a;background:#f4f2ed;border-radius:12px;align-items:center;height:42px;padding:3px;display:flex;box-shadow:0 8px 24px #00000038}.export-group select{color:#55565a;cursor:pointer;background:0 0;border:0;height:34px;padding:0 6px 0 9px;font-size:12px;font-weight:600}.export-group .format-select{border-left:1px solid #15161a1f;padding-left:8px}.export-group .copy-button{color:#424348;background:#dfddd7;border:0;width:34px;height:34px}.export-group .copy-button:hover{color:#111;background:#d4d1ca}.export-button{color:#15161a;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:7px;height:34px;padding:0 13px;font-weight:650;display:flex}.export-button:hover:not(:disabled){background:#e6e3dd}.export-button:disabled{opacity:.5}.spinner{border:2px solid #b3b0aa;border-top-color:#191a1d;border-radius:50%;width:15px;height:15px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.workspace{grid-template-columns:328px minmax(0,1fr);width:100%;min-width:0;min-height:0;display:grid}.controls-panel{z-index:10;border-right:1px solid var(--line);background:var(--panel);grid-template-rows:auto minmax(0,1fr) auto;width:100%;min-width:0;min-height:0;display:grid;position:relative}.panel-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:10px 6px 8px;display:grid}.panel-tabs button{width:100%;min-width:0;height:46px;color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:3px 1px;font-size:9px;font-weight:570;display:flex}.panel-tabs button svg{flex:none;width:15px;height:15px}.panel-tabs button:hover{color:#d8d8d8;background:#ffffff09}.panel-tabs button.active{color:var(--text);background:#242529;box-shadow:inset 0 1px #ffffff0a}.panel-scroll{overscroll-behavior-x:none;scrollbar-width:thin;scrollbar-color:#34363b transparent;min-width:0;min-height:0;overflow:hidden auto}.control-section{border-bottom:1px solid var(--line);min-width:0;max-width:100%;padding:18px 16px}.upload-section{padding-top:15px}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.section-heading>div{gap:3px;display:grid}.section-heading span{color:#d8d8d8;font-size:12px;font-weight:620}.section-heading small{color:var(--faint);font-size:11px}.heading-icon{color:var(--accent-bright)}.text-button{color:var(--accent-bright);cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:11px;font-weight:620}.text-button:disabled{color:var(--faint);opacity:1}.text-button.subdued{color:var(--muted)}.text-button.subdued:hover{color:#d6d6d4}.section-heading>.section-actions{align-items:center;gap:10px;display:flex}.empty-hint{border:1px dashed var(--line-strong);color:var(--faint);border-radius:10px;align-items:flex-start;gap:7px;margin:0;padding:11px;font-size:11px;line-height:1.45;display:flex}.empty-hint svg{color:var(--accent-bright);flex:none;margin-top:1px}.source-list{gap:6px;display:grid}.source-row{border:1px solid var(--line);background:var(--panel-raised);border-radius:9px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;padding:6px;display:grid}.source-row-thumb{background:#090a0c;border-radius:5px;width:38px;height:28px;position:relative;overflow:hidden}.source-row-thumb img{object-fit:cover}.source-row-meta{gap:2px;min-width:0;display:grid}.source-row-meta strong,.source-row-meta small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.source-row-meta strong{color:#dad9d6;font-size:10px;font-weight:600}.source-row-meta small{color:var(--faint);font-size:9px}.source-row-actions{align-items:center;gap:2px;display:flex}.source-row-actions button{width:23px;height:23px;color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.source-row-actions button:hover:not(:disabled){color:#fff;background:#ffffff12}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.template-card{border:1px solid var(--line);background:var(--panel-raised);text-align:left;cursor:pointer;border-radius:11px;gap:7px;min-width:0;padding:6px;display:grid}.template-card:hover{border-color:var(--line-strong);background:var(--panel-hover)}.template-card:hover .template-thumb{transform:translateY(-1px)}.template-thumb{aspect-ratio:16/10;border-radius:7px;place-items:center;transition:transform .16s;display:grid;position:relative;overflow:hidden}.template-shot{background:#16181d;border:1px solid #ffffff57;border-radius:3px;display:block;box-shadow:0 5px 10px #0000006b}.tilt-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.tilt-preset{border:1px solid var(--line);background:var(--panel-raised);min-width:0;color:var(--muted);cursor:pointer;border-radius:9px;gap:5px;padding:6px;display:grid}.tilt-preset:hover{border-color:var(--line-strong);background:var(--panel-hover)}.tilt-preset.selected{color:#dedddb;border-color:#ff6b55b8;box-shadow:0 0 0 2px #ff6b551a}.tilt-preset-thumb{aspect-ratio:16/11;perspective:200px;background:linear-gradient(135deg,#23262e,#101216);border-radius:6px;place-items:center;display:grid;overflow:hidden}.tilt-preset-thumb .template-shot{width:62%;height:58%}.tilt-preset small{text-align:center;font-size:9px}.template-shot.shot-inset{width:52%;height:46%}.template-shot.shot-balanced{width:64%;height:56%}.template-shot.shot-hero{width:76%;height:64%}.template-meta{gap:2px;padding:0 2px 2px;display:grid}.template-meta strong{color:#dedddb;font-size:11px;font-weight:600}.template-meta small{color:var(--faint);font-size:9px}.saved-presets-section{background:#ffffff03}.preset-save-form{grid-template-columns:minmax(0,1fr) auto auto;gap:6px;margin-bottom:10px;display:grid}.preset-save-form input{border:1px solid var(--line-strong);color:#e7e6e2;background:#0f1012;border-radius:8px;min-width:0;height:34px;padding:0 10px;font-size:11px}.preset-save-form button{color:#15161a;cursor:pointer;background:#f4f2ed;border:0;border-radius:8px;height:34px;padding:0 11px;font-size:10px;font-weight:650}.preset-save-form button:hover:not(:disabled){background:#e3e0d9}.preset-save-form .cancel-preset{width:34px;color:var(--muted);border:1px solid var(--line);background:var(--panel-raised);place-items:center;padding:0;display:grid}.preset-save-form .cancel-preset:hover{color:#fff;background:var(--panel-hover)}.saved-preset-list{gap:7px;display:grid}.saved-preset{border:1px solid var(--line);background:var(--panel-raised);border-radius:10px;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:4px;min-width:0;padding:4px;display:grid}.saved-preset:hover{border-color:var(--line-strong);background:var(--panel-hover)}.saved-preset-apply{color:#dfdedb;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:9px;min-width:0;padding:2px;display:grid}.saved-preset-apply>span:last-child{gap:2px;min-width:0;display:grid}.saved-preset-apply strong,.saved-preset-apply small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.saved-preset-apply strong{font-size:11px;font-weight:600}.saved-preset-apply small{color:var(--faint);font-size:9px}.saved-preset-swatch{border-radius:6px;width:36px;height:30px;box-shadow:inset 0 0 0 1px #ffffff1a}.saved-preset-delete{width:28px;height:28px;color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;padding:0;display:grid}.saved-preset-delete:hover{color:#f2d2cc;background:#ff6b551a}.swatch-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.swatch{aspect-ratio:1;color:#fff;cursor:pointer;border:2px solid #0000;border-radius:10px;place-items:center;padding:0;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff14}.swatch:hover{transform:translateY(-1px)}.swatch.selected{box-shadow:0 0 0 2px var(--panel), 0 0 0 3px #ffffff2e;border-color:#f6f4ef}.custom-swatch{background:conic-gradient(#ff765f,#ffce63,#78e2b3,#67bfff,#a978ff,#ff765f);overflow:hidden}.custom-swatch input{opacity:0;cursor:pointer;width:calc(100% + 20px);height:calc(100% + 20px);position:absolute;inset:-10px}.custom-swatch span{z-index:1;pointer-events:none;background:#00000073;border-radius:50%;place-items:center;width:22px;height:22px;font-size:16px;line-height:1;display:grid;position:relative}.transparent-swatch{color:#15161a;background-color:#f5f5f3;background-image:linear-gradient(45deg,#c8c9cb 25%,#0000 25%),linear-gradient(-45deg,#c8c9cb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#c8c9cb 75%),linear-gradient(-45deg,#0000 75%,#c8c9cb 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.option-grid{gap:7px;display:grid}.four-up{grid-template-columns:repeat(4,1fr)}.option-grid button{border:1px solid var(--line);min-width:0;height:58px;color:var(--muted);background:var(--panel-raised);cursor:pointer;border-radius:9px;align-content:center;place-items:center;gap:6px;padding:6px 2px;display:grid}.option-grid button span{font-size:10px}.option-grid button:hover{color:#dedede;background:var(--panel-hover)}.option-grid button.selected{color:#fff;background:#ff6b551a;border-color:#ff6b55a6;box-shadow:inset 0 0 0 1px #ff6b551f}.frame-group-label{color:var(--faint);letter-spacing:.06em;text-transform:uppercase;margin:13px 0 7px;font-size:9px;font-weight:650;display:block}.frame-group-label:first-of-type{margin-top:0}.frame-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.frame-grid button{min-width:0;color:var(--faint);cursor:pointer;background:0 0;border:0;gap:6px;padding:0;font-size:9px;display:grid}.frame-grid button>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.frame-grid button:hover{color:#cfd0d2}.frame-grid button.selected{color:#fff}.frame-preview{aspect-ratio:1.32;border:1px solid var(--line);background:#0e0f12;border-radius:9px;width:100%;display:block;position:relative;overflow:hidden}.frame-preview i,.frame-preview b{display:block;position:absolute}.frame-grid button:hover .frame-preview{border-color:var(--line-strong)}.frame-grid button.selected .frame-preview{border-color:#ff6b55b8;box-shadow:0 0 0 2px #ff6b551a}.preview-safari i,.preview-chrome i{background:#d9dde0;border-radius:3px;inset:17% 8% 9%;box-shadow:0 5px 10px #0000004d}.preview-safari i:before,.preview-chrome i:before{content:"";background:#f4f2ef;border-bottom:1px solid #00000014;border-radius:3px 3px 0 0;height:22%;position:absolute;inset:0 0 auto}.preview-safari i:after{content:"";background:#d8d6d2;border-radius:99px;width:42%;height:7%;position:absolute;top:7%;left:29%}.preview-chrome i:before{background:linear-gradient(#dedbd6 0 44%,#f3f1ee 44%);height:34%}.preview-dark i{background:#25272c}.preview-dark i:before{background:#17181c;border-color:#ffffff0f}.preview-chrome.preview-dark i:before{background:linear-gradient(#202126 0 44%,#17181c 44%)}.preview-arc i{background:#f5f4f8;border-radius:5px;inset:10%;box-shadow:inset 4px 4px #9a74ff57}.preview-arc.preview-dark i{background:#17181f;box-shadow:inset 4px 4px #ab89ff73}.preview-macbook-pro i,.preview-macbook-air i{background:#0d0d0d;border:2px solid #777b7e;border-radius:4px;width:84%;height:68%;top:10%;left:8%}.preview-macbook-pro i:before,.preview-macbook-air i:before{content:"";background:linear-gradient(135deg,#536fdc,#0b1335 66%);border-radius:2px;position:absolute;inset:5% 3% 9%}.preview-macbook-air i{border-color:#b8bdc1}.preview-macbook-air i:before{background:linear-gradient(135deg,#76d7e7,#244c85 66%);inset:9% 4% 12%}.preview-macbook-pro i:after{content:"";z-index:2;background:#0d0d0d;border-radius:0 0 3px 3px;width:12%;height:7%;position:absolute;top:4%;left:44%}.preview-macbook-pro b,.preview-macbook-air b{background:radial-gradient(circle at 50% 0,#e4e5e6 0 16%,#9da1a4 55%,#5c6164 100%);border-radius:1px 1px 7px 7px;height:10%;bottom:14%;left:0;right:0;box-shadow:inset 0 -2px 4px #0006}.preview-macbook-air b{border-radius:1px 1px 8px 8px;height:6%;bottom:18%}.preview-macbook-pro b:after,.preview-macbook-air b:after{content:"";background:#ffffff47;border-radius:0 0 3px 3px;width:16%;height:35%;position:absolute;top:0;left:42%}.preview-imac i,.preview-pro-display i{background:linear-gradient(#edeef0 0 84%,#b4c7da 84%);border:2px solid #d4d5d7;border-radius:4px;width:86%;height:63%;top:6%;left:7%}.preview-imac i:before,.preview-pro-display i:before{content:"";background:linear-gradient(135deg,#e1b4ff,#7863dd 58%,#263285);border-radius:1px;position:absolute;inset:5% 2.5% 18%}.preview-imac i:after,.preview-pro-display i:after{content:"";aspect-ratio:1;background:#111317;border-radius:50%;width:2%;position:absolute;top:2%;left:49%}.preview-pro-display i{background:#151515;border-color:#d4d5d7;height:58%}.preview-pro-display i:before{background:linear-gradient(135deg,#ff68aa,#4a56cb 58%,#0c122f);inset:3% 1.5%}.preview-imac b,.preview-pro-display b{background:linear-gradient(90deg,#94abc2,#dbe4ec,#94abc2);width:20%;height:25%;bottom:10%;left:40%}.preview-pro-display b{background:linear-gradient(90deg,#9fa1a3,#e2e3e4,#9fa1a3);bottom:7%}.preview-imac b:after,.preview-pro-display b:after{content:"";background:inherit;border-radius:2px;height:7%;position:absolute;bottom:0;left:0;right:0}.preview-floating i{background:#ffffff24;border:1px solid #ffffff80;border-radius:5px;inset:15% 11%;box-shadow:0 7px 12px #00000059}.preview-none i{background:#292b31;border-radius:4px;inset:15% 11%}.minimal-frame-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field{color:var(--faint);gap:6px;margin-top:11px;font-size:11px;display:grid}.field input{border:1px solid var(--line);color:#dcdbd7;background:#0f1012;border-radius:8px;height:32px;padding:0 10px;font-size:11px}.field input:hover{border-color:var(--line-strong)}.segment-control{background:#0f1012;border-radius:9px;grid-template-columns:repeat(3,1fr);gap:2px;padding:3px;display:grid}.segment-control.two-up{grid-template-columns:repeat(2,1fr)}.segment-control button{height:31px;color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:7px;font-size:11px}.segment-control button:hover{color:#c4c5c7}.segment-control button.selected{color:#fff;background:#292a2f;box-shadow:0 1px 4px #00000047}.dialog-veil{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0607099e;place-items:center;display:grid;position:fixed;inset:0}.dialog{border:1px solid var(--line-strong);background:var(--panel);border-radius:14px;gap:14px;width:min(92vw,340px);padding:18px;display:grid;box-shadow:0 24px 60px #00000080}.dialog>strong{font-size:14px;font-weight:640}.dialog .segment-control{grid-template-columns:repeat(2,1fr)}.dialog .segment-control button{text-transform:capitalize;font-size:10px}.dialog-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.dialog-primary{background:var(--accent);color:#15161a;cursor:pointer;border:0;border-radius:9px;height:34px;padding:0 14px;font-weight:650}.dialog-primary:hover{background:var(--accent-bright)}.text-overlay-layer{z-index:6;pointer-events:none;position:absolute;inset:0;overflow:hidden}.text-overlay-layer.is-interactive .text-overlay{pointer-events:auto;cursor:grab}.text-overlay{white-space:pre;letter-spacing:-.01em;-webkit-user-select:none;user-select:none;line-height:1.2;position:absolute}.text-overlay.is-selected{outline-offset:6px;outline:1.5px dashed #fffc}.redaction-overlay-layer{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:hidden}.redaction-overlay-layer.is-interactive .redaction-overlay{pointer-events:auto;cursor:grab}.redaction-overlay{-webkit-user-select:none;user-select:none;border:0;border-radius:2px;min-width:8px;min-height:4px;padding:0;position:absolute;box-shadow:inset 0 0 0 1px #ffffff14}.redaction-overlay.is-selected{outline-offset:5px;outline:1.5px dashed #ffffffdb}.overlay-list{gap:6px;display:grid}.overlay-row{border:1px solid var(--line);background:var(--panel-raised);border-radius:9px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding:4px 4px 4px 8px;display:grid}.overlay-row.selected{border-color:#ff6b55b8;box-shadow:0 0 0 2px #ff6b551a}.overlay-row-label{text-overflow:ellipsis;white-space:nowrap;text-align:left;color:#dad9d6;cursor:pointer;background:0 0;border:0;min-width:0;font-size:11px;overflow:hidden}.overlay-row-actions{align-items:center;gap:2px;display:flex}.overlay-row-actions button{width:23px;height:23px;color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.overlay-row-actions button:hover:not(:disabled){color:#fff;background:#ffffff12}.overlay-editor{gap:12px;margin-top:12px;display:grid}.overlay-editor .slider-stack{margin-top:0}.overlay-text-field{color:#aaa;gap:6px;font-size:10px;display:grid}.overlay-text-field textarea{resize:vertical;border:1px solid var(--line-strong);color:#e7e6e2;width:100%;min-height:44px;font:inherit;background:#0f1012;border-radius:8px;padding:8px 10px;font-size:12px}.background-effects-section,.synthesis-section{background:#ffffff03}.synthesis-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.synthesis-grid button{min-width:0;color:var(--faint);cursor:pointer;background:0 0;border:0;gap:5px;padding:0;display:grid}.synthesis-grid button>span{aspect-ratio:1.28;border:1px solid var(--line);background-position:50%;background-size:cover;border-radius:8px;display:block}.synthesis-grid button small{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.synthesis-grid button:hover{color:#cdced0}.synthesis-grid button:hover>span{border-color:var(--line-strong)}.synthesis-grid button.selected{color:#fff}.synthesis-grid button.selected>span{border-color:#ff6b55b8;box-shadow:0 0 0 2px #ff6b551a}.template-color-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.template-color-row>label,.template-color-cell{color:#aaa;justify-content:flex-start;align-items:center;gap:8px;font-size:9px;display:flex}.glow-controls{gap:12px;margin-top:14px;display:grid}.glow-controls .slider-stack{margin-top:0}.color-input-shell.compact-color{width:44px;min-width:44px;padding:0 8px}.effect-sliders{margin-top:0}.shape-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.shape-grid button{min-width:0;color:var(--faint);cursor:pointer;background:0 0;border:0;gap:5px;padding:0;display:grid}.shape-grid button>span{aspect-ratio:1.2;border:1px solid var(--line);background-position:50%;background-size:cover;border-radius:8px;display:block}.shape-grid button small{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.shape-grid button:hover{color:#cdced0}.shape-grid button:hover>span{border-color:var(--line-strong)}.shape-grid button.selected{color:#fff}.shape-grid button.selected>span{border-color:#ff6b55b8;box-shadow:0 0 0 2px #ff6b551a}.shape-color-field{color:#aaa;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;font-size:10px;display:flex}.color-input-shell{border:1px solid var(--line);background:#0f1012;border-radius:8px;align-items:center;gap:7px;min-width:104px;height:30px;padding:0 9px;display:flex;position:relative}.color-input-shell i{border-radius:4px;width:13px;height:13px;box-shadow:inset 0 0 0 1px #ffffff47}.color-input-shell strong{color:#d6d5d2;font-variant-numeric:tabular-nums;font-size:9px;font-weight:560}.color-input-shell input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}button.color-input-shell{cursor:pointer;font:inherit}button.color-input-shell:hover{border-color:var(--line-strong)}.color-field{display:inline-flex;position:relative}.color-popover{z-index:60;border:1px solid var(--line-strong);background:var(--panel-raised);border-radius:11px;gap:10px;width:208px;padding:10px;display:grid;position:fixed;box-shadow:0 18px 44px #00000080}.color-sv{cursor:crosshair;touch-action:none;border-radius:8px;width:100%;height:120px;position:relative;box-shadow:inset 0 0 0 1px #ffffff14}.color-sv-knob{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000080,0 1px 3px #00000080}.color-hue{cursor:pointer;touch-action:none;background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);border-radius:99px;width:100%;height:12px;position:relative}.color-hue-knob{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000080}.color-swatch-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.color-swatch-cell{aspect-ratio:1;cursor:pointer;border:1px solid #ffffff38;border-radius:5px;width:100%;padding:0;box-shadow:inset 0 0 0 1px #00000040}.color-swatch-cell:hover{transform:translateY(-1px)}.color-swatch-cell.selected{outline:2px solid var(--accent-bright);outline-offset:1px}.color-hex-row{border:1px solid var(--line);background:#0f1012;border-radius:8px;align-items:center;gap:6px;height:30px;padding:0 10px;display:flex}.color-hex-hash{color:var(--faint);font-size:12px}.color-hex-input{color:#e7e6e2;letter-spacing:.05em;font-variant-numeric:tabular-nums;background:0 0;border:0;flex:1;min-width:0;font-size:12px}.color-hex-input:focus{outline:none}.shadow-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.shadow-grid button{min-width:0;color:var(--faint);cursor:pointer;background:0 0;border:0;gap:6px;padding:0;font-size:9px;display:grid}.shadow-grid button:hover{color:#c7c8ca}.shadow-grid button.selected{color:#fff}.shadow-grid button:disabled{color:var(--faint);opacity:.42;cursor:not-allowed}.shadow-grid button:disabled:hover{color:var(--faint)}.shadow-preview{aspect-ratio:1.25;border:1px solid var(--line);background:#292a2f;border-radius:9px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.shadow-preview:after{content:"";border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff09}.shadow-preview i{background:#f1f0ec;border-radius:5px;width:58%;height:52%;display:block}.shadow-grid button:hover .shadow-preview{border-color:var(--line-strong)}.shadow-grid button.selected .shadow-preview{border-color:#ff6b55b3;box-shadow:0 0 0 2px #ff6b551c}.shadow-opacity{margin-top:14px}.shadow-opacity.is-disabled{opacity:.42}.ratio-grid{grid-template-columns:repeat(6,1fr);gap:5px;display:grid}.ratio-grid button{border:1px solid var(--line);color:#a2a4a9;background:var(--panel-raised);cursor:pointer;border-radius:8px;align-content:center;place-items:center;gap:3px;min-width:0;height:53px;padding:4px 1px;display:grid}.ratio-grid button span{font-size:10px;font-weight:620}.ratio-grid button small{color:var(--faint);font-size:8px}.ratio-grid button.selected{color:#fff;background:#ff6b551a;border-color:#ff6b559e}.ratio-grid button.selected small{color:#cf9289}.custom-size-fields{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:8px;margin-top:12px;display:grid}.custom-size-fields>span{color:var(--faint);padding-bottom:9px}.custom-size-fields label{min-width:0;color:var(--faint);gap:5px;font-size:9px;display:grid}.custom-size-fields input{border:1px solid var(--line-strong);color:#e3e2de;font-variant-numeric:tabular-nums;background:#0f1012;border-radius:8px;width:100%;min-width:0;height:34px;padding:0 8px;font-size:11px}.export-summary{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:3px 12px;margin-top:12px;padding-top:12px;display:grid}.export-summary span{color:var(--faint);font-size:9px}.export-summary strong{color:#e4e3df;font-variant-numeric:tabular-nums;font-size:10px;font-weight:620}.export-summary small{color:var(--faint);grid-column:1/-1;font-size:9px}.export-name-field,.export-quality-field{margin-top:14px}.control-note{color:var(--faint);margin:10px 0 0;font-size:9px;line-height:1.45}.secure-note{color:#8d9096}.layout-list{gap:7px;display:grid}.layout-list button{border:1px solid var(--line);color:#aaa;background:var(--panel-raised);text-align:left;cursor:pointer;border-radius:9px;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:10px;height:46px;padding:5px 9px 5px 5px;font-size:11px;display:grid}.layout-list button:hover{background:var(--panel-hover)}.layout-list button.selected{color:#fff;background:#ff6b5514;border-color:#ff6b558c}.layout-preview{background:linear-gradient(135deg,#ff8b68,#72235a);border-radius:6px;place-items:center;width:54px;height:34px;display:grid}.layout-preview i{background:#17181d;border:1px solid #ffffff47;display:block;box-shadow:0 4px 7px #00000040}.preview-inset i{width:29px;height:18px}.preview-balanced i{width:37px;height:22px}.preview-hero i{width:45px;height:27px}.slider-stack{gap:8px;margin-top:12px;display:grid}.slider-section{gap:10px;display:grid}.slider-stack label,.slider-section label{color:#aaa;justify-content:space-between;align-items:center;font-size:11px;display:flex}.slider-stack label:not(:first-child),.slider-section label:not(:first-child){margin-top:7px}.slider-stack label strong,.slider-section label strong{color:#e0dfdb;font-variant-numeric:tabular-nums;font-size:10px;font-weight:550}input[type=range]{width:100%;height:4px;accent-color:var(--accent);cursor:pointer;border-radius:99px}input[type=range]:disabled{cursor:default;opacity:.35}.focal-field{gap:8px;display:grid}.focal-caption{color:#aaa;justify-content:space-between;align-items:center;font-size:11px;display:flex}.focal-caption small{color:var(--faint);font-size:10px}.focal-pad{border:1px solid var(--line-strong);cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;background:#0d0e11;border-radius:10px;position:relative;overflow:hidden}.focal-pad img{opacity:.55;pointer-events:none}.focal-pad:after{content:"";pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0d}.focal-pad.is-disabled{cursor:default;opacity:.5}.focal-handle{z-index:1;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);pointer-events:none;background:#ffffff2e;border:2px solid #fff;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute;box-shadow:0 1px 6px #00000080,0 0 0 1px #00000059}.focal-pad.is-disabled .focal-handle{border-color:#fff9}.motion-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.motion-preset-grid>button{border:1px solid var(--line);min-width:0;color:var(--muted);background:var(--panel-raised);text-align:left;cursor:pointer;border-radius:11px;gap:7px;padding:6px;display:grid;position:relative}.motion-preset-grid>button:hover{color:#dedede;border-color:var(--line-strong);background:var(--panel-hover)}.motion-preset-grid>button.selected{color:#fff;background:#ff6b5514;border-color:#ff6b55a6;box-shadow:inset 0 0 0 1px #ff6b551a}.motion-preset-grid>button>span:last-of-type{gap:2px;min-width:0;padding:0 2px 2px;display:grid}.motion-preset-grid strong{font-size:10px;font-weight:620}.motion-preset-grid small{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.motion-preset-grid em{color:#d6d2ff;letter-spacing:.05em;text-transform:uppercase;background:#8570ff2e;border-radius:5px;padding:2px 5px;font-size:7px;font-style:normal;font-weight:680;position:absolute;top:10px;right:10px}.motion-preset-preview{aspect-ratio:16/9;background:radial-gradient(circle at 24% 18%,#944d5a,#3a1738 46%,#11131a);border-radius:7px;display:block;position:relative;overflow:hidden}.motion-preset-preview i{transform-origin:50% 70%;background:linear-gradient(145deg,#f4f1ea 0 20%,#b8c4d3 20% 100%);border:1px solid #ffffff6b;border-radius:3px;width:56%;height:58%;display:block;position:absolute;top:21%;left:22%;box-shadow:0 5px 12px #00000059}.motion-preset-preview i:nth-child(2){opacity:.66;background:linear-gradient(145deg,#1d222d 0 20%,#668ad4 20% 100%)}.motion-preset-preview i:nth-child(3){opacity:.5;background:linear-gradient(145deg,#201e29 0 20%,#bf6e96 20% 100%)}.motion-preview-still i:not(:first-child),.motion-preview-settle i:not(:first-child),.motion-preview-push i:not(:first-child){display:none}.motion-preview-settle i:first-child{transform:perspective(140px)rotateX(8deg)rotateY(-12deg)}.motion-preview-push i:first-child{width:68%;height:68%;top:16%;left:16%}.motion-preview-orbit i:first-child{transform:translate(-30%)perspective(120px)rotateY(-34deg)scale(.78)}.motion-preview-orbit i:nth-child(2){transform:translate(30%)perspective(120px)rotateY(34deg)scale(.78)}.motion-preview-orbit i:nth-child(3){z-index:2}.motion-preview-fan i:first-child{transform:translate(-25%)rotate(-10deg)scale(.76)}.motion-preview-fan i:nth-child(2){transform:translate(25%)rotate(10deg)scale(.76)}.motion-preview-fan i:nth-child(3){z-index:2}.motion-preview-cascade i:first-child{transform:translate(-28%,-18%)scale(.72)}.motion-preview-cascade i:nth-child(2){transform:translate(0)scale(.78)}.motion-preview-cascade i:nth-child(3){transform:translate(28%,18%)scale(.72)}.motion-preview-carousel i:first-child{transform:translate(-36%)perspective(120px)rotateY(-35deg)scale(.68)}.motion-preview-carousel i:nth-child(2){z-index:2;transform:scale(.84)}.motion-preview-carousel i:nth-child(3){transform:translate(36%)perspective(120px)rotateY(35deg)scale(.68)}.loop-toggle{color:#cac9c6;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;margin-top:17px;display:flex;position:relative}.loop-toggle>span{gap:2px;display:grid}.loop-toggle strong{font-size:10px;font-weight:600}.loop-toggle small{color:var(--faint);font-size:8px}.loop-toggle input{opacity:0;position:absolute}.loop-toggle>i{width:32px;height:18px;box-shadow:inset 0 0 0 1px var(--line-strong);background:#2c2e33;border-radius:99px;flex:none;transition:background .16s;position:relative}.loop-toggle>i:after{content:"";background:#8d9096;border-radius:50%;width:12px;height:12px;transition:transform .16s cubic-bezier(.16,1,.3,1),background .16s;position:absolute;top:3px;left:3px}.loop-toggle input:checked+i{background:#ff6b5547;box-shadow:inset 0 0 0 1px #ff6b557a}.loop-toggle input:checked+i:after{background:var(--accent-bright);transform:translate(14px)}.loop-toggle input:focus-visible+i{outline:2px solid var(--accent-bright);outline-offset:2px}.motion-export-note{color:var(--accent-bright);background:#ff6b5506;align-items:flex-start;gap:9px;display:flex}.motion-export-note p{gap:3px;margin:0;display:grid}.motion-export-note strong{color:#deddda;font-size:10px;font-weight:620}.motion-export-note span{color:var(--faint);font-size:9px;line-height:1.4}.privacy-note{color:#777a80;border-top:1px solid var(--line);background:#111216;align-items:center;gap:7px;padding:12px 16px;font-size:9px;line-height:1.35;display:flex}.privacy-note svg{color:var(--success);flex:none}.canvas-stage{background:#090a0b;grid-template-rows:46px minmax(0,1fr) 58px;grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.canvas-stage:before{content:"";pointer-events:none;opacity:.42;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.stage-toolbar{z-index:2;width:100%;min-width:0;color:var(--faint);border-bottom:1px solid #ffffff09;justify-content:space-between;align-items:center;gap:14px;padding:0 18px;font-size:10px;display:flex;position:relative}.stage-label,.stage-hint{align-items:center;gap:7px;display:flex}.stage-actions{align-items:center;gap:6px;min-width:0;margin-left:auto;display:flex}.live-dot{background:var(--success);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #59d6a81a}.canvas-wrap{z-index:1;place-items:center;min-height:0;padding:28px 34px 18px;display:grid;position:relative}.artboard{border-radius:7px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 2px #ffffff14,0 30px 90px #00000052}.artboard.is-transparent{background-color:#f4f4f2;background-image:linear-gradient(45deg,#c8c9cc 25%,#0000 25%),linear-gradient(-45deg,#c8c9cc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#c8c9cc 75%),linear-gradient(-45deg,#0000 75%,#c8c9cc 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.artboard.is-original{background:#111318}.original-preview{z-index:5;place-items:center;padding:4%;display:grid;position:absolute;inset:0}.original-preview img{object-fit:contain;width:100%;height:100%;display:block}.artboard-background{z-index:0;pointer-events:none;transform-origin:50%;position:absolute;inset:0}.artboard-template{z-index:1;pointer-events:none;transform-origin:50%;width:100%;height:100%;position:absolute;inset:0}.artboard-shapes{z-index:2;pointer-events:none;background-position:50%;background-size:cover;position:absolute;inset:0}.artboard-noise{z-index:3;pointer-events:none;mix-blend-mode:soft-light;background-size:48px 48px;position:absolute;inset:0}.artboard:after{content:"";z-index:4;pointer-events:none;border-radius:inherit;border:1px solid #ffffff1a;position:absolute;inset:0;box-shadow:inset 0 0 80px #ffffff0b}.motion-deck{z-index:4;pointer-events:none;transform-style:preserve-3d;place-items:center;display:grid;position:absolute;inset:0}.motion-card{will-change:auto;backface-visibility:hidden;grid-area:1/1}.motion-deck.is-playing .motion-card{will-change:transform, opacity}.artboard-empty{z-index:4;color:#ffffffb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-align:center;cursor:pointer;background:#0a0a0e3d;border:1px dashed #ffffff57;border-radius:14px;place-items:center;gap:7px;width:min(74%,400px);padding:30px 22px;display:grid;position:relative}.artboard-empty:hover{background:#0a0a0e57;border-color:#ffffff8c}.artboard-empty-icon{background:#ffffff1f;border-radius:13px;place-items:center;width:46px;height:46px;display:grid}.artboard-empty strong{letter-spacing:-.02em;font-size:15px;font-weight:620}.artboard-empty small{color:#fff9;font-size:11px}.artboard-empty-wrap{z-index:4;place-items:center;gap:12px;width:min(74%,400px);display:grid;position:relative}.artboard-empty-wrap .artboard-empty{width:100%}.artboard-sample{color:#fffc;cursor:pointer;background:#ffffff14;border:0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:560;display:inline-flex}.artboard-sample:hover{color:#fff;background:#ffffff26}.artboard-sample svg{color:var(--accent-bright)}.stage-toggle{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:7px;align-items:center;gap:6px;padding:4px 9px;font-size:10px;font-weight:560;display:flex}.stage-toggle:hover{color:#d8d8d8;border-color:var(--line-strong);background:#ffffff0a}.stage-toggle[aria-pressed=true]{color:var(--accent-bright);border-color:#ff6b5580}.shot-frame{z-index:4;transform-style:preserve-3d;background:#111317;flex-direction:column;display:flex;position:relative;overflow:hidden}.frame-safari-light,.frame-chrome-light{background:#f3f1ed}.frame-arc-light{box-shadow:inset 0 0 0 var(--frame-pad) #a380ff3d;background:#f8f7fb}.frame-arc-dark{box-shadow:inset 0 0 0 var(--frame-pad) #ae8eff52;background:#17181f}.frame-floating{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff24;border:1px solid #ffffff80}.frame-none{background:0 0}.frame-macbook-pro,.frame-macbook-air,.frame-imac,.frame-pro-display{background:0 0;overflow:visible;border-radius:0!important}.frame-macbook-pro:before,.frame-macbook-air:before,.frame-imac:before,.frame-pro-display:before{content:"";z-index:0;left:var(--panel-x);width:var(--panel-width);height:var(--panel-height);border-radius:var(--panel-radius);background:#0d0d0d;position:absolute;top:0;box-shadow:inset 0 0 0 1px #777b7e}.frame-macbook-air:before{box-shadow:inset 0 0 0 1px #b8bdc1}.frame-imac:before{background:linear-gradient(#f7f7f5 0 87%,#afd0e7 87% 100%);box-shadow:inset 0 0 0 1px #e2e5e7,0 2px 5px #060c142e}.frame-pro-display:before{background:#151515;box-shadow:inset 0 0 0 1px #d4d5d7}.frame-imac:after,.frame-pro-display:after{content:"";z-index:3;aspect-ratio:1;background:#090a0b;border-radius:50%;width:1%;position:absolute;top:1%;left:49.5%}.frame-macbook-pro .shot-image,.frame-macbook-air .shot-image,.frame-imac .shot-image,.frame-pro-display .shot-image{z-index:1;left:var(--image-x);top:var(--image-y);position:absolute;box-shadow:inset 0 0 0 1px #121316;border-radius:var(--screen-radius)!important}.frame-macbook-pro .shot-image img,.frame-macbook-air .shot-image img,.frame-imac .shot-image img,.frame-pro-display .shot-image img{object-fit:cover}.frame-macbook-pro .shot-image{border-radius:var(--screen-radius) var(--screen-radius) 0 0!important}.frame-macbook-pro .shot-image:after{content:"";z-index:2;background:#0d0d0d;border-radius:0 0 4px 4px;width:10.6%;height:3.2%;position:absolute;top:0;left:44.7%}.browser-bar{height:var(--bar);padding-left:calc(var(--bar) * .3077);background:#17181c;flex:none;align-items:center;display:flex;position:relative}.frame-safari-light .browser-bar,.frame-chrome-light .browser-bar{background:#f3f1ed}.bar-chrome{padding-top:calc(var(--bar) * .11);background:linear-gradient(#202126 0 42%,#17181c 42%);align-items:flex-start}.frame-chrome-light .bar-chrome{background:linear-gradient(#dedbd5 0 42%,#f3f1ed 42%)}.chrome-tab{top:8%;left:calc(var(--bar) * 1.4);width:28%;max-width:calc(var(--bar) * 2.32);height:33%;padding-left:calc(var(--bar) * .28);color:#777a80;font-size:calc(var(--bar) * .105);background:#17181c;border-radius:5px 5px 0 0;align-items:center;display:flex;position:absolute}.frame-chrome-light .chrome-tab{color:#99958d;background:#f3f1ed}.traffic-lights{gap:calc(var(--bar) * .1538);display:flex}.traffic-lights i{width:calc(var(--bar) * .2308);height:calc(var(--bar) * .2308);border-radius:50%;display:block}.traffic-lights i:first-child{background:#ff605c}.traffic-lights i:nth-child(2){background:#ffbd44}.traffic-lights i:nth-child(3){background:#00ca4e}.address-bar{height:calc(var(--bar) * .4615);color:#7e828a;font-size:calc(var(--bar) * .2115);text-overflow:ellipsis;white-space:nowrap;background:#282a2f;border-radius:999px;place-items:center;line-height:1;display:grid;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.bar-chrome .address-bar{top:70%;left:calc(var(--bar) * .5);padding-left:calc(var(--bar) * .17);justify-items:start;transform:translateY(-50%)}.frame-safari-light .address-bar,.frame-chrome-light .address-bar{color:#99958d;background:#dedbd4}.shot-image{background:#090e14;flex:none;position:relative;overflow:hidden}.shot-image img{object-fit:fill;width:100%;height:100%;display:block}.device-hardware{z-index:2;pointer-events:none;width:100%;position:absolute;left:0}.device-hardware i,.device-hardware b{display:block;position:absolute}.frame-macbook-pro .device-hardware{top:var(--hardware-top);background:radial-gradient(circle at 50% 0,#e2e3e4 0 16%,#9da1a4 54%,#53585b 100%);border-radius:2px 2px 12px 12px;bottom:0;box-shadow:inset 0 -3px 8px #00000073}.frame-macbook-air .device-hardware{top:var(--hardware-top);background:linear-gradient(#e2e3e4 0 28%,#bcc0c2 29%,#72777a 100%);border-radius:2px 2px 10px 10px;bottom:0;box-shadow:inset 0 -2px 5px #00000075}.frame-macbook-pro .device-hardware i,.frame-macbook-air .device-hardware i{background:#ffffff3d;border-radius:0 0 4px 4px;width:16.2%;height:38%;top:0;left:41.9%;box-shadow:inset 0 0 3px #00000038}.frame-imac .device-hardware,.frame-pro-display .device-hardware{top:var(--panel-height);bottom:0}.frame-imac .device-hardware i,.frame-pro-display .device-hardware i{background:linear-gradient(90deg,#94abc2,#dce5ed 50%,#94abc2);width:23.8%;height:92%;top:0;left:38.1%}.frame-imac .device-hardware i{clip-path:polygon(14% 0,86% 0,100% 100%,0 100%);background:linear-gradient(90deg,#91b8d3,#d5e9f5 48%,#9dc2dc);width:13.2%;height:89.7%;left:43.4%}.frame-pro-display .device-hardware i{background:linear-gradient(90deg,#a7a9ab,#e7e7e5 50%,#a7a9ab);height:94.4%}.frame-imac .device-hardware b,.frame-pro-display .device-hardware b{background:linear-gradient(90deg,#94abc2,#dce5ed 50%,#94abc2);border-radius:2px;width:23.8%;height:6%;bottom:2%;left:38.1%;box-shadow:0 2px 2px #0003}.frame-imac .device-hardware b{background:linear-gradient(90deg,#91b8d3,#d5e9f5 48%,#9dc2dc);border-radius:7px 7px 4px 4px;width:27.5%;height:10.3%;bottom:0;left:36.25%;box-shadow:0 4px 8px #050c1438}.frame-pro-display .device-hardware b{background:linear-gradient(90deg,#a7a9ab,#e7e7e5 50%,#a7a9ab);height:5.6%;bottom:0}.stage-footer{z-index:5;background:#090a0bd1;border-top:1px solid #ffffff09;grid-template-columns:minmax(0,620px);justify-content:center;align-items:center;min-width:0;padding:8px 14px;display:grid;position:relative}.motion-transport{min-width:0;color:var(--faint);font-variant-numeric:tabular-nums;grid-template-columns:30px 40px minmax(90px,1fr) 40px;align-items:center;gap:8px;font-size:9px;display:grid}.motion-transport>span:last-child{text-align:right}.motion-transport input[type=range]{min-width:0;height:3px}.transport-play{border:1px solid var(--line-strong);color:#111216;cursor:pointer;background:#f1efe9;border-radius:8px;place-items:center;width:30px;height:30px;padding:0;display:grid}.transport-play:hover{background:#fff}.drop-overlay{z-index:30;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#0d0e10e6;border:1px dashed #ff806dcc;border-radius:12px;place-items:center;display:grid;position:absolute;inset:8px}.drop-overlay>div{color:var(--accent-bright);place-items:center;gap:9px;display:grid}.drop-overlay strong{color:#fff;letter-spacing:-.03em;font-size:18px;font-weight:630}.drop-overlay span{color:var(--muted);font-size:11px}.toast{z-index:100;color:#ebebe8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1b1c20f2;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:8px;padding:10px 10px 10px 12px;font-size:11px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #00000061}.toast>svg{color:var(--success)}.toast button{width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.toast button:hover{color:#fff;background:#ffffff12}.social-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.social-grid button{border:1px solid var(--line);color:#a4a6ab;background:var(--panel-raised);text-align:left;cursor:pointer;border-radius:9px;align-items:center;gap:8px;min-width:0;padding:8px 9px;display:flex}.social-grid button:hover{background:var(--panel-hover)}.social-grid button.selected{color:#fff;background:#ff6b5514;border-color:#ff6b558c}.social-grid button>span:last-child{min-width:0;display:grid}.social-grid strong{font-size:11px;font-weight:600}.social-grid small{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;font-size:8.5px;overflow:hidden}.social-grid button.selected small{color:#cf9289}.social-chip-mark{color:#c9cbd0;background:#ffffff0f;border-radius:7px;flex:none;place-items:center;width:24px;height:24px;display:grid}.social-grid button.selected .social-chip-mark{color:#fff;background:#ff6b5529}.social-crop-note{border:1px solid var(--line);background:#0f1012;border-radius:9px;gap:3px;margin-top:10px;padding:9px 10px;display:grid}.social-crop-note p{color:var(--muted);margin:0;font-size:10px;line-height:1.45}.social-crop-note strong{color:#e7e5e0;font-weight:620}.social-crop-note .text-button{text-align:left;justify-self:start;padding:0;font-size:10px}.social-shell{position:relative}.social-card{transform-origin:0 0;-webkit-user-select:none;user-select:none;letter-spacing:normal;width:max-content;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.4;position:absolute;top:0;left:0}.social-card p{margin:0}.social-card em{font-style:normal}.social-media{background:#0b0c0e;position:relative;overflow:hidden}.social-media>.artboard{box-shadow:none;border-radius:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.social-media .artboard:after{display:none}.social-avatar{color:#fff;background:linear-gradient(140deg,#ff8a6b,#ff4d7d 55%,#7a5cff);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:12px;font-weight:700;display:grid}.social-avatar.is-square{border-radius:8px}.social-actions{align-items:center;display:flex}.social-x{color:#e7e9ea;background:#000;border:1px solid #ffffff1a;border-radius:15px;padding:12px;box-shadow:0 26px 64px #00000085}.social-x-row{gap:12px;display:flex}.social-x-body{width:var(--media-width);gap:9px;display:grid}.social-x-meta{align-items:center;gap:5px;font-size:13px;display:flex}.social-x-meta strong{font-weight:700}.social-x-meta span,.social-x-meta em{color:#71767b}.social-x-meta em{margin-left:auto}.social-x-row p{font-size:14px}.social-x .social-media{border:1px solid #2f3336;border-radius:16px}.social-x .social-actions{color:#71767b;justify-content:space-between;width:93%;font-size:12px}.social-x .social-actions span{align-items:center;gap:6px;display:inline-flex}.social-linkedin{width:var(--media-width);color:#000000e6;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 26px 64px #00000075}.social-li-head{align-items:flex-start;gap:9px;padding:12px 12px 0;display:flex}.social-li-head>div{gap:1px;min-width:0;display:grid}.social-li-head strong{font-size:13px;font-weight:600}.social-li-head small{color:#0009;align-items:center;gap:4px;font-size:11px;display:flex}.social-li-head em{color:#0009;margin-left:auto}.social-li-text{padding:10px 12px 11px;font-size:13px}.social-li-proof{color:#0009;align-items:center;gap:6px;padding:8px 12px;font-size:11px;display:flex}.social-li-proof i,.social-li-proof b{border-radius:50%;width:15px;height:15px;box-shadow:0 0 0 1.5px #fff}.social-li-proof i{background:#378fe9}.social-li-proof b{background:#df704d;margin-left:-10px}.social-li-actions{color:#0009;border-top:1px solid #00000017;justify-content:space-between;padding:3px 8px 7px;font-size:12px;font-weight:600}.social-li-actions span{align-items:center;gap:6px;padding:7px 8px;display:inline-flex}.social-instagram{width:var(--media-width);color:#262626;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 26px 64px #00000075}.social-ig-head{align-items:center;gap:9px;padding:9px 11px;display:flex}.social-ig-ring{background:conic-gradient(from 200deg,#f9ce34,#ee2a7b,#6228d7,#f9ce34);border-radius:50%;place-items:center;padding:2px;display:grid}.social-ig-ring .social-avatar{border:2px solid #fff;width:28px;height:28px;font-size:9px}.social-ig-head strong{font-size:12.5px;font-weight:600}.social-ig-head em{margin-left:auto}.social-ig-actions{gap:14px;padding:9px 11px 5px}.social-ig-save{margin-left:auto}.social-ig-caption{gap:3px;padding:0 11px 12px;font-size:12px;display:grid}.social-ig-caption strong{font-weight:600}.social-ig-caption p strong{margin-right:4px}.social-ig-caption small{color:#8e8e8e;font-size:11.5px}.social-story-phone{background:#000;border-radius:26px;position:relative;overflow:hidden;box-shadow:0 0 0 7px #15171b,0 0 0 8px #2c2f36,0 28px 70px #0000008c}.social-story-ui{color:#fff;pointer-events:none;background:linear-gradient(#0000006b,#0000 16% 74%,#00000080);grid-template-rows:auto auto minmax(0,1fr) auto;padding:11px;font-size:11px;display:grid;position:absolute;inset:0}.social-story-bars{gap:3px;display:flex}.social-story-bars i{background:#ffffff57;border-radius:2px;flex:1;height:2.5px}.social-story-bars i.is-done{background:#fff}.social-story-bars i.is-live{background:linear-gradient(90deg,#fff 44%,#ffffff57 44%)}.social-story-head{align-items:center;gap:7px;padding-top:10px;display:flex}.social-story-head .social-avatar{width:26px;height:26px;font-size:9px}.social-story-head strong{font-size:11.5px;font-weight:600}.social-story-head span{color:#ffffffad}.social-story-head em{margin-left:auto;font-size:14px}.social-story-safe{border:1px dashed #ffffff52;border-radius:7px;margin:8px 2px}.social-story-foot{align-items:center;gap:9px;display:flex}.social-story-foot span{color:#ffffffd9;border:1px solid #ffffff80;border-radius:22px;flex:1;padding:8px 13px}.social-story-foot i{place-items:center;display:grid}.social-link{color:#d1d2d3;background:#1a1d21;border:1px solid #ffffff14;border-radius:12px;padding:14px 15px;box-shadow:0 26px 64px #00000080}.social-link-msg{gap:10px;display:flex}.social-link-body{gap:5px;width:max-content;font-size:13px;display:grid}.social-link-body>p{max-width:var(--media-width)}.social-link-meta{align-items:baseline;gap:7px;display:flex}.social-link-meta strong{color:#f5f5f5;font-size:13px;font-weight:700}.social-link-meta span{color:#9a9c9f;font-size:10.5px}.social-link-card{border-left:3px solid #4b5158;gap:5px;margin-top:4px;padding:2px 0 3px 12px;display:grid}.social-link-card>strong{color:#4ea1f3;font-size:13px;font-weight:700}.social-link-card>p{max-width:var(--media-width);color:#b6b8bb;font-size:12px}.social-link-site{color:#d1d2d3;align-items:center;gap:6px;font-size:11.5px;font-weight:600;display:flex}.social-link-site i{background:linear-gradient(140deg,#ff8a6b,#ff4d7d);border-radius:3px;width:13px;height:13px}.social-link-card .social-media{border-radius:8px;margin-top:3px}@media (max-width:900px){.studio-shell{grid-template-rows:58px auto;height:auto;min-height:100dvh}.workspace{grid-template-rows:minmax(430px,62dvh) auto;grid-template-columns:1fr}.canvas-stage{grid-row:1;grid-template-rows:40px minmax(0,1fr) 52px}.controls-panel{border-top:1px solid var(--line);border-right:0;grid-row:2;min-height:520px}.panel-scroll{overflow:hidden visible}.privacy-note,.brand-title,.stage-hint{display:none}.canvas-wrap{padding:18px 14px 10px}.stage-footer{padding-block:6px}}@media (max-width:560px){.topbar{padding:0 10px 0 12px}.brand-logo img{width:84px}.topbar-actions{margin-left:auto}.icon-button,.copy-button{display:none}.export-group{height:38px}.export-button{height:31px;padding:0 9px}.export-button span{display:none}.export-group select{height:31px;padding-inline:6px 3px;font-size:11px}.panel-tabs button{gap:3px;font-size:10px}.workspace{grid-template-rows:minmax(350px,55dvh) auto}.canvas-wrap{padding-inline:8px}.stage-actions .stage-toggle:last-child{display:none}.control-section{padding-inline:14px}.stage-footer{padding-inline:8px}.motion-transport{grid-template-columns:30px minmax(70px,1fr);gap:7px}.motion-transport>span{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}