:root{font-family:"DM Sans",sans-serif;color:#eaf0ff;background:#0b1123;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}[hidden]{display:none!important}.ambient{position:fixed;pointer-events:none;filter:blur(80px);border-radius:50%;z-index:-1}.ambient-one{width:650px;height:650px;background:#17376180;left:25%;top:-300px}.ambient-two{width:430px;height:430px;background:#19576133;right:-140px;bottom:-180px}.brand{display:flex;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-size:21px;font-weight:800;letter-spacing:-1.1px;white-space:nowrap}.brand-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#c7f4e2;color:#112747;font-size:21px;letter-spacing:-2px;box-shadow:0 4px 18px #a6edcf22}.brand-icon span{color:#3c8c8e}.brand-sub{font-size:13px;color:#7e91af;font-weight:500;letter-spacing:0}.app-shell{display:flex;min-height:100vh}.sidebar{width:255px;flex:none;background:#0d162b;border-right:1px solid #ffffff14;padding:26px 15px 18px;display:flex;flex-direction:column}.sidebar .brand{padding:0 11px;margin-bottom:55px}.sidebar-section-label,.sidebar-list-heading{font-size:10px;font-weight:800;letter-spacing:1.8px;color:#7486a5;padding:0 14px}.nav-active{display:flex;align-items:center;gap:12px;margin-top:14px;padding:13px 12px;color:#dffef2;background:#1b3b49;border:1px solid #40736569;border-radius:10px;font-size:13px;font-weight:700}.nav-icon{font-size:20px;line-height:14px;color:#9beccc}.nav-count{margin-left:auto;border-radius:6px;background:#ffffff16;padding:2px 7px;font-size:11px}.sidebar-divider{height:1px;background:#ffffff14;margin:28px 9px 24px}.sidebar-list-heading{display:flex;align-items:center;justify-content:space-between}.icon-button{background:none;border:0;color:#a9e5d4;font-size:19px;line-height:1;padding:3px}.page-list{overflow:auto;max-height:calc(100vh - 320px);padding:12px 0}.page-item{width:100%;display:flex;align-items:center;gap:10px;text-align:left;background:none;border:1px solid transparent;border-radius:9px;color:#a9b9d2;padding:10px 8px;margin:2px 0}.page-item:hover,.page-item.selected{background:#ffffff0c;color:#fff}.page-item.selected{border-color:#ffffff1b}.page-avatar{display:grid;place-items:center;flex:none;width:32px;height:32px;background:#243b55;border-radius:8px;color:#bef5de;font-size:11px;font-weight:800}.page-item strong{display:block;font-size:12px;max-width:154px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-item small{display:block;color:#7486a5;font-size:10px;margin-top:2px}.empty-list{padding:12px 14px;color:#7589a6;font-size:12px;line-height:1.5}.sidebar-bottom{margin-top:auto;padding:16px 10px 0;border-top:1px solid #ffffff14;color:#8fa1b9;display:flex;align-items:center;gap:8px;font-size:11px}.status-dot,.topbar-badge span,.live-dot{width:6px;height:6px;background:#92efc1;border-radius:50%;box-shadow:0 0 10px #92efc1}.sidebar-bottom button{margin-left:auto;background:none;border:0;color:#8fa1b9;font-size:19px}.main-content{min-width:0;flex:1}.topbar{height:74px;border-bottom:1px solid #ffffff14;display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#0d1628a8}.breadcrumb{color:#7186a6;font-size:12px}.breadcrumb span{margin:0 12px;color:#536480}.breadcrumb strong{color:#dbe8f7;font-weight:600}.topbar-right{display:flex;gap:22px;align-items:center}.topbar-badge{display:flex;align-items:center;gap:8px;color:#a1b5ce;font-size:10px;letter-spacing:1.4px;font-weight:800}.primary-button{border:1px solid #d2f8e6;background:#c6f2dd;color:#102b2b;border-radius:9px;min-height:42px;padding:0 18px;font-weight:800;font-size:12px;box-shadow:0 8px 26px #93e3bc20;transition:transform .2s,background .2s}.primary-button:hover{background:#e2ffef;transform:translateY(-1px)}.primary-button span{margin-left:12px;font-size:17px;font-weight:400}.new-top{min-height:35px;font-size:11px}.workspace{max-width:1390px;padding:42px 48px 32px;margin:auto}.workspace-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}.overline{color:#9de6c9;font-size:10px;letter-spacing:2.3px;font-weight:800;margin:0 0 13px}.workspace-heading h1{font-family:Manrope,sans-serif;font-size:clamp(27px,3.4vw,43px);letter-spacing:-2.1px;line-height:1.13;margin:0 0 12px;font-weight:800}.workspace-heading h1 span{color:#a3c1dd}.workspace-heading p:last-child{color:#9fb0c9;font-size:13px;margin:0}.heading-mark{font-size:65px;line-height:1;color:#88d9c0;opacity:.75;margin-right:20px}.editor-grid{display:grid;grid-template-columns:minmax(370px,.9fr) minmax(410px,1.1fr);gap:24px;align-items:start}.editor-card{border:1px solid #ffffff1a;background:linear-gradient(150deg,#17243a,#111b31);box-shadow:0 22px 55px #03091635;border-radius:16px;padding:25px 27px 26px}.card-heading{display:flex;align-items:center;gap:14px;border-bottom:1px solid #ffffff18;padding-bottom:21px;margin-bottom:23px}.card-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#2e505b;color:#b9f5dd;font-size:18px}.card-heading h2{font-family:Manrope,sans-serif;font-size:16px;letter-spacing:-.4px;margin:0 0 4px}.card-heading p{font-size:11px;color:#8e9fb9;margin:0}.field{margin:0 0 20px}.field label,.login-card label{display:block;color:#e4ecf9;font-size:11px;font-weight:800;margin-bottom:9px}.field label span{color:#a5e4ca}.field input,.login-card input{width:100%;height:43px;color:#eaf4ff;background:#0b152a;border:1px solid #354660;border-radius:8px;outline:none;padding:0 13px;font-size:12px;transition:border-color .2s,box-shadow .2s}.field input:focus,.login-card input:focus{border-color:#95dcbf;box-shadow:0 0 0 3px #9de6c918}.field input::placeholder,.login-card input::placeholder{color:#61738f}.field input:disabled{color:#a2b0c6;opacity:.8}.field small{display:block;font-size:10px;color:#8093af;margin-top:7px}.input-with-icon{position:relative}.input-with-icon span{position:absolute;left:14px;top:13px;color:#9de7cc;font-size:12px}.input-with-icon input{padding-left:34px}.label-row{display:flex;justify-content:space-between;gap:8px}.auto-label{color:#729a94;font-size:8px;font-weight:800;letter-spacing:1px}.url-input{display:flex;align-items:center;min-height:43px;background:#0b152a;border:1px solid #354660;border-radius:8px;overflow:hidden}.url-input:focus-within{border-color:#95dcbf;box-shadow:0 0 0 3px #9de6c918}.url-input span{color:#8ca0ba;font-size:11px;white-space:nowrap;padding-left:12px}.url-input input{min-width:0;flex:1;background:none;border:none;box-shadow:none!important;padding-left:2px}.form-actions{display:flex;align-items:center;gap:18px;border-top:1px solid #ffffff18;padding-top:21px;margin-top:6px}.text-button{color:#91a4bd;background:none;border:0;font-size:11px;font-weight:700}.text-button:hover{color:#fff}.form-message{min-height:17px;color:#ffb1aa;font-size:11px;margin:0 0 8px}.form-message.success{color:#a4efcb}.preview-column{min-width:0}.preview-heading{display:flex;justify-content:space-between;align-items:center;height:40px;padding:0 4px}.preview-heading div{display:flex;gap:9px;align-items:center}.preview-heading strong{font-size:12px}.preview-heading>span{font-size:9px;letter-spacing:1.2px;color:#8598b2;font-weight:800}.preview-frame{position:relative;overflow:hidden;background:radial-gradient(circle at 49% -12%,#467c96 0,#214769 26%,#102946 55%,#0b1a31 100%);border:1px solid #729bc157;border-radius:15px;box-shadow:0 30px 70px #02071278;min-height:445px}.preview-frame:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#a9d4e608 1px,transparent 1px),linear-gradient(90deg,#a9d4e608 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(to bottom,black,transparent 80%)}.preview-frame:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;background:#72dbc13a;filter:blur(70px);right:-80px;top:130px}.preview-top{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:19px 22px;border-bottom:1px solid #ffffff25}.preview-brand{font:800 18px Manrope,sans-serif;letter-spacing:-1px}.preview-brand span{color:#abf0d0}.preview-brand small{font-size:10px;letter-spacing:-.3px}.preview-private{color:#d2e6eeaa;font-size:9px}.preview-body{position:relative;z-index:1;padding:30px 43px 37px;text-align:center}.preview-eyebrow{color:#bcefd8;font-size:8px;font-weight:800;letter-spacing:1.7px;margin-bottom:14px}.preview-body h2{font:800 clamp(22px,2.5vw,32px)/1.22 Manrope,sans-serif;letter-spacing:-1.3px;margin:0}.preview-body h2 em{font-style:normal;color:#b5f0d2}.preview-body h2 span{color:#b5f0d2}.preview-body>p{max-width:410px;color:#d4e1edbb;font-size:10px;line-height:1.7;margin:12px auto 20px}.preview-video{height:185px;max-width:440px;margin:auto;border:5px solid #d4e8eb1e;border-radius:11px;background:#071526;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#8aa3bb;font-size:10px;overflow:hidden}.preview-video iframe{width:100%;height:100%;border:0}.preview-play{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:#c2f4dc;color:#113a41;padding-left:3px;font-size:12px}.preview-cta{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:21px;font-size:11px;color:#ecf6fb}.preview-cta-button{background:#bff0d7;color:#113a39;font-size:10px;font-weight:800;padding:9px 14px;border-radius:7px}.preview-note{display:flex;align-items:center;gap:10px;color:#889db9;font-size:11px;padding:18px 8px}.preview-note span{color:#a4e8cc;font-size:18px}.preview-note p{margin:0;line-height:1.5}.bottom-strip{border-top:1px solid #ffffff13;display:flex;align-items:center;gap:11px;color:#7588a5;margin-top:22px;padding-top:22px;font-size:11px}.bottom-strip>span:first-child{font-size:20px;color:#8cdbc4}.bottom-strip p{margin:0}.bottom-strip>span:last-child{margin-left:auto;font-size:9px;letter-spacing:1.3px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(440px,100%);border:1px solid #ffffff23;background:linear-gradient(155deg,#1d2d46,#111c32);border-radius:20px;padding:34px;box-shadow:0 30px 90px #030a18aa}.brand-login{margin-bottom:44px}.login-icon{display:grid;place-items:center;width:44px;height:44px;background:#c5f1dc;color:#1e4846;border-radius:11px;font-size:24px;margin-bottom:22px}.login-card h1{font:800 34px/1.15 Manrope,sans-serif;letter-spacing:-1.6px;margin:0 0 14px}.login-card h1 span{color:#9edfc7}.login-description{color:#9aabc1;font-size:13px;line-height:1.6;margin:0 0 31px}.login-card label{margin-bottom:10px}.login-card input{height:48px;margin-bottom:13px}.full{width:100%;height:47px}.toast{position:fixed;right:24px;bottom:24px;background:#d9ffeb;color:#153c3d;padding:13px 17px;border-radius:9px;box-shadow:0 15px 40px #0007;font-size:12px;font-weight:700;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s;z-index:10}.toast.visible{opacity:1;transform:translateY(0)}
@media(max-width:1050px){.sidebar{width:210px}.workspace{padding:34px 26px}.editor-grid{grid-template-columns:1fr}.preview-frame{max-width:650px}.heading-mark{display:none}}
@media(max-width:700px){.app-shell{display:block}.sidebar{width:100%;height:auto;padding:15px 18px}.sidebar .brand{margin:0}.sidebar-section-label,.nav-active,.sidebar-divider,.sidebar-list-heading,.page-list,.sidebar-bottom{display:none}.topbar{height:62px;padding:0 18px}.topbar-badge{display:none}.workspace{padding:28px 17px}.workspace-heading{margin-bottom:27px}.workspace-heading h1{letter-spacing:-1.4px}.editor-grid{gap:18px}.editor-card{padding:20px}.preview-heading>span{display:none}.preview-body{padding:27px 22px}.preview-video{height:165px}.bottom-strip>span:last-child{display:none}}
.local-banner{display:flex;gap:12px;align-items:center;border:1px solid #a5e8cb70;background:#1b443f88;color:#d7f8e8;border-radius:10px;padding:13px 16px;margin-bottom:28px;font-size:11px;line-height:1.5}.local-banner strong{white-space:nowrap;color:#adf0d0}@media(max-width:700px){.local-banner{align-items:flex-start;flex-direction:column;gap:3px}}
.preview-frame{min-height:0;background:radial-gradient(circle at 10% 8%,#f6e7dc 0,transparent 38%),radial-gradient(circle at 90% 90%,#e4ede5 0,transparent 34%),#f8f6f0;border-color:#e6ded2;color:#253336;box-shadow:0 24px 55px #03091635}.preview-frame:before,.preview-frame:after{display:none}.preview-body{padding:44px 38px 38px}.preview-body h2{max-width:480px;margin:0 auto 29px;color:#253336;font-size:clamp(23px,2.5vw,32px);line-height:1.2;letter-spacing:-1.3px}.preview-body h2 em{color:#c27560;overflow-wrap:anywhere}.preview-video{width:100%;max-width:470px;height:auto;aspect-ratio:16/9;border:6px solid #fffdf9;background:#171d20;border-radius:12px;box-shadow:0 15px 30px #493d3020;color:#b3bbb9}.preview-play{background:#fff;color:#274c47}.preview-cta{margin-top:27px}.preview-cta-button{padding:11px 23px;background:#274c47;color:#fff;border-radius:9px;font-size:11px;box-shadow:0 9px 18px #274c4730}@media(max-width:700px){.preview-body{padding:35px 17px 32px}.preview-body h2{font-size:26px;margin-bottom:24px}}
.import-card{margin-top:28px;padding:25px 27px;border:1px solid #ffffff1a;border-radius:16px;background:linear-gradient(150deg,#17243a,#111b31)}.import-controls{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.import-controls .field{flex:1 1 280px;margin:0;min-width:0}.import-controls .primary-button{flex:none}.import-card input[type=file]{height:auto;min-height:43px;padding:9px 12px}.import-card input[type=file]::file-selector-button{border:0;border-radius:5px;background:#294859;color:#d8f7e8;padding:5px 9px;margin-right:12px;cursor:pointer}.import-template{display:inline-block;margin-top:18px;color:#a5e4ca;font-size:11px;font-weight:700}.import-summary{font-size:12px;color:#cce9dc;margin:16px 0 12px}.import-table-wrap{overflow:auto;max-height:430px;border:1px solid #ffffff1a;border-radius:9px}.import-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}.import-table th,.import-table td{padding:10px 12px;border-bottom:1px solid #ffffff14;vertical-align:top}.import-table th{position:sticky;top:0;background:#19273c;color:#a6bacd;font-weight:800}.import-table td{color:#d9e5f2}.import-table td:nth-child(4){overflow-wrap:anywhere}.import-table a{color:#a5e4ca}.import-status.ready,.import-status.created{color:#a5e4ca}.import-status.error,.import-status.exists,.import-status.skipped{color:#f0ae9f}#commitImport{margin-top:16px}@media(max-width:700px){.import-card{padding:20px}.import-controls{align-items:stretch}.import-controls .primary-button{width:100%}.import-table{min-width:540px}}
.preview-calendar{display:inline-block;margin-top:14px;color:#64736c;font-size:10px;font-weight:500}.preview-calendar strong{display:block;margin-top:4px;color:#355c53;font-weight:700;text-decoration:underline;text-underline-offset:3px}