@import url(https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700&display=swap);:root{--night:#0b0d12;--ink:#141824;--paper:#f4f6fb;--steel:#2f3a4a;--blue:#2f6bff;--azure:#61d4ff;--magenta:#ff3d8a;--lemon:#ffd84d;--shadow:#090f1e40}*,:after,:before{box-sizing:border-box}body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 15% 15%,#1c2231 0,#0b0d12 55%,#07090d 100%);background:radial-gradient(circle at 15% 15%,#1c2231 0,var(--night) 55%,#07090d 100%);color:#f4f6fb;color:var(--paper);font-family:Sora,Trebuchet MS,sans-serif;margin:0}@supports (font-variation-settings:normal){body{font-family:Sora,Trebuchet MS,sans-serif}}#root{min-height:100%}button,input,textarea{font-family:inherit}.app{color:var(--paper)}.app,.page{min-height:100vh}.page{display:grid;overflow:hidden;padding:56px 20px 80px;place-items:center;position:relative;text-align:center;width:100%}.page:after,.page:before{border-radius:999px;content:"";opacity:.65;position:absolute;z-index:0}.page:before{background:radial-gradient(circle at 30% 30%,var(--blue),#0000 70%);height:420px;right:-80px;top:-120px;width:420px}.page:after{background:radial-gradient(circle at 30% 30%,var(--magenta),#0000 70%);bottom:-120px;height:460px;left:-70px;width:460px}.page>*{position:relative;z-index:1}.page.editor{align-items:stretch;display:flex;flex-direction:column;gap:24px;padding:48px clamp(24px,4vw,56px) 72px;text-align:left}.frame{grid-gap:18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(145deg,#121824f2,#0b0e14d9);border:1px solid #61d4ff26;border-radius:28px;box-shadow:0 32px 80px var(--shadow);display:grid;gap:18px;justify-items:center;padding:72px 48px;position:relative;width:min(760px,100%);z-index:1}.frame h1{font-size:clamp(2.8rem,8vw,6rem);letter-spacing:.12em;line-height:1;margin:0;text-transform:uppercase}.bubble-field{border-radius:0;inset:0;overflow:hidden;pointer-events:none;position:absolute}.bubble{animation:bubble-pop 8s ease-in-out infinite;background:radial-gradient(circle,#61d4ff8c,#61d4ff0d);border-radius:50%;box-shadow:0 0 18px #61d4ff59;height:32px;opacity:0;position:absolute;width:32px}.bubble:first-child{animation-delay:0s;left:20%;top:60%}.bubble:nth-child(2){animation-delay:2s;height:26px;left:70%;top:30%;width:26px}.bubble:nth-child(3){animation-delay:4s;height:38px;left:55%;top:70%;width:38px}.bubble:nth-child(4){animation-delay:6s;height:22px;left:35%;top:40%;width:22px}.frame>*{animation:fade-up .7s ease forwards}.frame>:nth-child(2){animation-delay:.14s}.feature-frame{grid-gap:18px;background:#090c148c;border:1px solid #61d4ff33;border-radius:24px;box-shadow:0 24px 50px #060a1459;display:grid;gap:18px;justify-items:center;margin-top:24px;padding:18px;width:min(760px,100%)}.cta-card{align-items:center;animation:fade-up .8s ease forwards;animation-delay:.24s;background:#0a0c12cc;border:1px solid #61d4ff33;border-radius:22px;box-shadow:0 18px 40px #060a1466;display:flex;gap:20px;justify-content:space-between;padding:22px 24px;width:min(620px,100%)}.cta-card h2{color:var(--paper);font-size:clamp(1.2rem,3vw,1.6rem);margin:8px 0}.cta-card p{color:#f4f6fbbf;line-height:1.5;margin:0;max-width:38ch}.cta-link{align-items:center;background:var(--blue);border-radius:14px;color:#fff;display:inline-flex;font-weight:600;justify-content:center;min-width:170px;padding:12px 20px;text-decoration:none;transition:.2s ease}.cta-link:hover{box-shadow:0 10px 18px #2f6bff52;transform:translateY(-1px)}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}.page-header-meta h2{color:var(--paper);font-size:clamp(1.2rem,2vw,1.8rem);margin:6px 0 0}.brand-link{color:var(--paper);font-size:clamp(1.2rem,3vw,2rem);font-weight:700;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.editor-card{background:var(--surface);border:1px solid var(--surface-border);border-radius:28px;box-shadow:0 24px 60px #090f1e59;display:flex;flex:1 1;flex-direction:column;gap:24px;min-height:0;padding:clamp(20px,3vw,36px)}.editor-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}.editor-header h2{color:var(--paper);font-size:clamp(1.5rem,2vw,2.1rem);margin:0 0 8px}.editor-header p{color:#f4f6fbb3;line-height:1.5;margin:0;max-width:520px}.editor-header-actions{display:flex;gap:12px}.editor-grid{grid-gap:clamp(18px,2.5vw,28px);display:grid;flex:1 1;gap:clamp(18px,2.5vw,28px);grid-template-columns:minmax(240px,.9fr) minmax(320px,1.1fr);min-height:0}.editor-panel,.tree-panel{background:#0a0e16cc;border:1px solid #61d4ff1f;border-radius:20px;display:flex;flex-direction:column;gap:16px;min-height:0;padding:18px}.panel-title{color:#f4f6fb99;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase}.tree-scroll{flex:1 1;max-height:none;overflow:auto;padding-right:6px}.tree-list{margin:0}.tree-group,.tree-list{grid-gap:4px;display:grid;gap:4px;list-style:none;padding:0}.tree-group{margin:4px 0 0}.tree-row{align-items:center;border-radius:12px;color:#f4f6fbb3;cursor:pointer;display:flex;gap:8px;padding:6px 10px;transition:.2s ease}.tree-row:hover{background:#2f6bff1f;color:var(--paper)}.tree-row.selected{background:#2f6bff33;border-left:3px solid var(--azure);color:var(--paper)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.tree-caret{align-items:center;background:#61d4ff1f;border:none;border-radius:6px;color:var(--paper);cursor:pointer;display:inline-flex;font-size:.8rem;height:20px;justify-content:center;width:20px}.tree-caret.empty{background:#0000;color:#f4f6fb99}.tree-tag{background:#61d4ff1f;border-radius:6px;color:var(--azure);font-size:.7rem;font-weight:600;letter-spacing:.08em;padding:2px 6px;text-transform:uppercase}.tree-label{font-weight:500}.tabs{background:#06080cb3;border-radius:12px;display:inline-flex;gap:4px;padding:4px}.tab{background:#0000;border:none;border-radius:10px;color:#f4f6fbb3;cursor:pointer;padding:6px 14px}.tab.active{background:#2f6bff2e;box-shadow:0 4px 10px #090f1e4d;color:var(--paper)}.panel-highlight{background:#61d4ff2e;border-radius:12px;color:var(--paper);font-weight:600;padding:10px 14px}.panel-alert{background:#ff3d8a29;border:1px solid #ff3d8a73;border-radius:14px;color:#f4f6fbeb;line-height:1.4;padding:14px}.panel-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.panel-actions-label{color:#f4f6fbb3;font-size:.8rem}.toast{align-items:center;animation:toast-in .25s ease-out;background:#0a0e16eb;border:1px solid #61d4ff66;border-radius:12px;box-shadow:0 16px 32px #060a1466;color:var(--paper);display:inline-flex;font-size:.9rem;gap:10px;padding:12px 16px;position:fixed;right:28px;top:28px;z-index:20}.toast.success{border-color:#61d4ff8c}.toast.warn{border-color:#ff3d8a99}.toast-dot{background:var(--azure);border-radius:999px;box-shadow:0 0 10px #61d4ffcc;height:8px;width:8px}.toast.warn .toast-dot{background:var(--magenta);box-shadow:0 0 10px #ff3d8acc}.toast-message{font-weight:600}.status-line{align-items:center;background:#61d4ff1f;border-radius:999px;color:#f4f6fbd9;display:inline-flex;font-size:.75rem;letter-spacing:.08em;padding:6px 12px;text-transform:uppercase}.status-line.ok{border:1px solid #61d4ff66}.status-line.warn{background:#ff3d8a1f;border:1px solid #ff3d8a80}.editor-selected{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.editor-selected h3{color:var(--paper);margin:6px 0 0}.section-eyebrow{color:#f4f6fb99;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase}.editor-actions{display:flex;flex-wrap:wrap;gap:10px}.create-panel{background:#080a10bf;border:1px solid #61d4ff33;border-radius:18px;display:flex;flex-direction:column;gap:12px;margin-top:12px;padding:16px}.create-panel h4{color:var(--paper);font-size:1rem;margin:0}.panel-muted{color:#f4f6fb99;font-size:.9rem}.editor-form{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.editor-form label{grid-gap:6px;color:#f4f6fbb3;display:grid;font-size:.85rem;gap:6px}.editor-form input,.editor-form textarea{background:#080a10d9;border:1px solid #61d4ff33;border-radius:10px;color:var(--paper);font-size:.95rem;padding:10px 12px}.editor-form textarea{resize:vertical}.editor-form .full{grid-column:1/-1}.btn{background:#61d4ff29;border:1px solid #0000;border-radius:12px;color:var(--paper);cursor:pointer;font-weight:600;padding:8px 16px;transition:.2s ease}.btn:hover{box-shadow:0 6px 14px #090f1e59;transform:translateY(-1px)}.btn.primary{background:var(--blue);color:#fff}.btn.ghost{background:#0000;border-color:#61d4ff4d;color:#f4f6fbcc}.btn.subtle{background:#2f6bff24;border-color:#2f6bff4d;color:var(--paper)}@media (max-width:960px){.editor-grid{grid-template-columns:1fr}.tree-scroll{max-height:240px}.cta-card{align-items:stretch;flex-direction:column}}@media (max-width:720px){.editor-form{grid-template-columns:1fr}.editor-header-actions,.page-header{justify-content:center;width:100%}.page-header{text-align:center}.frame{padding:32px 24px}.cta-link{width:100%}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}@keyframes bubble-pop{0%{opacity:0;transform:translateY(12px) scale(.4)}25%{opacity:.7}60%{opacity:.6;transform:translateY(-18px) scale(1)}to{opacity:0;transform:translateY(-40px) scale(1.4)}}
/*# sourceMappingURL=main.ea7e67ab.css.map*/