@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&family=Fira+Sans:wght@400;500;700&family=IBM+Plex+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&family=Merriweather:wght@400;700&family=Montserrat:wght@500;700&family=Nunito:wght@500;700&family=Oswald:wght@500;700&family=Playfair+Display:wght@500;700&family=Raleway:wght@500;700&family=Sora:wght@500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap";:root{--bg-main: #070512;--bg-soft: #100a24;--bg-panel: rgba(20, 14, 43, .86);--bg-panel-2: rgba(30, 20, 64, .88);--line: rgba(186, 164, 255, .24);--line-strong: rgba(202, 183, 255, .46);--text-main: #e9e3f8;--text-soft: #b7accf;--text-muted: #8d84af;--btn-main: #7d5cff;--btn-main-hover: #6a49f5;--btn-alt: #2f245f;--btn-alt-hover: #3d2d78;--danger: #ff4f97;--shadow: 0 16px 34px rgba(5, 3, 12, .5)}*{box-sizing:border-box}html,body,#root{min-height:100%;width:100%;margin:0;overflow-x:hidden;overscroll-behavior-x:none}body{font-family:Manrope,Fira Sans,sans-serif;color:var(--text-main);overflow-x:hidden;background:radial-gradient(circle at 8% 8%,rgba(115,86,255,.32),transparent 34%),radial-gradient(circle at 90% 14%,rgba(150,96,255,.2),transparent 30%),radial-gradient(circle at 88% 90%,rgba(255,79,151,.18),transparent 36%),linear-gradient(130deg,#05030d,#0c0720 46%,#080514)}.page{width:100%;max-width:100vw;min-height:100vh;margin:0;padding:0 clamp(6px,2vw,24px) 22px;overflow-x:clip;position:relative}.page:before,.page:after{content:"";position:fixed;pointer-events:none;z-index:-1;filter:blur(46px)}.page:before{width:min(50vw,460px);height:min(50vw,460px);top:-12vw;left:-10vw;background:radial-gradient(circle,#764cff57,#764cff00)}.page:after{width:min(44vw,390px);height:min(44vw,390px);right:-10vw;bottom:-12vw;background:radial-gradient(circle,#ff52a233,#ff52a200)}.hero{width:100%;max-width:none;margin:16px auto 0;padding:30px;text-align:center;border-radius:30px;border:1px solid rgba(217,199,255,.42);background:radial-gradient(circle at 86% 16%,rgba(139,98,255,.2),transparent 36%),radial-gradient(circle at 14% 84%,rgba(255,90,166,.12),transparent 34%),linear-gradient(160deg,#181134f0,#0a0718f2);box-shadow:var(--shadow)}.hero-tag{margin:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;padding:5px 16px;border-radius:999px;border:1px solid rgba(214,199,255,.56);font-family:Space Grotesk,Sora,sans-serif;font-size:.74rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#efe8ff;background:linear-gradient(145deg,#563baecc,#2f216ccc)}.brand-orb{width:13px;height:13px;border-radius:4px;transform:rotate(45deg);background:radial-gradient(circle at 28% 28%,#ffffff 0 16%,transparent 17%),radial-gradient(circle at 35% 30%,#dbcfff 0,#dbcfff 44%,#9c78ff,#5e3dbf);box-shadow:0 0 0 1px #ece3ff8c,0 0 16px #8d6aff9e}.brand-name{letter-spacing:.11em;color:#ece6fb;text-shadow:none}.hero h1{margin:16px auto 10px;max-width:960px;font-family:Space Grotesk,Sora,sans-serif;font-size:clamp(1.45rem,3.35vw,2.8rem);font-weight:600;line-height:1.18;letter-spacing:.01em;color:#ebe5f9}.hero p{margin:0 auto;max-width:860px;color:#b5acce;font-size:clamp(.95rem,1.35vw,1.08rem)}.editor-shell{width:100%;max-width:100%;min-width:0;margin-top:18px;display:grid;grid-template-columns:336px 1fr;gap:22px;align-items:start;overflow-x:hidden}.controls{display:grid;gap:16px;align-content:start;padding:12px 0}.panel{position:relative;overflow:hidden;padding:16px;border-radius:20px;border:1px solid rgba(207,186,255,.25);background:radial-gradient(circle at 86% 16%,rgba(129,93,255,.16),transparent 40%),linear-gradient(165deg,#150e2ef2,#0a0718f5);box-shadow:var(--shadow)}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 30%)}.panel h2{margin:0 0 12px;font-family:Space Grotesk,Sora,sans-serif;font-size:.95rem;font-weight:700;line-height:1.25;letter-spacing:.01em;color:#e9e2fb}.panel label{display:grid;gap:6px;margin-bottom:11px;font-size:.83rem;font-weight:700;color:#cec4ea}.panel select,.panel input[type=number]{width:100%;min-height:42px;border:1px solid rgba(177,154,255,.36);border-radius:11px;padding:8px 10px;font:inherit;color:var(--text-main);background:#0b0818eb}.panel select:focus-visible,.panel input[type=number]:focus-visible,.dock-field input[type=number]:focus-visible,.dock-field select:focus-visible{outline:2px solid rgba(196,173,255,.78);outline-offset:1px}.panel input[type=color]{width:100%;height:42px;border:1px solid rgba(177,154,255,.36);border-radius:11px;padding:2px;background:#0b0818eb;cursor:pointer}.panel select:disabled,.panel input:disabled,.toggle:disabled{opacity:.45;cursor:not-allowed}.upload-button,.action-button{width:100%;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 14px;border-radius:14px;border:1px solid rgba(193,170,255,.42);font-family:Space Grotesk,Sora,sans-serif;font-size:.84rem;font-weight:700;line-height:1;letter-spacing:.02em;color:#f9f7ff;text-align:center;cursor:pointer;transition:transform .16s ease,box-shadow .2s ease,background-color .2s ease}.upload-button{position:relative;overflow:hidden;margin-bottom:11px;border-color:#e1d2ffb8;background:linear-gradient(145deg,#6f4cff,#5233cf);box-shadow:0 15px 24px #442eae7a}.upload-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 44%);pointer-events:none}.upload-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.upload-button.disabled{opacity:.45;cursor:not-allowed;box-shadow:0 6px 12px #06040e52}.upload-button.disabled input{display:none;pointer-events:none}.upload-button.muted{border-color:#ae9aec57;background:linear-gradient(145deg,#2b1d5b,#3e2c7e);box-shadow:0 9px 14px #08061366}.upload-button.muted:after{display:none}.action-button{margin-bottom:11px;border-color:#ae9aec57;background:linear-gradient(145deg,#2b1d5b,#3e2c7e);box-shadow:0 9px 14px #08061366}.action-button.primary{border-color:#dbcbffb3;background:linear-gradient(145deg,#9a7eff,#7052f4);box-shadow:0 16px 26px #6041d694}.action-button.danger{margin-bottom:0;border-color:#f095bd5c;background:linear-gradient(145deg,#402033,#522841);color:#f4c8da;box-shadow:0 8px 14px #2c15236b}.upload-button:not(.disabled):hover,.action-button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 14px 24px #06040e8c}.upload-button:not(.disabled):active,.action-button:not(:disabled):active{transform:translateY(0)}.action-button.primary:not(:disabled):hover{background:linear-gradient(145deg,#8a6eff,#6246ea)}.action-button.danger:not(:disabled):hover{background:linear-gradient(145deg,#4a253a,#5e2f49)}.action-button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:0 6px 12px #06040e52}.hint{margin:0 0 10px;font-size:.82rem;color:#b9afd7;line-height:1.4}.hint.strong{color:#c8b9ff}.prereq-hint{margin:-2px 0 0;padding:9px 11px;border:1px dashed rgba(205,190,255,.32);border-radius:12px;font-size:.79rem;color:#d3c7f5;background:#120c259e}.inline-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.toggle{min-height:36px;border:1px solid rgba(177,154,255,.34);border-radius:10px;background:#110c24f5;color:#e9e2ff;font:inherit;font-size:.81rem;font-weight:700;cursor:pointer}.toggle.active{border-color:#cdbefff2;background:linear-gradient(145deg,#7d5cff,#6143ef)}.meta{margin:0;font-size:.84rem;color:#bdb3da}.layer-list{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:8px}.layer-list li{display:grid;grid-template-columns:1fr auto;gap:8px}.layer-item,.layer-delete{min-height:36px;border:1px solid rgba(177,154,255,.32);border-radius:10px;padding:8px 10px;font:inherit;cursor:pointer}.layer-item{text-align:left;font-size:.82rem;color:#ebe5ff;background:#100b23e6}.layer-item.active{border-color:#d5c6fff2;background:linear-gradient(145deg,#704ff752,#4936ab47)}.layer-delete{width:38px;padding:0;color:#ffadd1;background:#110c24e6}.canvas-panel{min-height:74vh;width:100%;max-width:100%;min-width:0;display:grid;place-items:center;border:0;border-radius:0;padding:0;margin-right:0;background:transparent;box-shadow:none;overflow:hidden}.canvas-host{width:100%;max-width:100%;min-width:0;height:100%;display:grid;place-items:center;overflow:visible}.stage-wrap{position:relative;max-width:100%;overflow:visible}.stage-frame{width:100%;max-width:100%;height:100%;position:relative;border-radius:20px;overflow:hidden;border:1px solid rgba(206,189,255,.32);background:linear-gradient(165deg,#0f0924,#19103a 45%,#110a28);box-shadow:0 0 0 1px #cdbeff29,0 22px 40px #0302089e}.text-style-dock{position:absolute;z-index:7;width:min(100%,580px);transform:translate(-50%);display:grid;grid-template-columns:minmax(178px,2.2fr) minmax(110px,1.2fr) 84px 42px 42px 42px;gap:8px;align-items:end;padding:8px;border-radius:14px;border:1px solid rgba(214,198,255,.52);background:#0b0818d6;box-shadow:0 14px 30px #05030c8a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dock-field{display:grid;gap:4px;font-size:.66rem;color:#bfb2e8;letter-spacing:.02em}.dock-field input[type=number],.dock-field select{width:100%;min-height:34px;border:1px solid rgba(177,154,255,.34);border-radius:8px;background:#120c25f5;color:#f2edff;font:inherit;font-size:.78rem;padding:4px 6px}.dock-field input[type=number]{text-align:center}.dock-color-field{min-width:62px}.dock-color-input{width:100%;min-height:34px;border:1px solid rgba(177,154,255,.34);border-radius:999px;background:#120c25f5;padding:3px;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.dock-color-input::-webkit-color-swatch-wrapper{padding:0}.dock-color-input::-webkit-color-swatch{border:0;border-radius:999px}.dock-color-input::-moz-color-swatch{border:0;border-radius:999px}.dock-toggle{min-height:34px;border-radius:8px;border:1px solid rgba(177,154,255,.4);background:#120c25f5;color:#ece6ff;font-family:Sora,sans-serif;font-weight:700;cursor:pointer}.dock-toggle.active{border-color:#ddd3fff0;background:linear-gradient(145deg,#8564ff,#6647f0)}.empty-state{width:100%;height:100%;display:grid;place-content:center;text-align:center;padding:16px;font:inherit;color:var(--text-soft);border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:transparent}.empty-state-icon{width:74px;height:74px;margin:0 auto 10px;border-radius:18px;border:1px solid rgba(208,190,255,.44);background:linear-gradient(165deg,#39277ea6,#19113ab3);display:grid;place-items:center;box-shadow:0 14px 24px #0e0a2173}.empty-state-icon svg{width:42px;height:42px;fill:none;stroke:#ece4ff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.empty-state h3{margin:0 0 8px;font-family:Space Grotesk,Sora,sans-serif;font-size:1.04rem;color:#ede7ff}.empty-state p{margin:0;max-width:460px}.canvas-inline-editor{position:absolute;z-index:8;border:0;border-radius:0;display:block;padding:0;line-height:1.2;width:auto;min-height:1em;resize:none;white-space:pre;overflow-wrap:normal;word-break:normal;overflow:auto;outline:none;background:transparent;box-shadow:none;transform-origin:left top;caret-color:#f2edff;font:inherit;scrollbar-width:none}.canvas-inline-editor::-webkit-scrollbar{width:0;height:0}.canvas-upload-input{display:none}.floating-delete{position:absolute;z-index:9;width:30px;height:30px;border:0;border-radius:50%;background:var(--danger);color:#fff;font-size:1.05rem;line-height:1;cursor:pointer;box-shadow:0 8px 16px #620f348c;transform:translate(-50%,-50%)}.site-footer{width:100%;max-width:none;margin:14px auto 0;padding:12px 14px;border:1px solid var(--line);border-radius:20px;background:radial-gradient(circle at 10% 20%,rgba(118,82,248,.14),transparent 36%),linear-gradient(165deg,#120c28eb,#090616ed);box-shadow:var(--shadow);display:grid;gap:4px;text-align:center}.footer-telegram{justify-self:center;display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:6px 12px;border-radius:999px;border:1px solid rgba(173,211,255,.34);background:linear-gradient(145deg,#2460c266,#133c8466);color:#e9f5ff;font-family:Sora,sans-serif;font-size:.76rem;font-weight:600;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.footer-telegram:hover{border-color:#add3ff8f;background:linear-gradient(145deg,#276edd85,#16489b85);transform:translateY(-1px)}.footer-telegram:focus-visible{outline:2px solid rgba(194,225,255,.9);outline-offset:2px}.footer-telegram-icon{width:18px;height:18px;display:inline-grid;place-items:center}.footer-telegram-icon svg{width:100%;height:100%;fill:currentColor}.site-footer p{margin:0;font-size:.81rem;color:#c1b6df}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:14px;background:#04030aad;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.confirm-dialog{width:min(100%,420px);border:1px solid rgba(216,199,255,.46);border-radius:18px;padding:14px;background:radial-gradient(circle at 85% 20%,rgba(127,88,255,.15),transparent 36%),linear-gradient(165deg,#171031f5,#0b0818f5);box-shadow:var(--shadow)}.confirm-dialog h3{margin:0;font-family:Space Grotesk,Sora,sans-serif;font-size:1rem;color:#f3eeff}.confirm-dialog p{margin:8px 0 0;font-size:.86rem;color:#c2b6e4}.confirm-actions{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.confirm-btn{min-height:38px;border-radius:10px;border:1px solid rgba(177,154,255,.36);background:#140e2bf5;color:#f2edff;font-family:Sora,sans-serif;font-size:.82rem;font-weight:700;cursor:pointer}.confirm-btn.ghost{border-color:#b19aff6b;background:#181133f5}.confirm-btn.danger{border-color:#ff91c4a6;background:linear-gradient(145deg,#7b143e,#b41d5a)}@media (max-width: 1120px){.editor-shell{grid-template-columns:1fr;gap:14px}.controls{padding:0 10px;grid-template-columns:repeat(2,minmax(0,1fr))}.panel{border-radius:14px}.canvas-panel{margin:0;min-height:72vh}}@media (max-width: 780px){.page{padding:0 8px 16px}.hero{width:100%;margin-top:10px;padding:18px 14px;border-radius:18px}.site-footer{margin-top:10px;padding:10px 12px;border-radius:12px}.site-footer p{font-size:.74rem}.footer-telegram{min-height:32px;font-size:.72rem;padding:5px 10px}.hero-tag{min-height:30px;font-size:.68rem;gap:7px;padding:4px 12px}.brand-orb{width:12px;height:12px}.editor-shell{margin-top:12px;gap:12px}.controls{position:static;width:100%;max-height:none;z-index:auto;grid-template-columns:1fr;align-content:start;gap:10px;order:2;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;transform:none;opacity:1;visibility:visible;pointer-events:auto;transition:none}.controls.open{transform:none}.panel{border-radius:14px}.canvas-panel{margin:0;min-height:78dvh;height:76dvh;padding:0;border-radius:0;order:1}.stage-wrap{max-width:calc(100vw - 26px)}.text-style-dock{width:min(100%,420px);grid-template-columns:minmax(0,1.45fr) 66px 68px 30px 30px 30px;gap:6px;padding:6px}.dock-field{font-size:.62rem}.dock-color-input{min-height:32px;padding:2px}.stage-frame{border-radius:14px}.empty-state-icon{width:66px;height:66px;border-radius:16px;margin-bottom:9px}.empty-state-icon svg{width:38px;height:38px}.confirm-dialog{padding:12px;border-radius:14px}.confirm-actions{grid-template-columns:1fr}}