@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#151821;background:#f3f4f7;font-synthesis:none;--ink:#151821;--muted:#767b87;--line:#e3e5ea;--purple:#6457e6;--purple-dark:#4d43c4;--panel:#fff}*{box-sizing:border-box}body{margin:0;min-width:1100px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.studio-shell{min-height:100vh;display:grid;grid-template-columns:68px 1fr}.main-nav{background:#12141b;padding:18px 10px;display:flex;flex-direction:column;align-items:center;gap:10px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#8278f1,#5649ce);color:#fff;font-family:Manrope;font-weight:800;font-size:20px;margin-bottom:20px;box-shadow:0 8px 24px #0005}.brand-mark.large{width:54px;height:54px;font-size:26px;margin:0 auto 24px}.nav-icon{border:0;width:42px;height:42px;border-radius:11px;background:transparent;color:#777d8b;font-size:19px}.nav-icon:hover,.nav-icon.active{background:#282b35;color:#fff}.nav-icon.account{margin-top:auto;border-radius:50%;font-size:11px;font-weight:700;background:#373b48;color:#cfd3dd}.workspace{display:flex;flex-direction:column;min-width:0}.workspace-header{height:78px;background:#fff;border-bottom:1px solid var(--line);padding:0 28px;display:flex;align-items:center;justify-content:space-between}.workspace-header h1{font:700 20px Manrope;margin:2px 0}.product-label,.section-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-weight:700}.status-pill{display:flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:600}.status-pill span{width:7px;height:7px;border-radius:50%;background:#d29b31}.status-pill.published span{background:#2fb879}.editor-frame{margin:16px;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 12px 40px #23263b0b;height:calc(100vh - 111px);min-height:650px;display:flex;flex-direction:column}.editor-toolbar{height:58px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:0 14px}.editor-toolbar select{border:1px solid var(--line);border-radius:8px;padding:8px 34px 8px 10px;font-weight:600;background:#fff}.breadcrumbs{display:flex;gap:8px;color:var(--muted);font-size:13px}.breadcrumbs strong{color:var(--ink)}.device-switcher{display:flex;border:1px solid var(--line);border-radius:8px;padding:3px;margin-left:auto}.device-switcher button{border:0;background:transparent;padding:5px 10px;color:#8b8f98;border-radius:5px}.device-switcher button.active{background:#eeeefd;color:var(--purple)}.primary-button,.secondary-button,.publish-button{border-radius:8px;padding:9px 15px;font-weight:700;border:1px solid var(--line)}.primary-button,.publish-button{background:var(--purple);border-color:var(--purple);color:#fff}.primary-button:hover,.publish-button:hover{background:var(--purple-dark)}.secondary-button{background:#fff;color:var(--ink)}button:disabled{opacity:.5;cursor:not-allowed}.editor-body{display:grid;grid-template-columns:224px minmax(500px,1fr) 278px;min-height:0;flex:1}.resource-panel,.inspector-panel{background:#fff;overflow:auto}.resource-panel{border-right:1px solid var(--line)}.inspector-panel{border-left:1px solid var(--line)}.panel-heading{height:52px;padding:0 14px;display:flex;align-items:center;justify-content:space-between}.panel-heading h3{font:700 12px Manrope;text-transform:uppercase;letter-spacing:.08em}.panel-heading button{border:0;background:transparent;color:var(--purple);font-size:18px}.page-row{width:calc(100% - 16px);margin:2px 8px;padding:10px;border:0;border-radius:8px;background:transparent;display:flex;gap:10px;text-align:left;align-items:center}.page-row:hover,.page-row.active{background:#f1f0ff}.page-row>span{color:#7f75dc}.page-row div{display:grid}.page-row strong{font-size:13px}.page-row small{font-size:11px;color:var(--muted)}.create-page{margin:8px;border:1px dashed #c9cbe0;border-radius:9px;padding:11px;width:calc(100% - 16px);background:#fafaff;color:var(--purple);font-weight:600}.blocks-title{border-top:1px solid var(--line);margin-top:8px}.block-library{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 10px 16px}.block-library button{min-height:82px;border:1px solid var(--line);background:#fff;border-radius:9px;display:grid;place-items:center;padding:9px}.block-library button:hover{border-color:#aaa4ed;background:#fbfaff}.block-library span{font:700 19px Manrope;color:var(--purple)}.block-library b{font-size:12px}.block-library small{font-size:9px;color:var(--muted)}.canvas-area{background:#e8eaef;padding:24px;overflow:auto}.site-canvas{min-height:100%;max-width:1120px;margin:auto;background:var(--site-bg);color:var(--site-text);box-shadow:0 4px 22px #2d34431a;transition:max-width .2s}.site-canvas.tablet{max-width:760px}.site-canvas.mobile{max-width:390px}.preview-nav{height:64px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--site-border);font-size:12px}.preview-nav strong{font:700 17px Manrope}.preview-nav span{color:var(--site-muted)}.canvas-block{position:relative;border:2px solid transparent}.canvas-block:hover{outline:1px dashed #887ef0;outline-offset:-3px}.canvas-block.selected{border-color:#6558e6}.drag-handle{position:absolute;z-index:2;top:8px;left:8px;background:#6558e6;color:#fff;border-radius:5px;padding:3px 6px;font-size:12px;opacity:0}.canvas-block:hover .drag-handle,.canvas-block.selected .drag-handle{opacity:1}.preview-hero{padding:76px 9%;min-height:360px;background:linear-gradient(135deg,var(--site-surface),var(--site-bg));display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.preview-hero small{color:var(--site-primary);font-weight:700;text-transform:uppercase;letter-spacing:.12em}.preview-hero h1{font:700 clamp(36px,5vw,68px)/1.02 Manrope;margin:14px 0;max-width:780px;letter-spacing:-.045em}.preview-hero p{color:var(--site-muted);font-size:17px;max-width:640px}.preview-hero button,.preview-cta button{background:var(--site-primary);color:#fff;border:0;border-radius:8px;padding:12px 18px;font-weight:700}.preview-text{padding:54px 12%;font-size:18px;line-height:1.75;white-space:pre-wrap}.preview-image{margin:0;padding:30px 8%;text-align:center}.preview-image div{height:260px;background:var(--site-surface);display:grid;place-items:center;color:var(--site-muted)}.preview-image img{max-width:100%;max-height:480px}.preview-image figcaption{color:var(--site-muted);font-size:12px;margin-top:8px}.preview-cta{text-align:center;padding:64px 9%;background:var(--site-secondary);color:#fff}.preview-cta h2{font:700 34px Manrope;margin:0 0 8px}.preview-cta p{color:#fffa}.preview-container,.preview-unknown{padding:48px;text-align:center;background:var(--site-surface);color:var(--site-muted)}.canvas-empty{min-height:440px;display:grid;place-content:center;text-align:center;color:var(--muted)}.canvas-empty span{font-size:34px;color:var(--purple)}.canvas-empty h3{margin:8px 0 0;color:var(--ink)}.canvas-empty p{margin:6px}.inspector-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.inspector-tabs button{border:0;background:#fff;padding:17px 8px;color:var(--muted);font-size:12px;font-weight:700}.inspector-tabs button.active{color:var(--purple);box-shadow:inset 0 -2px var(--purple)}.inspector-content{padding:19px}.inspector-content h2{font:700 21px Manrope;margin:6px 0 20px}.inspector-content label{display:grid;gap:6px;font-size:11px;font-weight:700;color:#545965;margin:0 0 14px}.inspector-content input,.inspector-content textarea,.inspector-content select,.inline-form input,.connection-card input{border:1px solid var(--line);border-radius:8px;padding:9px 10px;background:#fff;color:var(--ink)}.inspector-content textarea{min-height:100px;resize:vertical}.subheading{font:700 11px Manrope;text-transform:uppercase;letter-spacing:.08em;border-top:1px solid var(--line);padding-top:18px;margin-top:22px}.danger-button{margin-top:15px;width:100%;border:1px solid #f0caca;color:#b43c3c;background:#fff7f7;border-radius:8px;padding:9px;font-weight:700}.inspector-empty{height:80%;display:grid;place-content:center;text-align:center;padding:30px;color:var(--muted)}.inspector-empty span{font-size:32px;color:#aaa5e7}.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.color-grid label{border:1px solid var(--line);padding:7px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;margin:0;font-size:9px}.color-grid input{width:28px;height:26px;border:0;padding:0}.primary-button.full{width:100%;margin-top:20px}.error-banner{margin:12px 16px 0;background:#fff2f2;border:1px solid #f4cccc;color:#9e3030;border-radius:9px;padding:10px 14px;display:flex;justify-content:space-between;font-size:13px}.error-banner button{border:0;background:transparent;color:inherit}.empty-state,.loading{margin:auto;max-width:620px;text-align:center;padding:60px}.empty-illustration{font-size:48px;color:var(--purple)}.empty-state h2{font:700 32px Manrope;margin:12px}.empty-state p{color:var(--muted)}.inline-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0;text-align:left}.inline-form label,.connection-card label{display:grid;gap:6px;font-size:12px;font-weight:700}.connection-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 10%,#eeecff,#f4f5f8 48%)}.connection-card{width:440px;background:#fff;padding:44px;border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 80px #28265417;text-align:center}.connection-card h1{font:700 30px Manrope;margin:8px}.connection-card p{color:var(--muted);line-height:1.6;margin:0 0 24px}.connection-card label{text-align:left;margin-bottom:15px}.connection-card .primary-button{width:100%}.loading span{display:block;margin:auto;width:25px;height:25px;border:3px solid #ddd;border-top-color:var(--purple);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.inspector-tabs{grid-template-columns:repeat(3,1fr)}.inspector-tabs button{padding-right:3px;padding-left:3px;font-size:10px}.preview-link{color:var(--ink);text-decoration:none}.login-link{display:block;text-align:center;text-decoration:none}.helper-text{margin:-10px 0 18px;color:var(--muted);font-size:12px;line-height:1.55}.settings-panel{padding-bottom:40px}.setting-card{margin-bottom:12px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fcfcfd}.setting-card-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.setting-card-title div{display:grid;gap:2px}.setting-card-title strong{font-size:12px}.setting-card-title small{color:var(--purple);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.setting-card>p{color:var(--muted);font-size:11px;line-height:1.5}.setting-card label{margin-top:10px}.setting-card input[type=checkbox]{width:34px;height:18px;accent-color:var(--purple)}.secondary-button.compact{width:100%;padding:7px 9px;font-size:11px}.domain-card{margin-top:14px}.domain-state{padding:4px 6px;border-radius:999px;background:#fff3d6;color:#8a6312;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.domain-state.verified{background:#dff8ed;color:#15714d}.dns-record{display:grid;gap:7px;margin-top:12px}.dns-record small{color:var(--purple);font-weight:800}.dns-record code{padding:6px;overflow-wrap:anywhere;border-radius:5px;background:#f0f1f5;color:#4e5360;font:10px/1.45 ui-monospace,SFMono-Regular,monospace}.upload-button{display:block!important;padding:10px;border:1px dashed #aaa4ed;border-radius:8px;background:#fafaff;color:var(--purple)!important;text-align:center;cursor:pointer}.upload-button input{display:none}.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.media-grid button{min-width:0;padding:0 0 7px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff;text-align:left}.media-grid button:hover{border-color:#aaa4ed;box-shadow:0 4px 14px #4d43c414}.media-grid img{width:100%;height:78px;object-fit:cover;background:#f0f1f5}.media-grid span,.media-grid small{display:block;padding:0 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-grid span{margin-top:5px;font-size:10px;font-weight:700}.media-grid small{color:var(--muted);font-size:9px}.mini-empty{padding:24px 10px;color:var(--muted);font-size:11px;text-align:center}.new-page-form{display:grid;gap:7px;margin:0 8px 10px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fafaff}.new-page-form input{min-width:0;padding:8px;border:1px solid var(--line);border-radius:6px}.new-page-form button{padding:8px;border:0;border-radius:6px;background:var(--purple);color:#fff;font-size:11px;font-weight:700}.workspace-switcher{display:flex;padding:3px;border:1px solid var(--line);border-radius:8px;background:#f7f7fa}.workspace-switcher button{padding:5px 10px;border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:11px;font-weight:700}.workspace-switcher button.active{background:#fff;color:var(--purple);box-shadow:0 1px 4px #15182112}.article-workspace{display:grid;grid-template-columns:300px minmax(620px,1fr);min-height:0;flex:1;background:#eef0f4}.article-list{overflow:auto;border-right:1px solid var(--line);background:#fff}.article-filters{display:flex;justify-content:space-between;padding:0 14px 12px;color:var(--muted);font-size:10px}.article-filters a{color:var(--purple);text-decoration:none;font-weight:700}.article-row{display:flex;width:calc(100% - 16px);margin:2px 8px;padding:11px;gap:10px;border:0;border-radius:8px;background:transparent;text-align:left;align-items:flex-start}.article-row:hover,.article-row.active{background:#f1f0ff}.article-row div{display:grid;min-width:0;gap:4px}.article-row strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.article-row small{color:var(--muted);font-size:9px}.content-state{flex:0 0 auto;width:8px;height:8px;margin-top:3px;border-radius:50%;background:#d5a23c}.content-state.published{background:#2fb879}.content-state.archived{background:#a5a8b0}.article-editor{margin:24px;overflow:auto;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 8px 34px #2024380c}.article-editor-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 28px;border-bottom:1px solid var(--line)}.article-editor-header h2{margin:5px 0 0;font:700 22px Manrope}.article-actions{display:flex;gap:8px}.article-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:28px}.article-form label{display:grid;gap:7px;color:#545965;font-size:11px;font-weight:700}.article-form label.wide,.article-meta{grid-column:1/-1}.article-form input,.article-form textarea{padding:10px 11px;border:1px solid var(--line);border-radius:8px;color:var(--ink)}.article-form textarea{min-height:90px;resize:vertical}.article-form .article-body-input{min-height:320px;line-height:1.65}.article-meta{color:var(--muted);font-size:10px}.revision-list{display:grid;gap:8px}.revision{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border:1px solid var(--line);border-radius:8px}.revision.current{border-color:#aaa4ed;background:#fafaff}.revision div{display:grid}.revision strong{font-size:11px}.revision small{color:var(--muted);font-size:9px}.revision span{color:var(--purple);font-size:9px;font-weight:800;text-transform:uppercase}.revision button{padding:5px 7px;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:9px}.inspector-content textarea.json-editor{min-height:190px;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.inspector-content textarea.invalid{border-color:#c84a4a;background:#fff6f6}.json-help{margin-top:-8px;color:var(--muted);font-size:10px;font-weight:500}.json-help.invalid{color:#b43c3c}.preview-structured,.preview-table{padding:54px 7%}.preview-structured>small,.preview-table>small{color:var(--site-primary);font-weight:800;text-transform:uppercase;letter-spacing:.12em}.preview-structured h2,.preview-table h2,.preview-stats h2{margin:10px 0 24px;font:700 36px Manrope}.preview-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.preview-card-grid article{position:relative;padding:20px;border:1px solid var(--site-border);border-radius:14px}.preview-card-grid p{color:var(--site-muted);font-size:12px}.preview-card-grid span{position:absolute;top:16px;right:16px;color:var(--site-primary)}.preview-stats{padding:54px 7%;color:#fff;background:var(--site-secondary)}.preview-stats>div{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.preview-stats article{display:grid}.preview-stats strong{color:var(--site-accent);font:700 36px Manrope}.preview-stats span{color:#fffa;font-size:11px}.preview-table{overflow:auto;background:var(--site-surface)}.preview-table table{width:100%;border-collapse:collapse;background:var(--site-bg);font-size:11px}.preview-table th,.preview-table td{padding:10px;border:1px solid var(--site-border);text-align:left}.preview-table th{color:var(--site-muted);font-size:9px;text-transform:uppercase}