.device{position:absolute;-webkit-user-select:none;user-select:none;touch-action:none;pointer-events:none}.device-chrome,.device-controls{pointer-events:auto}.device-chrome{position:relative;box-sizing:border-box;transform-origin:0 0;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform}.image-body-wrap,.text-body-wrap{outline:1px solid transparent;backface-visibility:hidden;-webkit-backface-visibility:hidden}@keyframes finish-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.device-chrome.finish-animated{animation:finish-shift 8s ease-in-out infinite}.device-screen{position:absolute;overflow:hidden;background:#fff;backface-visibility:hidden;-webkit-backface-visibility:hidden}.device-iframe{display:block;border:0;background:#fff;position:absolute;left:0;top:0;transform:translate3d(0,var(--scroll-top, 0px),0) scale(var(--iframe-scale, 1));transform-origin:0 0;pointer-events:none;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.device.interactive .device-iframe{pointer-events:auto}.device-screenshot{display:block;border:0;position:absolute;left:0;top:0;transform:translate3d(0,var(--scroll-top, 0px),0) scale(var(--iframe-scale, 1));transform-origin:0 0;pointer-events:none;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;image-rendering:auto}.device-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#f4f4f4;z-index:3}.device-spinner{width:32px;height:32px;border:3px solid #ccc;border-top-color:#333;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.device-error{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;text-align:center;padding:16px;background:#f8f0f0;color:#a33;font-size:13px;z-index:3}.device-iphone .device-chrome{width:430px;height:884px;background:#0b0b0b;border-radius:58px;padding:20px;box-shadow:inset 0 1px 1px #ffffff24,inset 0 -1px 1px #0006,0 2px 4px #00000073,0 30px 60px -20px #0000008c}.device-iphone .device-chrome:before{content:"";position:absolute;right:-3px;top:200px;width:4px;height:90px;background:#0b0b0b;border-radius:0 2px 2px 0}.device-iphone .device-screen{top:20px;left:20px;width:390px;height:844px;border-radius:40px}.device-iphone .device-screen:after{content:"";position:absolute;top:12px;left:50%;transform:translate(-50%);width:120px;height:32px;background:#000;border-radius:20px;z-index:5;pointer-events:none}.device-android .device-chrome{width:440px;height:943px;background:linear-gradient(#2c2d31,#1a1b1e);border-radius:40px;padding:14px;box-shadow:inset 0 1px 1px #ffffff29,inset 0 -1px 1px #0006,0 2px 4px #00000073,0 30px 60px -20px #0000008c}.device-android .device-chrome:before{content:"";position:absolute;right:-3px;top:230px;width:4px;height:70px;background:#1a1b1e;border-radius:0 2px 2px 0}.device-android .device-screen{top:14px;left:14px;width:412px;height:915px;border-radius:28px}.device-android .device-screen:after{content:"";position:absolute;top:12px;left:50%;transform:translate(-50%);width:16px;height:16px;background:#000;border-radius:50%;box-shadow:inset 0 0 0 3px #111,0 0 0 2px #00000040;z-index:5;pointer-events:none}.device-browser .device-chrome{width:1448px;height:968px;background:#dee1e6;border-radius:12px;box-shadow:inset 0 0 0 1px #0000001f,0 40px 80px -30px #0009}.device-browser .device-chrome:before{content:"";position:absolute;top:24px;left:24px;width:12px;height:12px;border-radius:50%;background:#ff5f57;box-shadow:22px 0 #febc2e,44px 0 #28c840}.device-browser .device-chrome:after{content:"";position:absolute;top:16px;left:104px;right:24px;height:28px;border-radius:14px;background:#ffffffbf;box-shadow:inset 0 0 0 1px #0000000f}.device-browser .device-screen{top:60px;left:4px;width:1440px;height:900px;border-radius:0 0 8px 8px}.device-ipad .device-chrome{width:880px;height:1240px;background:linear-gradient(#d8dadd,#b4b7bb);border-radius:38px;padding:30px;box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #0000001f,inset 0 0 0 1px #0000002e,0 2px 4px #0006,0 30px 60px -20px #0000008c}.device-ipad .device-screen{top:30px;left:30px;width:820px;height:1180px;border-radius:10px;box-shadow:0 0 0 4px #0a0a0a}.device-macbook .device-chrome{width:1410px;height:900px;padding:32px 65px 14px;background:linear-gradient(#dcdde0,#b8babe);border-radius:18px 18px 6px 6px;box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #00000026,inset 0 0 0 1px #0000002e,0 2px 4px #0006,0 40px 80px -30px #0009}.device-macbook .device-screen{top:32px;left:65px;width:1280px;height:800px;border-radius:2px;box-shadow:0 0 0 5px #0a0a0a}.device-macbook .device-chrome:after{content:"";position:absolute;left:-60px;right:-60px;bottom:-14px;height:20px;background:linear-gradient(#cfcfcf,#8a8a8a);border-radius:0 0 16px 16px;box-shadow:0 12px 20px -10px #00000080}.device-imac .device-chrome{width:2000px;height:1170px;padding:40px;background:linear-gradient(#dcdde0,#b0b2b6);border-radius:14px 14px 6px 6px;box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #00000026,inset 0 0 0 1px #0000002e,0 2px 4px #0006,0 40px 80px -30px #0009}.device-imac .device-screen{top:40px;left:40px;width:1920px;height:1080px;border-radius:2px;box-shadow:0 0 0 6px #0a0a0a}.device-imac .device-chrome:after{content:"";position:absolute;bottom:-100px;left:50%;transform:translate(-50%);width:260px;height:100px;background:linear-gradient(#d4d4d4,#9a9a9a);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}.device-imac .device-chrome:before{content:"";position:absolute;bottom:-116px;left:50%;transform:translate(-50%);width:420px;height:18px;background:linear-gradient(#e5e5e5,#9a9a9a);border-radius:8px;z-index:-1}.device-pc .device-chrome{width:1760px;height:1130px;padding:30px 40px 50px;background:#111;border-radius:10px;box-shadow:0 40px 80px -30px #0009}.device-pc .device-screen{top:30px;left:40px;width:1680px;height:1050px;border-radius:2px}.device-pc .device-chrome:after{content:"";position:absolute;bottom:-90px;left:50%;transform:translate(-50%);width:440px;height:20px;background:linear-gradient(#2a2a2a,#111);border-radius:6px}.device-pc .device-chrome:before{content:"";position:absolute;bottom:-90px;left:50%;transform:translate(-50%);width:80px;height:90px;background:linear-gradient(#2a2a2a,#111)}.device-custom .device-chrome{background:transparent;background-repeat:no-repeat;background-size:contain;box-shadow:none;filter:drop-shadow(0 24px 30px rgba(0,0,0,.45))}.device-custom .device-screen{border-radius:0;background:#fff}.device-controls{position:absolute;bottom:calc(100% + 8px);left:0;display:none;gap:8px 10px;align-items:center;flex-wrap:nowrap;overflow-x:auto;max-width:min(900px,92vw);scrollbar-width:thin;background:#111;color:#fff;padding:8px 10px;border-radius:8px;font-size:13px;line-height:1;z-index:10;box-shadow:0 8px 24px #00000080}.device-controls::-webkit-scrollbar{height:6px}.device-controls::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.device-controls>*{flex-shrink:0}.device-controls:after{content:"";position:absolute;left:0;right:0;top:100%;height:16px}.device:hover .device-controls{display:flex}.device.controls-hidden .device-controls{display:none!important}.device.controls-pinned .device-controls{display:flex;box-shadow:0 8px 24px #00000080,0 0 0 2px var(--accent)}.device-controls button{background:#222;border:1px solid #333;color:#eee;padding:4px 9px;border-radius:5px;cursor:pointer;font:inherit}.device-controls button:hover,.device-controls button.is-active{background:#2aff00;color:#111;border-color:#2aff00}.device-controls .finish-edit{display:inline-flex;gap:6px;align-items:center;padding:0 6px;border-left:1px solid #333}.device-controls .finish-edit input[type=color]{width:28px;height:22px;padding:0;border:1px solid #444;border-radius:4px;background:transparent;cursor:pointer}.device-controls .finish-edit label{display:inline-flex;align-items:center;gap:4px;color:#bbb;font-size:12px}.device-controls .rect-edit,.device-controls .rot-edit,.device-controls .size-edit,.device-controls .anim-edit{display:inline-flex;gap:6px;align-items:center;padding:0 6px;border-left:1px solid #333;border-right:1px solid #333;margin:0 2px}.device-controls .anim-edit select{background:#222;border:1px solid #444;color:#fff;padding:4px 6px;border-radius:4px;font:inherit;font-size:12px}.device-controls .anim-edit input[type=number]{width:56px;background:#222;border:1px solid #444;color:#fff;padding:4px 6px;border-radius:4px;font:inherit;font-size:12px;-moz-appearance:textfield}.device-controls .anim-edit input[type=number]::-webkit-outer-spin-button,.device-controls .anim-edit input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.device-controls .rot-edit{border-right:none}.device-controls .rect-edit label,.device-controls .rot-edit label,.device-controls .size-edit label{display:inline-flex;align-items:center;gap:4px;color:#bbb;font-size:12px}.device-controls .rect-edit input[type=number],.device-controls .rot-edit input[type=number],.device-controls .size-edit input[type=number]{width:64px;background:#222;border:1px solid #444;color:#fff;padding:4px 6px;border-radius:4px;font:inherit;font-size:13px;-moz-appearance:textfield}.device-controls .rect-edit input[type=number]::-webkit-outer-spin-button,.device-controls .rect-edit input[type=number]::-webkit-inner-spin-button,.device-controls .rot-edit input[type=number]::-webkit-outer-spin-button,.device-controls .rot-edit input[type=number]::-webkit-inner-spin-button,.device-controls .size-edit input[type=number]::-webkit-outer-spin-button,.device-controls .size-edit input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.device-controls input[type=number]:focus,.device-controls input[type=color]:focus,.device-controls select:focus{outline:1px solid #2aff00;outline-offset:0}:root{--bg: #0e0f12;--panel: #17191f;--panel-2: #1f0b3b;--border: #35215a;--text: #e8eaf0;--text-dim: #a4a9b5;--accent: #2aff00;--accent-ink: #0a0a0a}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px}#app{display:grid;grid-template-columns:var(--sn-width, 280px) 1fr;grid-template-rows:1fr auto;height:100vh;overflow:hidden}button,input,select{font:inherit;color:inherit}.sidenav{grid-row:1 / 3;grid-column:1;display:flex;flex-direction:column;background:#160431;border-right:1px solid var(--border);z-index:10;min-height:0}.sn-brand{padding:14px 14px 12px;border-bottom:1px solid var(--border);flex:0 0 auto}.brand-logo{width:100%;max-width:200px;height:auto;display:block}.sn-scroll{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;min-height:0}.sn-section{border-bottom:1px solid var(--border)}.sn-title{display:block;padding:11px 32px 11px 12px;font-size:12px;text-transform:uppercase;letter-spacing:1.2px;color:var(--text);background:#0000004d;border-left:3px solid var(--accent);cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;position:relative;font-weight:700}.sn-title::-webkit-details-marker{display:none}.sn-title:after{content:"";position:absolute;right:16px;top:50%;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-70%) rotate(-45deg);transition:transform .15s ease-out}.sn-section[open]>.sn-title:after{transform:translateY(-30%) rotate(45deg)}.sn-title:hover{color:var(--accent);background:#00000073}.sn-section[open]>.sn-title{color:var(--accent)}.sn-body{padding:12px 14px 16px;display:flex;flex-direction:column;gap:10px}.sn-body .tb-group{flex-wrap:wrap;gap:6px;align-items:center}.sn-body select,.sn-body input[type=number],.sn-body input[type=text]{background:var(--panel-2);border:1px solid var(--border);color:var(--text);padding:5px 8px;border-radius:6px;font:inherit;font-size:13px}.sn-body input[type=number]{width:72px;-moz-appearance:textfield}.sn-body select:focus,.sn-body input[type=number]:focus,.sn-body input[type=text]:focus{outline:none;border-color:var(--accent)}.sn-body select option{background:var(--panel-2);color:var(--text)}.sn-body .tb-url{flex-direction:column;align-items:stretch}.sn-body .tb-url input[type=url]{width:100%;min-width:0}.sn-body .tb-url>*{width:100%}.sn-body .tb-url .tb-btn{justify-content:center}.sn-row{display:flex;align-items:center;gap:6px;width:100%}.sn-body .tb-canvas{flex-direction:column;align-items:stretch}.sn-body .tb-canvas>select,.sn-body .tb-canvas>.tb-btn{width:100%}.sn-body .tb-canvas input[type=number]{flex:1}.sn-body input[type=range]{width:100%;min-width:0}.sn-dock{flex:0 0 auto;padding:10px 12px;border-top:1px solid var(--border);display:flex!important;flex-direction:column;gap:6px;background:#00000040}.sn-dock>.tb-btn{width:100%;justify-content:center}.sn-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.sn-tool{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px 5px;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer;font-size:14px;line-height:1;min-height:42px}.sn-tool span{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim)}.sn-tool:hover{border-color:var(--accent)}.sn-tool:hover span{color:var(--accent)}.sn-tool-danger:hover{border-color:#ff5f57}.sn-tool-danger:hover span{color:#ff5f57}.tb-group{display:flex;align-items:center;gap:6px}.tb-label{font-size:11px;text-transform:uppercase;color:var(--text-dim);letter-spacing:.8px;margin-right:4px}.tb-url input[type=url]{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:6px 10px;width:320px;color:var(--text);outline:none}.tb-url input[type=url]:focus{border-color:var(--accent)}.tb-btn{background:var(--panel-2);border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.tb-btn:hover{border-color:var(--accent);color:var(--accent)}.tb-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.tb-primary:hover{color:var(--accent-ink);background:#45ff22}.action-countdown{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:10001;pointer-events:none;font-size:clamp(120px,30vh,320px);font-weight:900;color:var(--accent);text-shadow:0 0 40px rgba(42,255,0,.5),0 8px 40px rgba(0,0,0,.8);font-variant-numeric:tabular-nums}.action-countdown.tick{animation:countdown-pop .9s ease-out both}@keyframes countdown-pop{0%{transform:scale(1.35);opacity:0}20%{transform:scale(1);opacity:1}80%{opacity:1}to{opacity:.15}}.tb-action{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:700;letter-spacing:.3px}.tb-action:hover{background:#45ff22;color:var(--accent-ink)}.tb-chip{background:var(--panel-2);border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.tb-chip em{font-style:normal;background:var(--accent);color:var(--accent-ink);font-size:11px;padding:0 5px;border-radius:999px}.tb-chip.is-on{border-color:var(--accent);color:var(--accent)}.tb-chip-custom{border-style:dashed}.tb-bg input[type=color]{width:32px;height:32px;padding:0;border:1px solid var(--border);background:transparent;border-radius:6px;cursor:pointer}.tb-scroll input[type=range],.tb-frame-opts input[type=range]{width:120px}.tb-canvas select,.tb-scroll select{background:var(--panel-2);border:1px solid var(--border);color:var(--text);padding:5px 8px;border-radius:6px}.tb-canvas input[type=number]{width:64px;background:var(--panel-2);border:1px solid var(--border);color:var(--text);padding:5px 6px;border-radius:6px;-moz-appearance:textfield}.tb-canvas input[type=number]::-webkit-outer-spin-button,.tb-canvas input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tb-x{color:var(--text-dim);font-size:12px}.tb-yt-controls,.tb-image-controls,.tb-gradient-controls{display:inline-flex;gap:6px;flex-wrap:wrap;align-items:center}.tb-yt-controls[hidden],.tb-image-controls[hidden],.tb-gradient-controls[hidden]{display:none}.tb-progress{position:relative;width:80px;height:16px;background:var(--panel-2);border:1px solid var(--border);border-radius:4px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}.tb-progress-bar{position:absolute;left:0;top:0;bottom:0;width:0%;background:var(--accent);opacity:.35;transition:width .08s linear}.tb-progress-pct{position:relative;font-size:11px;font-variant-numeric:tabular-nums;color:var(--text);z-index:1}.text-layer{position:absolute;cursor:move;-webkit-user-select:none;user-select:none;touch-action:none}.text-layer .text-body{display:block;word-wrap:break-word;white-space:pre-wrap;min-height:1em;outline:none;caret-color:#2aff00}.text-layer .text-body[contenteditable=true]{cursor:text;outline:2px dashed rgba(42,255,0,.7);outline-offset:4px}.text-controls{position:absolute;bottom:calc(100% + 8px);left:0;display:none;gap:8px 10px;align-items:center;flex-wrap:wrap;max-width:780px;background:#111;color:#fff;padding:8px 10px;border-radius:8px;font-size:12px;line-height:1;z-index:20;box-shadow:0 8px 24px #00000080}.text-controls:after{content:"";position:absolute;left:0;right:0;top:100%;height:20px}.text-layer:hover .text-controls{display:flex}.text-controls label{display:inline-flex;align-items:center;gap:4px;color:#bbb;font-size:12px}.text-controls select,.text-controls input[type=number]{background:#222;border:1px solid #444;color:#fff;padding:4px 6px;border-radius:4px;font:inherit;font-size:12px}.text-controls input[type=number]{width:60px;-moz-appearance:textfield}.text-controls input[type=number]::-webkit-outer-spin-button,.text-controls input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.text-controls input[type=color]{width:32px;height:24px;padding:0;border:1px solid #444;border-radius:4px;background:transparent}.text-controls button{background:#222;border:1px solid #444;color:#fff;padding:4px 8px;border-radius:4px;cursor:pointer;font:inherit}.text-controls button:hover{background:#2aff00;color:#111;border-color:#2aff00}.text-controls .anim-edit,.text-controls .bg-edit{display:inline-flex;gap:6px;align-items:center;padding:0 6px;border-left:1px solid #333;margin-left:4px}.text-controls .bg-edit input[type=range]{width:70px}.text-controls .bg-edit input[type=color]{width:28px;height:22px;padding:0;border:1px solid #444;border-radius:4px;background:transparent}.tb-chip-text,.tb-chip-image{border-style:dashed;color:#2aff00;border-color:#2aff00;cursor:pointer}.tb-chip-text:hover,.tb-chip-image:hover{background:#2aff00;color:#111}.image-layer{position:absolute;cursor:move;-webkit-user-select:none;user-select:none;touch-action:none}.image-layer .image-body-wrap{display:inline-block}.image-layer img.image-body{display:block;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.image-controls{position:absolute;bottom:calc(100% + 8px);left:0;display:none;gap:8px 10px;align-items:center;flex-wrap:wrap;max-width:780px;background:#111;color:#fff;padding:8px 10px;border-radius:8px;font-size:12px;line-height:1;z-index:20;box-shadow:0 8px 24px #00000080}.image-controls:after{content:"";position:absolute;left:0;right:0;top:100%;height:20px}.image-layer:hover .image-controls{display:flex}.image-controls label{display:inline-flex;align-items:center;gap:4px;color:#bbb;font-size:12px}.image-controls select,.image-controls input[type=number]{background:#222;border:1px solid #444;color:#fff;padding:4px 6px;border-radius:4px;font:inherit;font-size:12px}.image-controls input[type=number]{width:62px;-moz-appearance:textfield}.image-controls input[type=number]::-webkit-outer-spin-button,.image-controls input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.image-controls input[type=range]{width:80px}.image-controls button{background:#222;border:1px solid #444;color:#fff;padding:4px 8px;border-radius:4px;cursor:pointer;font:inherit}.image-controls button:hover{background:#2aff00;color:#111;border-color:#2aff00}.image-resize-handle,.text-resize-handle{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;background:var(--accent);border:2px solid #0a0a0a;border-radius:50%;box-shadow:0 2px 8px #000000b3;cursor:nwse-resize;z-index:12;opacity:0;pointer-events:none;transition:opacity .12s ease-out}.image-layer:hover .image-resize-handle,.text-layer:hover .text-resize-handle{opacity:1;pointer-events:auto}body.ui-hidden .image-resize-handle,body.ui-hidden .text-resize-handle{display:none}.image-controls .anim-edit{display:inline-flex;gap:6px;align-items:center;padding:0 6px;border-left:1px solid #333;margin-left:4px}@keyframes anim-fade{0%{opacity:0}to{opacity:1}}@keyframes anim-pop{0%{opacity:0;transform:scale(.2)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes anim-slide-left{0%{opacity:0;transform:translate(-480px)}to{opacity:1;transform:translate(0)}}@keyframes anim-slide-right{0%{opacity:0;transform:translate(480px)}to{opacity:1;transform:translate(0)}}@keyframes anim-slide-up{0%{opacity:0;transform:translateY(480px)}to{opacity:1;transform:translateY(0)}}@keyframes anim-slide-down{0%{opacity:0;transform:translateY(-480px)}to{opacity:1;transform:translateY(0)}}@keyframes anim-diag-tl{0%{opacity:0;transform:translate(-380px,-380px)}to{opacity:1;transform:translate(0)}}@keyframes anim-diag-tr{0%{opacity:0;transform:translate(380px,-380px)}to{opacity:1;transform:translate(0)}}@keyframes anim-diag-bl{0%{opacity:0;transform:translate(-380px,380px)}to{opacity:1;transform:translate(0)}}@keyframes anim-diag-br{0%{opacity:0;transform:translate(380px,380px)}to{opacity:1;transform:translate(0)}}.anim-fade{animation:anim-fade var(--anim-duration, .7s) cubic-bezier(.2,.7,.2,1) var(--anim-delay, 0ms) both}.anim-pop{animation:anim-pop var(--anim-duration, .7s) cubic-bezier(.2,.7,.2,1.2) var(--anim-delay, 0ms) both}.anim-slide-left{animation:anim-slide-left var(--anim-duration, .7s) cubic-bezier(.2,.7,.2,1) var(--anim-delay, 0ms) both}.anim-slide-right{animation:anim-slide-right var(--anim-duration, .7s) cubic-bezier(.2,.7,.2,1) var(--anim-delay, 0ms) both}.anim-slide-up{animation:anim-slide-up var(--anim-duration, .7s) cubic-bezier(.2,.7,.2,1) var(--anim-delay, 0ms) both}.anim-slide-down{animation:anim-slide-down var(--anim-duration, .7s) cubic-bezier(.2,.7,.2,1) var(--anim-delay, 0ms) both}.anim-diag-tl{animation:anim-diag-tl var(--anim-duration, .7s) cubic-bezier(.2,.7,.2,1) var(--anim-delay, 0ms) both}.anim-diag-tr{animation:anim-diag-tr var(--anim-duration, .7s) cubic-bezier(.2,.7,.2,1) var(--anim-delay, 0ms) both}.anim-diag-bl{animation:anim-diag-bl var(--anim-duration, .7s) cubic-bezier(.2,.7,.2,1) var(--anim-delay, 0ms) both}.anim-diag-br{animation:anim-diag-br var(--anim-duration, .7s) cubic-bezier(.2,.7,.2,1) var(--anim-delay, 0ms) both}.tb-value{font-variant-numeric:tabular-nums;color:var(--text-dim);font-size:12px;min-width:36px;text-align:right}.tb-check{display:inline-flex;align-items:center;gap:4px;color:var(--text-dim)}.tb-switch{position:relative;display:inline-block;width:36px;height:20px}.tb-switch input{opacity:0;width:0;height:0}.tb-switch span{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:#333;border-radius:999px;transition:.15s}.tb-switch span:before{content:"";position:absolute;height:14px;width:14px;left:3px;bottom:3px;background:#fff;border-radius:999px;transition:.15s}.tb-switch input:checked+span{background:var(--accent)}.tb-switch input:checked+span:before{transform:translate(16px)}.stage-wrap{grid-row:1;grid-column:2;position:relative;overflow:auto;background:#0b0c10;padding:40px;min-width:0;min-height:0;display:flex;justify-content:safe center;align-items:safe center}.stage{position:relative;flex-shrink:0;overflow:hidden;box-shadow:0 0 0 2px #2aff0059,0 0 0 1px #ffffff26,0 20px 80px #0000008c}.device.locked .device-chrome,.text-layer.locked,.image-layer.locked{cursor:default}.device.locked .device-resize-handle,.text-layer.locked .text-resize-handle,.image-layer.locked .image-resize-handle{display:none!important}.text-controls button.is-active,.image-controls button.is-active{background:#2aff00;color:#111;border-color:#2aff00}.text-layer:hover,.image-layer:hover{z-index:9999!important}.stage-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background-color:#000;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0;transform-origin:center center}.stage-bg.is-gradient{background-size:100% 100%;background-position:0 0}@keyframes bg-anim-ken-burns{0%{transform:scale(1) translate(0)}to{transform:scale(1.18) translate(-3%,-2%)}}.stage-bg.bg-anim-ken-burns{animation:bg-anim-ken-burns 36s ease-in-out infinite alternate}@keyframes bg-anim-zoom-in{0%{transform:scale(1)}to{transform:scale(1.22)}}.stage-bg.bg-anim-zoom-in{animation:bg-anim-zoom-in 30s ease-in-out infinite alternate}@keyframes bg-anim-zoom-out{0%{transform:scale(1.22)}to{transform:scale(1)}}.stage-bg.bg-anim-zoom-out{animation:bg-anim-zoom-out 30s ease-in-out infinite alternate}@keyframes bg-anim-drift{0%{transform:scale(1.08) translate(-2%)}to{transform:scale(1.08) translate(2%)}}.stage-bg.bg-anim-drift{animation:bg-anim-drift 28s ease-in-out infinite alternate}@keyframes bg-anim-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.stage-bg.bg-anim-pulse{animation:bg-anim-pulse 6s ease-in-out infinite}@keyframes bg-anim-shift{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.stage-bg.bg-anim-shift{animation:bg-anim-shift 20s linear infinite}.stage-bg.is-transparent{background-image:linear-gradient(45deg,#333 25%,transparent 25%),linear-gradient(-45deg,#333 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#333 75%),linear-gradient(-45deg,transparent 75%,#333 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;background-color:#222}.stage-bg-video{position:absolute;width:100%;height:100%;object-fit:cover;cursor:grab}.stage-bg-video:active{cursor:grabbing}.stage-bg-youtube{position:absolute;top:0;bottom:0;aspect-ratio:16 / 9;left:50%;transform:translate(-50%);pointer-events:none;overflow:hidden}.stage-bg-youtube iframe{width:100%;height:100%;border:0;display:block}.stage.no-shadow .device-chrome,.stage.no-shadow .device-chrome:before,.stage.no-shadow .device-chrome:after{box-shadow:none!important}.stage.no-shadow .device-custom .device-chrome{filter:none!important}.stage-devices{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.stage-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.stage-guides{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;background-image:linear-gradient(to right,rgba(42,255,0,.07) 1px,transparent 1px),linear-gradient(to bottom,rgba(42,255,0,.07) 1px,transparent 1px);background-size:20px 20px}.stage-guides:before,.stage-guides:after{content:"";position:absolute;background:#2aff0059}.stage-guides:before{left:50%;top:0;bottom:0;width:1px}.stage-guides:after{top:50%;left:0;right:0;height:1px}body.ui-hidden .stage-guides{display:none!important}.ba-layer{position:absolute;cursor:move;-webkit-user-select:none;user-select:none;touch-action:none;line-height:0}.ba-clip{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit}.ba-layer img.ba-after,.ba-layer img.ba-before{width:100%;height:100%;display:block;object-fit:cover;object-position:top center;pointer-events:none;-webkit-user-drag:none}.ba-reveal-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.ba-layer iframe.ba-after-live{position:absolute;left:0;top:0;border:0;background:#fff;pointer-events:none}.ba-divider{position:absolute;top:0;bottom:0;left:50%;width:4px;margin-left:-2px;background:#ffffffe6;box-shadow:0 0 12px #00000073;cursor:ew-resize;z-index:3}.ba-divider-grip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:#fff;color:#111;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;box-shadow:0 4px 14px #0006}.ba-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.ba-resize-handle{position:absolute;right:0;bottom:0;width:22px;height:22px;margin:0 -11px -11px 0;background:var(--accent);border:2px solid #0a0a0a;border-radius:50%;box-shadow:0 2px 8px #000000b3;cursor:nwse-resize;z-index:5;opacity:0;transition:opacity .12s ease-out}.ba-layer:hover .ba-resize-handle{opacity:1}body.ui-hidden .ba-resize-handle,body.ui-hidden .ba-divider-grip{display:none!important}.sn-hint{display:block;color:var(--text-dim);font-size:10.5px;line-height:1.45}.sn-body>.sn-hint{max-height:2.9em;overflow:hidden;position:relative;cursor:help;transition:max-height .18s ease-out;mask-image:linear-gradient(180deg,#000 55%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 100%)}.sn-body>.sn-hint:hover,.sn-body>.sn-hint:focus-within{max-height:30em;mask-image:none;-webkit-mask-image:none}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(1200px 700px at 30% 20%,#2a0e55,#160431 60%,#0e0f12);display:flex;align-items:center;justify-content:center;z-index:10010;padding:20px}.auth-card{width:100%;max-width:400px;background:#1f0b3b;border:1px solid var(--border);border-radius:14px;padding:30px 30px 24px;box-shadow:0 30px 80px #000000b3}.auth-logo{width:180px;margin-bottom:18px}.auth-card h2{margin:0 0 6px;font-size:22px}.auth-sub{margin:0 0 18px;color:var(--text-dim);font-size:13px;line-height:1.5}.auth-card form{display:flex;flex-direction:column;gap:10px}.auth-card input{background:var(--panel-2);border:1px solid var(--border);color:var(--text);padding:11px 12px;border-radius:8px;font:inherit}.auth-card input:focus{outline:none;border-color:var(--accent)}.auth-primary{background:var(--accent);color:var(--accent-ink);border:none;padding:12px;border-radius:8px;font:inherit;font-weight:700;cursor:pointer}.auth-primary:hover{background:#45ff22}.auth-error{margin-top:12px;color:#ff7b7b;font-size:13px}.auth-links{display:flex;justify-content:space-between;margin-top:16px}.auth-links button{background:transparent;border:none;color:var(--text-dim);font:inherit;font-size:12px;cursor:pointer;padding:0}.auth-links button:hover{color:var(--accent)}.pricing-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:10005;padding:20px}.pricing-card{position:relative;background:#1f0b3b;border:1px solid var(--border);border-radius:14px;padding:28px;max-width:860px;width:100%;max-height:calc(100vh - 60px);overflow-y:auto;box-shadow:0 30px 80px #000000b3}.pricing-card h2{margin:0 0 8px;font-size:24px}.pricing-message{color:var(--accent);margin:0 0 16px;font-size:14px}.pricing-close{position:absolute;top:12px;right:14px;background:transparent;border:none;color:var(--text-dim);font-size:18px;cursor:pointer}.pricing-close:hover{color:var(--text)}.pricing-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:14px}.pricing-tier{border:1px solid var(--border);border-radius:12px;padding:18px;display:flex;flex-direction:column}.pricing-featured{border-color:var(--accent);box-shadow:0 0 24px #2aff0026}.pricing-tier h3{margin:0 0 4px}.pricing-price{font-size:30px;font-weight:800;margin-bottom:10px}.pricing-price span{font-size:14px;font-weight:400;color:var(--text-dim)}.pricing-tier ul{margin:0 0 16px;padding-left:18px;color:var(--text-dim);font-size:13px;line-height:1.7;flex:1}.pricing-buy{background:var(--accent);color:var(--accent-ink);border:none;padding:10px;border-radius:8px;font:inherit;font-weight:700;cursor:pointer}.pricing-buy:hover{background:#45ff22}.pricing-current{text-align:center;color:var(--accent);font-weight:700;font-size:13px;padding:10px}.pricing-coupon-hint{margin:16px 0 0;color:var(--text-dim);font-size:12px;text-align:center}.trial-gate{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(1200px 700px at 30% 20%,#2a0e55,#160431 60%,#0e0f12);display:flex;align-items:center;justify-content:center;z-index:10008;padding:20px;overflow-y:auto}.trial-gate-inner{max-width:900px;width:100%;text-align:center}.trial-gate-inner>h2{margin:0 0 6px;font-size:26px}.trial-gate-inner>p{margin:0 0 18px;color:var(--text-dim)}.pricing-card-inline{background:transparent;border:none;box-shadow:none;padding:0;max-width:none;text-align:left}.pricing-card-inline h2{display:none}.trial-gate-signout{margin-top:18px;background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:8px 18px;border-radius:8px;font:inherit;cursor:pointer}.trial-gate-signout:hover{color:var(--text);border-color:var(--accent)}.sn-account{flex:0 0 auto;margin-top:2px;padding-top:8px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:11px}.sn-account-email{color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 90px;min-width:0}.sn-acct-btn{background:none;border:none;padding:3px 4px;border-radius:4px;color:var(--text-dim);font:inherit;font-size:11px;cursor:pointer;text-decoration:none;white-space:nowrap}.sn-acct-btn:hover{color:var(--accent);background:#ffffff0f}.sn-account-plan{text-transform:uppercase;font-weight:700;font-size:10px;letter-spacing:.6px;padding:2px 8px;border-radius:999px;border:1px solid var(--border);color:var(--text-dim)}.sn-account-plan.plan-pro,.sn-account-plan.plan-lifetime,.sn-account-plan.plan-comp{border-color:var(--accent);color:var(--accent)}.adm{min-height:100vh;background:var(--bg);color:var(--text);display:flex;flex-direction:column}.adm-top{display:flex;align-items:center;gap:20px;padding:14px 22px;background:#160431;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5;flex-wrap:wrap}.adm-brand{font-weight:900;font-size:17px;letter-spacing:-.2px}.adm-brand span{color:var(--accent)}.adm-tabs{display:flex;gap:4px}.adm-tab{background:none;border:1px solid transparent;border-radius:8px;color:var(--text-dim);padding:8px 16px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.adm-tab:hover{color:var(--text);background:#ffffff0d}.adm-tab.is-on{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.adm-back{margin-left:auto;color:var(--text-dim);text-decoration:none;font-size:13px}.adm-back:hover{color:var(--accent)}.adm-stats{display:flex;flex-wrap:wrap;gap:10px;padding:16px 22px 0}.adm-tile{flex:1 1 120px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:3px}.adm-tile.is-paid{border-color:var(--accent)}.adm-tile-v{font-size:22px;font-weight:800;line-height:1}.adm-tile-l{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:var(--text-dim)}.adm-view{padding:16px 22px 40px;display:flex;flex-direction:column;gap:12px;flex:1;min-height:0}.adm-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.adm-spacer{flex:1}.adm-range{font-size:12px;color:var(--text-dim);white-space:nowrap}.adm-toolbar input[type=search]{flex:0 1 280px;min-width:160px}.adm input,.adm select{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:9px 12px;font:inherit;font-size:13px;min-height:38px}.adm input:focus,.adm select:focus{outline:none;border-color:var(--accent)}.adm-btn{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:9px 14px;font:inherit;font-size:13px;cursor:pointer;min-height:38px;white-space:nowrap}.adm-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.adm-btn:disabled{opacity:.4;cursor:default}.adm-btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.adm-btn-primary:hover:not(:disabled){color:var(--accent-ink);filter:brightness(1.1)}.adm-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px 18px}.adm-card h3{margin:0 0 12px;font-size:14px}.adm-form{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.adm-form label{display:flex;flex-direction:column;gap:5px;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-dim)}.adm-form input{width:150px}.adm-form input[type=number]{width:100px}.adm-hint{display:block;margin-top:10px;color:var(--text-dim);font-size:12px;line-height:1.5}.adm-table-wrap{overflow:auto;background:var(--panel);border:1px solid var(--border);border-radius:10px}.adm-table{width:100%;border-collapse:collapse;font-size:13px}.adm-table th,.adm-table td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--border);white-space:nowrap}.adm-table thead th{position:sticky;top:0;background:var(--panel-2);color:var(--text-dim);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.6px;z-index:1}.adm-table tbody tr:hover{background:#ffffff08}.adm-table tbody tr:last-child td{border-bottom:none}.adm-table a{color:var(--accent)}.adm-email{max-width:320px;overflow:hidden;text-overflow:ellipsis}.adm-empty{color:var(--text-dim);text-align:center!important;padding:28px 14px!important}.adm-error{color:#ff5f57;font-size:13px}.adm-plan{display:inline-block;text-transform:uppercase;font-weight:700;font-size:10px;letter-spacing:.6px;padding:3px 9px;border-radius:999px;border:1px solid var(--border);color:var(--text-dim)}.adm-plan-pro,.adm-plan-lifetime,.adm-plan-comp{border-color:var(--accent);color:var(--accent)}.adm-gate{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;text-align:center;padding:40px 24px;background:var(--bg);color:var(--text)}.adm-gate h2{margin:0;font-size:22px}.adm-gate p{margin:0;color:var(--text-dim);max-width:460px;line-height:1.6}.adm-gate a{color:var(--accent)}@media (max-width: 720px){.adm-top,.adm-stats,.adm-view{padding-left:14px;padding-right:14px}.adm-back{margin-left:0}}.fb-layer{position:absolute;-webkit-user-select:none;user-select:none;touch-action:none}.fb-turn{position:absolute;left:0;top:0}.fb-page{background:#fff;overflow:hidden}.fb-page img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-drag:none}.fb-move-grip{position:absolute;top:-34px;left:50%;transform:translate(-50%);padding:4px 14px;border-radius:8px;background:#0009;color:#fff;font-size:15px;line-height:1;cursor:move;opacity:0;transition:opacity .15s ease-out;z-index:600}.fb-layer:hover .fb-move-grip{opacity:1}.fb-move-grip:hover{background:var(--accent);color:var(--accent-ink)}body.ui-hidden .fb-move-grip{opacity:0!important}.fb-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:none;background:#0000008c;color:#fff;font-size:22px;line-height:1;cursor:pointer;opacity:0;transition:opacity .15s ease-out;z-index:600}.fb-nav-prev{left:8px}.fb-nav-next{right:8px}.fb-layer:hover .fb-nav{opacity:1}.fb-nav:hover{background:var(--accent);color:var(--accent-ink)}body.ui-hidden .fb-nav{opacity:0!important}.fb-resize-handle{position:absolute;right:-18px;bottom:-18px;width:22px;height:22px;background:var(--accent);border:2px solid #0a0a0a;border-radius:50%;box-shadow:0 2px 8px #000000b3;cursor:nwse-resize;z-index:601;opacity:0;transition:opacity .12s ease-out}.fb-layer:hover .fb-resize-handle{opacity:1}body.ui-hidden .fb-resize-handle{display:none}.fb-page.fb-blank{background:linear-gradient(160deg,#fcfcfc,#efeff1);box-shadow:inset 0 0 0 1px #0000000d}.fb-curl{position:absolute;bottom:0;width:42px;height:42px;pointer-events:none;z-index:550;animation:fb-curl-breathe 2.8s ease-in-out infinite}.fb-curl-r{right:0;background:linear-gradient(315deg,transparent 46%,rgba(0,0,0,.12) 49%,#fff 52%,#ececef 72%,#f8f8fa 100%);border-radius:0 0 6px;transform-origin:bottom right;clip-path:polygon(100% 0,100% 100%,0 100%);filter:drop-shadow(-2px -2px 3px rgba(0,0,0,.18))}.fb-curl-l{left:0;background:linear-gradient(45deg,transparent 46%,rgba(0,0,0,.12) 49%,#fff 52%,#ececef 72%,#f8f8fa 100%);border-radius:0 0 0 6px;transform-origin:bottom left;clip-path:polygon(0 0,100% 100%,0 100%);filter:drop-shadow(2px -2px 3px rgba(0,0,0,.18))}@keyframes fb-curl-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.22)}}body.ui-hidden .fb-curl{display:none}.fb-page-list{display:flex;flex-wrap:wrap;gap:6px;width:100%}.fb-page-list:empty{display:none}.fb-page-item{position:relative;width:52px}.fb-page-item img{width:52px;height:66px;object-fit:cover;border-radius:4px;border:1px solid var(--border);display:block}.fb-page-num{position:absolute;top:2px;left:2px;background:#000000a6;color:#fff;font-size:9px;padding:1px 4px;border-radius:3px}.fb-page-actions{display:flex;justify-content:space-between;margin-top:2px}.fb-page-actions button{background:var(--panel-2);border:1px solid var(--border);color:var(--text);font-size:9px;padding:1px 4px;border-radius:3px;cursor:pointer}.fb-page-actions button:hover{border-color:var(--accent);color:var(--accent)}.tb-record{border-color:#ff5f57;color:#ff5f57;flex:1}.tb-record:hover{background:#ff5f57;color:#fff;border-color:#ff5f57}.sn-dock .sn-row input[type=number]{width:58px;background:var(--panel-2);border:1px solid var(--border);color:var(--text);padding:5px 6px;border-radius:6px}#recStopBtn{position:fixed;top:0;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.rec-hint{position:fixed;top:6px;left:50%;transform:translate(-50%);z-index:10012;background:#ff5f57f2;color:#fff;font-weight:600;font-size:12px;padding:4px 12px;border-radius:999px;pointer-events:none;animation:rec-hint-fade 2.2s ease-in-out forwards}@keyframes rec-hint-fade{0%{opacity:0}12%{opacity:1}80%{opacity:1}to{opacity:0}}.tb-btn.is-armed{border-color:#ff5f57;color:#ff5f57;animation:armed-pulse 1s ease-in-out infinite}@keyframes armed-pulse{0%,to{box-shadow:0 0 #ff5f5780}50%{box-shadow:0 0 0 6px #ff5f5700}}.strip-layer{position:absolute;cursor:move;-webkit-user-select:none;user-select:none;touch-action:none}.strip-clip{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#111;backface-visibility:hidden;-webkit-backface-visibility:hidden}.strip-img{position:absolute;left:0;top:0;display:block;pointer-events:none;-webkit-user-drag:none;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.strip-controls{position:absolute;bottom:calc(100% + 8px);left:0;display:none;gap:8px 10px;align-items:center;flex-wrap:wrap;max-width:520px;background:#111;color:#fff;padding:8px 10px;border-radius:8px;font-size:12px;line-height:1;z-index:20;box-shadow:0 8px 24px #00000080}.strip-controls:after{content:"";position:absolute;left:0;right:0;top:100%;height:20px}.strip-layer:hover .strip-controls{display:flex}.strip-controls input[type=text]{width:110px;background:#222;border:1px solid #444;color:#fff;padding:4px 6px;border-radius:4px;font:inherit}.strip-controls select{background:#222;border:1px solid #444;color:#fff;padding:4px 6px;border-radius:4px;font:inherit;font-size:12px}.strip-controls label{display:inline-flex;align-items:center;gap:4px;color:#bbb;font-size:12px}.strip-controls input[type=number]{width:56px;background:#222;border:1px solid #444;color:#fff;padding:4px 6px;border-radius:4px;font:inherit;font-size:12px;-moz-appearance:textfield}.strip-controls button{background:#222;border:1px solid #444;color:#fff;padding:4px 8px;border-radius:4px;cursor:pointer;font:inherit}.strip-controls button:hover{background:#2aff00;color:#111;border-color:#2aff00}.strip-resize-handle{position:absolute;right:-18px;bottom:-18px;width:22px;height:22px;background:var(--accent);border:2px solid #0a0a0a;border-radius:50%;box-shadow:0 2px 8px #000000b3;cursor:nwse-resize;z-index:21;opacity:0;transition:opacity .12s ease-out}.strip-layer:hover .strip-resize-handle{opacity:1}body.ui-hidden .strip-resize-handle,body.ui-hidden .strip-controls{display:none!important}.show-layer{position:absolute;cursor:move;-webkit-user-select:none;user-select:none;touch-action:none}.show-clip{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#111;backface-visibility:hidden;-webkit-backface-visibility:hidden}.show-slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;pointer-events:none;-webkit-user-drag:none;will-change:opacity,transform}.show-dots{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:center;gap:6px;z-index:5;pointer-events:none}.show-dot{width:6px;height:6px;border-radius:50%;background:#ffffff59;transition:background .25s ease-out}.show-dot.on{background:#fff}.show-controls{position:absolute;bottom:calc(100% + 8px);left:0;display:none;gap:8px 10px;align-items:center;flex-wrap:wrap;max-width:520px;background:#111;color:#fff;padding:8px 10px;border-radius:8px;font-size:12px;line-height:1;z-index:20;box-shadow:0 8px 24px #00000080}.show-controls:after{content:"";position:absolute;left:0;right:0;top:100%;height:20px}.show-layer:hover .show-controls{display:flex}.show-controls input[type=text]{width:110px;background:#222;border:1px solid #444;color:#fff;padding:4px 6px;border-radius:4px;font:inherit}.show-controls select{background:#222;border:1px solid #444;color:#fff;padding:4px 6px;border-radius:4px;font:inherit;font-size:12px}.show-controls label{display:inline-flex;align-items:center;gap:4px;color:#bbb;font-size:12px}.show-controls input[type=number]{width:56px;background:#222;border:1px solid #444;color:#fff;padding:4px 6px;border-radius:4px;font:inherit;font-size:12px;-moz-appearance:textfield}.show-controls button,.show-controls .show-add{background:#222;border:1px solid #444;color:#fff;padding:4px 8px;border-radius:4px;cursor:pointer;font:inherit;font-size:12px}.show-controls button:hover,.show-controls .show-add:hover{background:#2aff00;color:#111;border-color:#2aff00}.show-resize-handle{position:absolute;right:-18px;bottom:-18px;width:22px;height:22px;background:var(--accent);border:2px solid #0a0a0a;border-radius:50%;box-shadow:0 2px 8px #000000b3;cursor:nwse-resize;z-index:21;opacity:0;transition:opacity .12s ease-out}.show-layer:hover .show-resize-handle{opacity:1}body.ui-hidden .show-resize-handle,body.ui-hidden .show-controls{display:none!important}.wall-layer{position:absolute;cursor:move;-webkit-user-select:none;user-select:none;touch-action:none}.wall-cards{position:absolute;top:0;right:0;bottom:0;left:0}.wall-card{position:absolute;overflow:hidden;background:#111;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform}.wall-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;pointer-events:none;-webkit-user-drag:none}.wall-controls{position:absolute;bottom:calc(100% + 8px);left:0;display:none;gap:8px 10px;align-items:center;flex-wrap:wrap;width:max-content;max-width:620px;background:#111;color:#fff;padding:8px 10px;border-radius:8px;font-size:12px;line-height:1;z-index:20;box-shadow:0 8px 24px #00000080}.wall-controls:after{content:"";position:absolute;left:0;right:0;top:100%;height:20px}.wall-layer:hover .wall-controls{display:flex}.wall-controls input[type=text]{width:110px;background:#222;border:1px solid #444;color:#fff;padding:4px 6px;border-radius:4px;font:inherit}.wall-controls select{background:#222;border:1px solid #444;color:#fff;padding:4px 6px;border-radius:4px;font:inherit;font-size:12px}.wall-controls label{display:inline-flex;align-items:center;gap:4px;color:#bbb;font-size:12px}.wall-controls input[type=number]{width:54px;background:#222;border:1px solid #444;color:#fff;padding:4px 6px;border-radius:4px;font:inherit;font-size:12px;-moz-appearance:textfield}.wall-controls button,.wall-controls .wall-add{background:#222;border:1px solid #444;color:#fff;padding:4px 8px;border-radius:4px;cursor:pointer;font:inherit;font-size:12px}.wall-controls button:hover,.wall-controls .wall-add:hover{background:#2aff00;color:#111;border-color:#2aff00}.wall-resize-handle{position:absolute;right:-18px;bottom:-18px;width:22px;height:22px;background:var(--accent);border:2px solid #0a0a0a;border-radius:50%;box-shadow:0 2px 8px #000000b3;cursor:nwse-resize;z-index:21;opacity:0;transition:opacity .12s ease-out}.wall-layer:hover .wall-resize-handle{opacity:1}body.ui-hidden .wall-resize-handle,body.ui-hidden .wall-controls{display:none!important}.scene-list{display:flex;flex-direction:column;gap:8px;width:100%}.scene-list:empty{display:none}.scene-card{display:flex;flex-direction:column;gap:8px;padding:9px;border:1px solid var(--border);border-radius:8px;background:#0000002e}.scene-card.is-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:#2aff000f}.scene-head{display:flex;align-items:center;gap:6px}.scene-num{background:var(--border);color:var(--text);font-weight:800;font-size:11px;width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}.scene-card.is-active .scene-num{background:var(--accent);color:var(--accent-ink)}.scene-card .scene-name{flex:1;min-width:60px;background:transparent;border:none;border-bottom:1px dashed transparent;color:var(--text);font:inherit;padding:2px}.scene-card .scene-name:focus{outline:none;border-bottom-color:var(--accent)}.scene-editing{display:none;font-size:9px;text-transform:uppercase;letter-spacing:.6px;font-weight:700;color:var(--accent-ink);background:var(--accent);padding:1px 6px;border-radius:999px}.scene-card.is-active .scene-editing{display:inline-block}.scene-reorder{display:inline-flex;gap:3px}.scene-move{background:var(--panel-2);border:1px solid var(--border);color:var(--text);font-size:9px;padding:2px 6px;border-radius:4px;cursor:pointer}.scene-move:hover{border-color:var(--accent);color:var(--accent)}.scene-row2{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.scene-row2 label{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--text-dim)}.scene-card .scene-dur{width:46px!important}.scene-goto{margin-left:auto;padding:3px 10px!important;font-size:11px}.scene-card.is-active .scene-goto{opacity:.5;pointer-events:none}.scene-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;pointer-events:none;z-index:9600}.pause-stop-list{display:flex;flex-wrap:wrap;gap:5px;width:100%}.pause-stop-list:empty{display:none}.pause-stop-chip{display:inline-flex;align-items:center;gap:5px;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:2px 4px 2px 9px;font-size:11px;color:var(--text)}.pause-stop-chip button{background:transparent;border:none;color:var(--text-dim);cursor:pointer;font-size:11px;padding:0 3px;border-radius:50%}.pause-stop-chip button:hover{color:#fff;background:#ff5f57}.sn-group-label{padding:10px 14px 4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);border-top:1px solid var(--border);background:#00000040}.ctx-menu{position:fixed;z-index:10020;min-width:150px;background:#1b1030;border:1px solid var(--border);border-radius:8px;padding:4px;box-shadow:0 12px 32px #0009}.ctx-menu button{display:block;width:100%;text-align:left;background:transparent;border:none;color:var(--text);font:inherit;font-size:13px;padding:7px 10px;border-radius:5px;cursor:pointer}.ctx-menu button:hover{background:#ffffff14}.ctx-menu button.ctx-danger:hover{background:#ff5f57;color:#fff}.marquee{position:absolute;border:1px dashed var(--accent);background:#2aff0012;pointer-events:none;z-index:9500}.device.msel .device-chrome,.text-layer.msel,.image-layer.msel,.strip-layer.msel,.show-layer.msel,.wall-layer.msel,.ba-layer.msel{outline:3px dashed var(--accent);outline-offset:6px}body.ui-hidden .marquee,body.take-hide-tools .marquee{display:none!important}body.ui-hidden .device.msel .device-chrome,body.take-hide-tools .device.msel .device-chrome,body.ui-hidden .text-layer.msel,body.take-hide-tools .text-layer.msel,body.ui-hidden .image-layer.msel,body.take-hide-tools .image-layer.msel,body.ui-hidden .strip-layer.msel,body.take-hide-tools .strip-layer.msel,body.ui-hidden .show-layer.msel,body.take-hide-tools .show-layer.msel,body.ui-hidden .wall-layer.msel,body.take-hide-tools .wall-layer.msel,body.ui-hidden .ba-layer.msel,body.take-hide-tools .ba-layer.msel{outline:none!important}.strip-controls,.show-controls,.wall-controls{gap:6px 8px;padding:9px 11px;font-size:13px;border:1px solid #333}.strip-controls label,.show-controls label,.wall-controls label{font-size:11px;gap:5px}.strip-controls input[type=number],.show-controls input[type=number],.wall-controls input[type=number]{width:66px;padding:7px 8px;font-size:13px;min-height:32px;-moz-appearance:auto}.strip-controls input[type=number]::-webkit-inner-spin-button,.show-controls input[type=number]::-webkit-inner-spin-button,.wall-controls input[type=number]::-webkit-inner-spin-button{opacity:1;height:26px}.strip-controls input[type=text],.show-controls input[type=text],.wall-controls input[type=text]{width:130px;padding:7px 9px;font-size:13px;min-height:32px}.strip-controls select,.show-controls select,.wall-controls select{padding:7px 9px;font-size:13px;min-height:32px}.strip-controls button,.show-controls button,.wall-controls button,.show-controls .show-add,.wall-controls .wall-add{padding:7px 12px;font-size:13px;min-height:32px;display:inline-flex;align-items:center;justify-content:center}.strip-controls input[type=checkbox],.show-controls input[type=checkbox],.wall-controls input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent);cursor:pointer}.strip-controls input:focus,.strip-controls select:focus,.show-controls input:focus,.show-controls select:focus,.wall-controls input:focus,.wall-controls select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #2aff0040}.strip-controls,.show-controls,.wall-controls,.device-controls,.image-controls,.text-controls{transform:scale(calc(1 / var(--stage-scale, 1)));transform-origin:left top}.strip-resize-handle,.show-resize-handle,.wall-resize-handle,.fb-resize-handle,.ba-resize-handle,.device-resize-handle,.image-resize-handle,.text-resize-handle,.ba-divider-grip,.fb-move-grip,.fb-nav{transform:scale(calc(1 / var(--stage-scale, 1)));transform-origin:center center}body.ui-hidden .device-controls,body.ui-hidden .image-controls,body.ui-hidden .text-controls,body.ui-hidden .strip-controls,body.ui-hidden .show-controls,body.ui-hidden .wall-controls,body.take-hide-tools .device-resize-handle,body.take-hide-tools .device-controls,body.take-hide-tools .image-resize-handle,body.take-hide-tools .image-controls,body.take-hide-tools .text-resize-handle,body.take-hide-tools .text-controls,body.take-hide-tools .ba-resize-handle,body.take-hide-tools .ba-divider-grip,body.take-hide-tools .fb-resize-handle,body.take-hide-tools .fb-move-grip,body.take-hide-tools .fb-nav,body.take-hide-tools .fb-curl,body.take-hide-tools .strip-resize-handle,body.take-hide-tools .strip-controls,body.take-hide-tools .show-resize-handle,body.take-hide-tools .show-controls,body.take-hide-tools .wall-resize-handle,body.take-hide-tools .wall-controls,body.take-hide-tools .stage-guides{display:none!important}@media (pointer: coarse){.device-resize-handle,.image-resize-handle,.text-resize-handle,.ba-resize-handle,.fb-resize-handle,.strip-resize-handle,.show-resize-handle,.wall-resize-handle{width:34px;height:34px}.device-resize-handle,.image-resize-handle,.text-resize-handle{margin:-17px 0 0 -17px}.ba-resize-handle{margin:0 -17px -17px 0}.fb-resize-handle,.strip-resize-handle,.show-resize-handle,.wall-resize-handle{right:-20px;bottom:-20px}.device.touch-active .device-resize-handle,.image-layer.touch-active .image-resize-handle,.text-layer.touch-active .text-resize-handle,.ba-layer.touch-active .ba-resize-handle,.ba-layer.touch-active .ba-divider-grip,.fb-layer.touch-active .fb-resize-handle,.fb-layer.touch-active .fb-move-grip,.fb-layer.touch-active .fb-nav,.strip-layer.touch-active .strip-resize-handle,.show-layer.touch-active .show-resize-handle,.wall-layer.touch-active .wall-resize-handle{opacity:.85!important}.strip-layer.touch-active .strip-controls,.show-layer.touch-active .show-controls,.wall-layer.touch-active .wall-controls{display:flex!important}.ba-divider{width:10px;margin-left:-5px}.ba-divider-grip{width:56px;height:56px;font-size:24px;opacity:0;transition:opacity .15s ease-out}.fb-move-grip{padding:10px 22px;font-size:18px}}.status{grid-row:2;grid-column:2;background:var(--panel);border-top:1px solid var(--border);color:var(--text-dim);padding:6px 14px;font-size:12px;display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center}.status a{color:var(--accent);text-decoration:none}.status a:hover{text-decoration:underline}.status .status-link{background:transparent;border:none;color:var(--accent);font:inherit;cursor:pointer;padding:0;text-decoration:underline}.status .status-link:hover{color:#45ff22}.status .status-sep{color:var(--border)}.status .status-helper code{background:#ffffff0f;border:1px solid var(--border);padding:0 5px;border-radius:3px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11px;color:var(--text)}.status .status-helper a{white-space:nowrap;font-weight:600}.status .status-dismiss{background:transparent;border:1px solid var(--border);color:var(--text-dim);font:inherit;font-size:10px;line-height:1;padding:2px 5px;border-radius:4px;cursor:pointer;margin-left:6px}.status .status-dismiss:hover{color:var(--text);border-color:var(--accent)}.install-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:installModalFadeIn .12s ease-out}@keyframes installModalFadeIn{0%{opacity:0}to{opacity:1}}.install-modal{position:relative;background:#1f0b3b;color:var(--text);border:1px solid #35215a;border-radius:12px;padding:28px 32px 32px;max-width:600px;width:calc(100% - 40px);max-height:calc(100vh - 80px);overflow-y:auto;box-shadow:0 30px 80px #000000b3;font-size:14px;line-height:1.5}.install-modal h2{margin:0 0 10px;font-size:22px;color:var(--accent);font-weight:800}.install-modal h3{margin:0 0 8px;font-size:15px;color:var(--text)}.install-modal p{margin:0 0 14px;color:var(--text-dim)}.install-modal-lede{color:var(--text)}.install-modal-close{position:absolute;top:12px;right:14px;background:transparent;border:none;color:var(--text-dim);font-size:20px;cursor:pointer;width:32px;height:32px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center}.install-modal-close:hover{background:#ffffff1a;color:var(--text)}.install-modal-steps{padding-left:22px;margin:0 0 22px}.install-modal-steps li{margin-bottom:14px;color:var(--text)}.install-modal-steps small{display:block;margin-top:6px;color:var(--text-dim);font-size:12px}.install-modal-steps code{background:#00000059;padding:1px 6px;border-radius:4px;font-size:12px}.install-modal-steps a{color:var(--accent)}.install-modal-copyrow{display:flex;gap:6px;margin:8px 0 4px}.install-modal-copyrow input{flex:1;background:#00000059;border:1px solid #35215a;color:var(--text);padding:8px 10px;border-radius:6px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.install-modal-copy{background:var(--accent);color:var(--accent-ink);border:none;padding:8px 14px;border-radius:6px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;min-width:90px}.install-modal-copy:hover,.install-modal-copy.is-copied{background:#45ff22}.install-modal-alt{margin-top:20px;padding:16px;background:#00000040;border-left:3px solid var(--accent);border-radius:6px}.install-modal-alt p{margin:0;font-size:13px}.device-resize-handle{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;background:var(--accent);border:2px solid #0a0a0a;border-radius:50%;box-shadow:0 2px 8px #000000b3;cursor:nwse-resize;z-index:12;opacity:0;pointer-events:auto;transition:opacity .12s ease-out,transform .1s ease-out}.device:hover .device-resize-handle{opacity:1;transform:scale(1.1)}body.ui-hidden .device-resize-handle{display:none}body.ui-hidden #app{grid-template-columns:0 1fr}body.ui-hidden .sidenav,body.ui-hidden .status{display:none!important}#restoreUiBtn{position:fixed;top:50%;left:0;transform:translateY(-50%);z-index:10000;background:var(--accent);color:var(--accent-ink);border:none;padding:18px 10px 18px 12px;border-radius:0 12px 12px 0;font:inherit;font-weight:800;font-size:13px;letter-spacing:.6px;cursor:pointer;box-shadow:4px 0 18px #000000a6,0 0 0 1px #0a0a0a66;writing-mode:vertical-rl;text-orientation:mixed;transition:padding-left .12s ease-out,box-shadow .12s ease-out}#restoreUiBtn:hover{padding-left:16px;box-shadow:6px 0 22px #000000b3,0 0 0 1px #0a0a0a66}.sn-hamburger{display:none;position:fixed;top:12px;left:12px;width:42px;height:42px;padding:10px 8px;background:#160431;border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;z-index:40;box-shadow:0 8px 20px #0009;flex-direction:column;justify-content:space-between;align-items:stretch}.sn-hamburger span{display:block;height:2px;background:currentColor;border-radius:2px}.sn-hamburger:hover{border-color:var(--accent);color:var(--accent)}.sn-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:20;opacity:0;transition:opacity .18s ease-out}body.sidenav-open .sn-backdrop{opacity:1}@media (max-width: 900px){:root{--sn-width: 240px}.stage-wrap{padding:16px}}@media (max-width: 700px){#app{grid-template-columns:0 1fr}.sidenav{position:fixed;left:0;top:0;bottom:0;width:280px;max-width:86vw;z-index:30;transform:translate(-100%);transition:transform .22s ease-out;box-shadow:12px 0 32px #0000008c}body.sidenav-open .sidenav{transform:translate(0)}.sn-hamburger{display:flex}.sn-backdrop{display:block;pointer-events:none}body.sidenav-open .sn-backdrop{pointer-events:auto}body.ui-hidden .sn-hamburger,body.ui-hidden .sn-backdrop{display:none!important}.stage-wrap{padding:10px 10px 10px 64px}}@media (max-width: 600px){.sn-brand{padding:10px 10px 8px}.brand-logo{max-width:160px}.sn-title{padding:9px 28px 9px 12px}.sn-body{padding:4px 12px 12px}.stage{transform-origin:top left}.status{font-size:11px;padding:5px 10px;flex-wrap:wrap;gap:6px}}