@font-face{font-family:Inter;src:url('/assets/inter-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{font-family:Inter,Arial,sans-serif;color:#eef3f6;background:#0a0e13;font-synthesis:none;color-scheme:dark;--muted:#89959f;--line:#202b35;--teal:#2dd4bf;--panel:#10171e;--sidebar:#0b1016;--danger:#f49797}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--teal);outline-offset:4px}button{color:inherit}svg{flex-shrink:0}button svg,a svg{width:18px;height:18px}button{background:none;border:0}h1,h2,h3,p{margin:0}button,a{min-height:44px}button{transition:background .16s ease,border-color .16s ease,transform .16s ease}input,textarea,select{width:100%;border:1px solid #2a3742;border-radius:9px;background:#0c1218;color:#edf3f5;padding:12px 13px;min-height:46px;outline:none;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:#4ccabb;outline:none}textarea{resize:vertical;line-height:1.6}input::placeholder,textarea::placeholder{color:#63727e}input[type=color]{padding:4px;width:48px;height:44px;cursor:pointer}input[type=range]{padding:0;min-height:38px;accent-color:var(--teal)}input[type=checkbox]{width:20px;height:20px;min-height:0;accent-color:var(--teal)}input[type=file]{font-size:12px;padding:10px}label{font-size:12px;font-weight:550;color:#b5c1ca;display:block}small,.helper{display:block;font-size:11px;color:var(--muted);line-height:1.65;font-weight:400}.helper{margin-top:7px}fieldset{padding:0;margin:0;border:0;min-width:0}legend{font-weight:600;font-size:13px;margin-bottom:13px}::selection{background:#1d6b62;color:white}.app-shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100dvh;background:var(--sidebar);border-right:1px solid #1a252f;display:flex;flex-direction:column;padding:29px 18px 19px;z-index:10}.wordmark{display:flex;align-items:center;gap:10px;font-size:21px;letter-spacing:-.9px;font-weight:690;padding:0 10px}.owl-logo{width:34px!important;height:34px!important;color:var(--teal)}.wordmark span span{font-weight:370;color:#aebac4}.workspace-tag{margin:14px 10px 32px;color:#74838f;font-size:10px;letter-spacing:1.6px;text-transform:uppercase}.nav-button{width:100%;display:flex;align-items:center;gap:11px;text-align:left;padding:11px 12px;border-radius:8px;font-size:12px;color:#93a2ae;font-weight:530}.nav-button:hover{background:#141d26;color:#eaf2f4}.nav-button.active{background:#14302e;color:#66dfd0}.nav-button.active svg{color:#38cbb8}.nav-count{margin-left:auto;border:1px solid #31504b;border-radius:4px;font-size:10px;padding:1px 5px}.nav-caption{font-size:9px;letter-spacing:1.6px;color:#61717d;margin:32px 12px 12px;font-weight:600;text-transform:uppercase}.profile-nav{min-height:44px;width:100%;border-radius:8px;display:flex;align-items:center;gap:10px;text-align:left;font-size:12px;color:#9daab5;padding:7px 10px}.profile-nav:hover,.profile-nav.selected{background:#141d26;color:#f0f5f7}.mini-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:27px;height:27px;border-radius:8px;font-size:9px;font-weight:700;background:color-mix(in srgb,var(--profile-accent,#2dd4bf) 15%,#111820);color:var(--profile-accent,#2dd4bf);overflow:hidden}.mini-avatar img{width:100%;height:100%;object-fit:cover}.profile-nav .profile-nav-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-dot{width:5px;height:5px;border-radius:50%;background:#45515b;margin-left:auto;flex-shrink:0}.profile-dot.published{background:#2dd4bf}.sidebar-bottom{margin-top:auto;padding-top:24px}.workspace-note{border:1px solid #1f303b;border-radius:9px;padding:13px 12px;color:#83939f;font-size:10px;line-height:1.7;margin-bottom:19px}.workspace-note strong{display:block;color:#b9c9d0;font-size:11px;font-weight:500;margin-bottom:3px}.account{display:flex;align-items:center;gap:10px;padding:9px;border-top:1px solid #1c2832}.account-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#adbbb7;background:#22312f;font-size:10px;font-weight:600}.account-info strong{font-size:11px;font-weight:550;display:block;max-width:137px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.account-info span{font-size:9px;color:#748491;display:block;margin-top:4px}.main-content{min-width:0}.topbar{height:76px;border-bottom:1px solid #1b2630;display:flex;align-items:center;justify-content:space-between;padding:0 46px;gap:15px}.breadcrumb{display:flex;align-items:center;gap:10px;color:#687b88;font-size:11px}.breadcrumb svg{width:14px;height:14px}.breadcrumb strong{font-weight:450;color:#c6d1d8}.topbar-note{font-size:10px;color:#7b8c98;display:flex;align-items:center;gap:7px}.topbar-note span{width:5px;height:5px;border-radius:50%;background:var(--teal)}.workspace-main{max-width:1410px;margin:0 auto;padding:46px 46px 36px}.section-kicker{color:#50cbbb;font-size:9px;letter-spacing:2px;font-weight:650;text-transform:uppercase;display:flex;align-items:center;gap:8px;margin-bottom:14px}.section-kicker:before{content:'';height:1px;width:18px;background:#2dd4bf}.heading-row{display:flex;align-items:center;justify-content:space-between;gap:24px}h1{font-size:32px;font-weight:570;line-height:1.2;letter-spacing:-1.4px}.intro{font-size:12px;line-height:1.8;color:#899aa6;margin-top:12px;max-width:580px}.primary,.secondary,.ghost,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 17px;font-size:11px;font-weight:600;border-radius:8px;white-space:nowrap}.primary{background:#2dd4bf;color:#05251f;border:1px solid #2dd4bf;box-shadow:0 0 22px #2dd4bf08}.primary:hover{background:#61e4d2;border-color:#61e4d2}.secondary{background:#131d26;color:#d3dfe5;border:1px solid #2b3945}.secondary:hover{background:#1d2a35;border-color:#415461}.ghost{border:1px solid transparent;color:#9faeb8;padding:10px 12px}.ghost:hover{background:#19232d;color:#e4eeee}.danger-button{color:#f4a1a1;border:1px solid #543334;background:#221719}.danger-button:hover{background:#352023}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);margin-top:34px;margin-bottom:43px;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:linear-gradient(115deg,#111a22,#0e151c)}.stat{padding:21px 23px;position:relative}.stat+.stat{border-left:1px solid var(--line)}.stat-label{color:#879aa8;font-size:10px;display:flex;align-items:center;gap:7px}.stat-label svg{width:13px;height:13px;color:#6d8595}.stat-value{font-size:28px;font-weight:500;letter-spacing:-1px;margin-top:11px;line-height:1.2}.stat-value span{font-size:10px;color:#668478;letter-spacing:0;margin-left:8px;font-weight:400}.profiles-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.profiles-section-title h2{font-size:14px;font-weight:560;letter-spacing:-.2px}.profiles-section-title p{font-size:10px;color:#697f8e}.profiles-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.profile-card{border:1px solid #25313b;border-radius:12px;overflow:hidden;background:#10171e;transition:border-color .2s,transform .2s}.profile-card:hover{border-color:#45535e;transform:translateY(-2px)}.card-cover{height:87px;position:relative;background:radial-gradient(ellipse at 30% 95%,color-mix(in srgb,var(--profile-accent,#2dd4bf) 17%,transparent),transparent 70%),linear-gradient(120deg,#15202a,#0d141b);border-bottom:1px solid #202d37;overflow:hidden}.cover-pattern{position:absolute;width:190px;height:190px;border:1px solid color-mix(in srgb,var(--profile-accent,#2dd4bf) 10%,transparent);border-radius:50%;right:15px;top:-65px}.cover-pattern:before,.cover-pattern:after{content:'';position:absolute;inset:22px;border:1px solid color-mix(in srgb,var(--profile-accent,#2dd4bf) 10%,transparent);border-radius:50%}.cover-pattern:after{inset:44px}.status-badge{position:absolute;top:15px;right:15px;font-size:8px;font-weight:550;display:flex;align-items:center;gap:5px;color:#9baab5;background:#121c22d9;border:1px solid #2c3842;border-radius:5px;padding:5px 7px}.status-badge:before{content:'';width:4px;height:4px;border-radius:50%;background:#788a97}.status-badge.is-live{color:#68ddc8;border-color:#24544b;background:#102820dd}.status-badge.is-live:before{background:#2dd4bf}.card-body{padding:0 23px 20px}.card-avatar{position:relative;width:53px;height:53px;border-radius:14px;margin-top:-27px;margin-bottom:14px;border:4px solid #10171e;background:color-mix(in srgb,var(--profile-accent,#2dd4bf) 14%,#10171e);color:var(--profile-accent,#2dd4bf);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:650;overflow:hidden}.card-avatar img{width:100%;height:100%;object-fit:cover}.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-title-row h3{font-size:17px;font-weight:560;letter-spacing:-.5px}.card-slug{font-size:10px;color:#728693;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-bio{font-size:11px;color:#95a4af;margin-top:14px;line-height:1.65;min-height:36px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;align-items:center;gap:16px;font-size:9px;color:#7e939f;margin-top:19px;padding-top:14px;border-top:1px solid #1e2a34}.card-meta span{display:flex;align-items:center;gap:5px}.card-meta svg{width:12px;height:12px}.card-actions{display:flex;align-items:center;gap:5px;margin-top:16px}.card-actions .secondary{flex:1;min-height:38px;font-size:10px;padding:9px 12px}.icon-button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:#7f96a4;flex-shrink:0}.icon-button:hover{background:#202d37;color:#d5eeee}.icon-button.danger:hover{background:#3b2024;color:#f6b4b4}.icon-button:disabled{cursor:default}.card-actions .icon-button{height:38px;min-height:44px}.create-tile{border:1px dashed #2c424b;min-height:240px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:30px;color:#a0b8c0;background:linear-gradient(140deg,#101b22,#0d151b);text-align:center}.create-tile:hover{border-color:#42a895;background:#11252a}.create-tile .create-tile-icon{width:39px;height:39px;border:1px solid #2e514e;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#142b2a;color:#51cdb8;margin-bottom:4px}.create-tile strong{font-size:13px;font-weight:550;color:#bdced5}.create-tile p{font-size:10px;line-height:1.8;color:#6e8997;max-width:180px}.workspace-footer{display:flex;justify-content:space-between;gap:12px;color:#4f6677;font-size:9px;border-top:1px solid #192631;margin-top:36px;padding-top:20px}.footer-brand{display:flex;gap:7px;align-items:center}.footer-brand svg{width:14px;height:14px;color:#648576}.empty-state{border:1px dashed #2d424d;border-radius:12px;text-align:center;padding:40px 20px;color:#7e95a2}.empty-state svg{width:32px;height:32px;color:#4fbeae;margin-bottom:14px}.empty-state h3{font-size:14px;color:#c0d0d8;font-weight:550;margin-bottom:9px}.empty-state p{font-size:11px;line-height:1.8;margin:0 auto 18px;max-width:350px}.editor-main{padding-top:33px}.editor-heading h1{font-size:25px;letter-spacing:-.8px}.editor-title-line{display:flex;align-items:center;gap:12px}.editor-title-line .status-pill{font-size:9px;border-radius:5px;border:1px solid #2e3d48;padding:5px 7px;color:#8fa3af;white-space:nowrap}.editor-title-line .status-pill.live{color:#57cdb5;border-color:#285647;background:#11231f}.editor-actions{display:flex;gap:8px;flex-wrap:wrap}.editor-intro{margin-top:9px;font-size:10px;color:#7e929f;line-height:1.7}.draft-notice{display:flex;align-items:center;gap:8px;font-size:10px;padding:12px 14px;border:1px solid #29413f;border-radius:8px;background:#11232277;color:#8db6ac;margin:23px 0 24px;line-height:1.65}.draft-notice svg{width:15px;height:15px;color:#44c3ad}.draft-notice.dirty{border-color:#5b4c2f;color:#d7bc7f;background:#2a241577}.draft-notice.dirty svg{color:#d7bc7f}.editor-grid{display:grid;grid-template-columns:minmax(300px,1fr) 370px;gap:35px;align-items:start}.editor-panel{min-width:0}.editor-tabs{display:flex;gap:22px;border-bottom:1px solid #26323d;margin-bottom:24px}.editor-tab{display:flex;align-items:center;gap:7px;position:relative;min-height:46px;color:#7f929f;font-size:11px;font-weight:550;padding:0 1px 13px}.editor-tab svg{width:15px;height:15px}.editor-tab.active{color:#62d2c2}.editor-tab.active:after{content:'';position:absolute;height:2px;bottom:-1px;left:0;right:0;background:var(--teal)}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:19px}.panel-heading h2{font-size:14px;font-weight:550}.panel-heading p{color:#748c9b;font-size:10px;line-height:1.6;margin-top:5px}.panel-heading .secondary{font-size:10px;padding:9px 12px}.link-editor{background:#111a22;border:1px solid #273641;border-radius:10px;margin-bottom:13px;padding:15px}.link-editor.is-disabled{border-style:dashed;opacity:.7}.link-editor-top{display:flex;align-items:center;gap:9px;margin-bottom:13px}.link-order{color:#566e7e;font-size:10px;width:18px}.link-editor-name{font-size:11px;font-weight:550;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.switch-label{display:flex;gap:7px;align-items:center;min-height:44px;font-size:10px;cursor:pointer;color:#96aab6}.switch-label input{height:17px;width:17px}.link-fields{display:grid;gap:13px}.field{display:grid;gap:7px;min-width:0}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field-section{background:#101820;border:1px solid #24333e;border-radius:11px;padding:21px;margin-bottom:17px}.field-section h3{font-size:12px;font-weight:550;margin-bottom:17px}.form-stack{display:grid;gap:19px}.link-editor-footer{border-top:1px solid #23323e;margin-top:14px;padding-top:7px;display:flex;justify-content:space-between;align-items:center}.link-editor-footer small{font-size:9px;color:#6f8795}.reorder-buttons{display:flex;align-items:center}.link-editor-footer .icon-button{width:36px;height:44px;min-height:44px}.link-remove{display:flex;align-items:center;gap:5px;font-size:9px;color:#b58486;padding:10px 7px;min-height:44px}.link-remove svg{width:13px;height:13px}.link-remove:hover{color:#f2afb3}.phone-section{position:sticky;top:22px}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px;padding:0 12px}.preview-heading h2{font-size:10px;color:#869eab;font-weight:500;text-transform:uppercase;letter-spacing:1.4px}.preview-heading span{font-size:9px;display:flex;align-items:center;gap:5px;color:#5f8c80}.preview-heading span:before{content:'';width:4px;height:4px;border-radius:50%;background:#44bd9a}.phone-device{width:100%;height:650px;padding:8px;border:1px solid #34454e;box-shadow:0 25px 65px #0005,inset 0 0 0 3px #151d23;border-radius:39px;background:#0b1117;position:relative;overflow:hidden}.phone-device:before{content:'';position:absolute;top:15px;left:50%;transform:translateX(-50%);width:83px;height:20px;border-radius:20px;background:#080c10;z-index:2;pointer-events:none}.phone-device iframe{width:100%;height:100%;border:0;border-radius:31px;background:#101820;display:block}.preview-caption{text-align:center;font-size:9px;color:#536e7e;margin-top:15px;line-height:1.7}.publish-url{display:flex;align-items:center;justify-content:space-between;border:1px solid #243c40;border-radius:8px;padding:7px 7px 7px 12px;background:#102024;margin-top:18px;gap:6px}.publish-url span{font-size:9px;color:#89b4b5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.publish-url a{width:38px;min-width:38px;display:flex;justify-content:center;align-items:center;color:#6dd3c0}.editor-bottom-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #1f303b;margin-top:24px;padding-top:16px}.editor-bottom-actions .ghost{font-size:9px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.template-option{padding:11px 8px 9px;border:1px solid #2a3945;border-radius:9px;background:#0d151b;min-width:0}.template-option:hover{border-color:#4a686d}.template-option.selected{border-color:#37baa6;background:#112b29;box-shadow:0 0 0 1px #37baa633}.template-option>span{font-size:10px;display:block;margin-top:9px;text-align:center;color:#a9bac4}.template-sketch{height:80px;width:56px;margin:auto;border:1px solid #3b4b53;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px;background:#15202a}.template-sketch i{width:12px;height:12px;border-radius:50%;background:#5d9e94;margin-bottom:3px}.template-sketch b{height:6px;width:32px;border:1px solid #52716f;border-radius:2px}.template-sketch.editorial{align-items:flex-start}.template-sketch.editorial i{border-radius:3px;width:17px;height:17px}.template-sketch.editorial b{border:0;border-bottom:1px solid #52716f;border-radius:0;width:100%}.template-sketch.compact{gap:3px}.template-sketch.compact i{height:10px;width:10px}.template-sketch.compact b{height:5px}.color-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.color-field{min-width:0}.color-control{display:flex;align-items:center;gap:7px;padding:5px;border:1px solid #2a3945;background:#0c1218;border-radius:8px;margin-top:8px;overflow:hidden}.color-control input{border:0;padding:0;width:32px;height:32px;min-height:32px;background:none;flex-shrink:0}.color-control span{font-size:9px;color:#9aafb9;font-variant-numeric:tabular-nums}.radius-label{display:flex;justify-content:space-between;align-items:center}.radius-label output{font-size:10px;color:#62d0bc}.choice-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.choice-button{font-size:11px;min-height:44px;padding:12px;border:1px solid #2d3e49;border-radius:8px;color:#aabfc8;background:#0c141a}.choice-button.selected{border-color:#3db9a7;color:#71d6c4;background:#122b29}.avatar-editor{display:flex;align-items:center;gap:16px;margin-bottom:18px}.profile-avatar-large{width:64px;height:64px;border:1px solid #3c514e;border-radius:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#152c29;color:#64cdb7;font-size:20px;overflow:hidden}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.avatar-actions{min-width:0}.avatar-actions .secondary{font-size:10px;min-height:40px;padding:9px 12px}.avatar-actions small{margin-top:5px;font-size:9px}.url-prefix{display:flex;align-items:center;border:1px solid #2a3742;border-radius:9px;overflow:hidden;background:#0c1218}.url-prefix span{padding:0 0 0 11px;color:#607b8b;font-size:12px;white-space:nowrap}.url-prefix input{border:0;padding-left:2px}.char-count{display:flex;justify-content:space-between;gap:9px}.save-warning{color:#dcb777!important}.notifications{position:fixed;bottom:24px;right:24px;z-index:1000;max-width:min(440px,calc(100vw - 32px));display:grid;gap:10px}.toast{background:#1b2c2b;border:1px solid #3e6d61;border-radius:10px;color:#d1ebe1;padding:14px 18px;font-size:12px;line-height:1.6;box-shadow:0 10px 40px #0006;animation:toast-in .2s ease}.toast.error{background:#321f24;border-color:#76454a;color:#ffc7c7}.inline-error{background:#2b1c20;border:1px solid #633b43;border-radius:8px;padding:12px;color:#f2b1b9;font-size:11px;line-height:1.7;margin-bottom:15px}.inline-error:empty{display:none}.initial-loading,.full-state{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:19px;padding:32px;text-align:center}.initial-loading p{color:#8ba1ae;font-size:13px}.loading-orbit{display:block;width:30px;height:30px;border:2px solid #223936;border-top-color:#2dd4bf;border-radius:50%;animation:spin .8s linear infinite}.full-state .owl-logo{width:54px!important;height:54px!important}.full-state h1{font-size:30px;margin-top:9px}.full-state p{font-size:12px;line-height:1.8;color:#91a7b5;max-width:400px}.full-state .primary{margin-top:6px}.full-state .error-details{color:#c78e91}dialog{background:#111a22;color:#eff6f7;border:1px solid #33444f;border-radius:15px;padding:28px;width:min(430px,calc(100vw - 32px));box-shadow:0 35px 130px #0009}dialog::backdrop{background:#02070bbd;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}.dialog-heading h2{font-size:20px;letter-spacing:-.6px;font-weight:550}.dialog-intro{font-size:11px;color:#839ba9;line-height:1.7;margin-bottom:24px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.dialog-actions button{min-width:95px}.dialog-form{display:grid;gap:17px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.loading-content{opacity:.6;pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.workspace-main{padding-top:55px}.profiles-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-main{padding-top:33px}.editor-grid{grid-template-columns:minmax(360px,1fr) 390px;gap:52px}.phone-device{height:690px}}
@media(max-width:1150px){.app-shell{grid-template-columns:207px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.topbar{padding:0 29px}.workspace-main{padding:35px 29px}.editor-grid{grid-template-columns:minmax(260px,1fr) 310px;gap:23px}.phone-device{height:600px;border-radius:34px}.phone-device iframe{border-radius:26px}.editor-heading{align-items:flex-start}.editor-heading h1{font-size:23px}.editor-actions{justify-content:flex-end}.editor-actions button{font-size:10px;padding:10px 11px}.color-row{grid-template-columns:1fr}.color-field{display:flex;align-items:center;justify-content:space-between;gap:12px}.color-control{margin:0;min-width:116px}.field-section{padding:17px}.editor-title-line{flex-wrap:wrap;gap:8px}.workspace-footer{flex-wrap:wrap}}
@media(max-width:940px){.editor-grid{grid-template-columns:1fr}.phone-section{position:static;max-width:370px;width:100%;margin:22px auto 0}.phone-device{height:650px}.color-row{grid-template-columns:repeat(3,1fr)}.color-field{display:block}.color-control{margin-top:8px;min-width:0}.editor-heading{flex-wrap:wrap}.editor-actions{justify-content:flex-start}.topbar-note{display:none}.profiles-grid{gap:14px}.card-body{padding-left:17px;padding-right:17px}.stats-row{margin-bottom:32px}.stat{padding:18px}.heading-row h1{font-size:29px}.heading-row{align-items:flex-start}.intro{font-size:11px}.primary{padding:10px 13px}}
@media(max-width:720px){.app-shell{display:block}.sidebar{position:static;height:auto;display:flex;padding:16px 20px 0;border-right:0;border-bottom:1px solid #202d37}.wordmark{padding:0;font-size:20px;gap:8px;min-height:36px}.owl-logo{width:30px!important;height:30px!important}.workspace-tag{display:none}.sidebar nav{margin-top:16px;display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:12px;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.nav-button{width:auto;flex-shrink:0;font-size:10px;padding:8px 11px;min-height:40px}.nav-caption{display:none}.sidebar-profile-list{display:contents}.profile-nav{width:auto;flex-shrink:0;min-height:40px;font-size:10px;gap:7px;padding:6px 9px}.mini-avatar{width:22px;height:22px;font-size:8px;border-radius:6px}.profile-dot{display:none}.sidebar-bottom{display:none}.sidebar>.wordmark:after{content:'SEU ESPAÇO';font-size:8px;font-weight:500;letter-spacing:1.5px;color:#567080;margin-left:auto}.topbar{height:53px;padding:0 22px}.breadcrumb{font-size:10px}.workspace-main{padding:30px 22px}.heading-row{gap:15px}.heading-row h1{font-size:29px;letter-spacing:-1.1px}.heading-row>.primary{font-size:10px;padding:10px 12px}.heading-row>.primary svg{width:15px;height:15px}.section-kicker{font-size:8px;margin-bottom:13px}.intro{font-size:11px;margin-top:10px}.stats-row{margin-top:27px;margin-bottom:30px}.stat{padding:16px 12px}.stat-label{font-size:8px;gap:4px}.stat-label svg{display:none}.stat-value{font-size:23px;margin-top:9px}.stat-value span{display:none}.profiles-section-title{margin-bottom:15px}.profiles-section-title h2{font-size:13px}.profiles-section-title p{font-size:9px}.profiles-grid{grid-template-columns:1fr;gap:17px}.card-cover{height:83px}.card-body{padding:0 20px 17px}.card-title-row h3{font-size:17px}.card-bio{min-height:0;font-size:11px}.card-meta{margin-top:17px}.card-actions{margin-top:12px}.create-tile{min-height:180px;padding:22px}.create-tile p{max-width:230px}.workspace-footer{font-size:8px;margin-top:29px;line-height:1.6}.editor-main{padding-top:25px}.editor-heading{gap:15px}.editor-heading h1{font-size:24px}.editor-actions{width:100%}.editor-actions>.primary,.editor-actions>.secondary{flex:1}.editor-intro{font-size:10px}.draft-notice{margin:20px 0;font-size:9px;align-items:flex-start}.draft-notice svg{margin-top:1px;flex-shrink:0}.editor-tabs{margin-bottom:20px;gap:25px}.field-section{padding:18px}.link-editor{padding:14px}.panel-heading{align-items:flex-start}.panel-heading h2{font-size:13px}.link-editor-top{gap:7px}.link-editor-name{max-width:155px}.field-row{gap:12px}.color-row{gap:8px}.color-control{gap:3px;padding:4px}.color-control span{font-size:8px}.color-control input{width:25px;height:30px;min-height:30px}.phone-section{margin-top:30px;max-width:350px}.phone-device{height:650px}.notifications{right:16px;bottom:16px}.toast{font-size:11px;padding:12px 15px}.editor-bottom-actions{align-items:flex-start;flex-wrap:wrap}.editor-bottom-actions .ghost{font-size:9px;padding:9px 0}.full-state h1{font-size:25px}.profile-nav-name{max-width:102px}}
@media(max-width:720px){.nav-payment-label{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.auth-shell{min-height:100vh;display:grid;place-items:center;padding:32px 20px;background:radial-gradient(circle at 50% 0,#12312e44,transparent 48%),var(--bg,#0a0e13)}
.auth-card{width:min(100%,430px);padding:35px;border:1px solid #24333e;border-radius:15px;background:#101820;box-shadow:0 30px 90px #0008}
.auth-brand{display:flex;align-items:center;gap:9px;color:#eef3f6;font-size:21px;letter-spacing:-.9px;font-weight:690;margin-bottom:32px}
.auth-brand .owl-logo{width:34px!important;height:34px!important;color:var(--teal)}
.auth-brand>span>span{font-weight:370;color:#aebac4}
.auth-kicker{color:#50cbbb;font-size:9px;letter-spacing:2px;font-weight:650;margin-bottom:13px}
.auth-card h1{font-size:29px;margin-bottom:10px}
.auth-intro{font-size:12px;color:#899aa6;line-height:1.8;margin-bottom:22px}
.auth-form{display:grid;gap:15px}
.auth-field{display:grid;gap:7px;font-size:11px;color:#b5c1ca}
.auth-field input{min-height:48px;font-size:16px}
.auth-submit{width:100%;margin-top:3px}
.auth-divider{display:flex;align-items:center;gap:12px;color:#687b88;font-size:10px;margin:2px 0 0}
.auth-divider:before,.auth-divider:after{content:'';height:1px;background:#26343e;flex:1}
.google-login-button{min-height:44px;display:flex;justify-content:center;align-items:center;overflow:hidden}
.google-login-button>div{max-width:100%}
.auth-link{min-height:44px;padding:8px 0;color:#78d8ca;font-size:11px;text-align:left;text-decoration:underline;text-underline-offset:3px}
.auth-link:hover{color:#b0eee4}
.auth-switch{text-align:center;color:#8399a6;font-size:11px;margin-top:3px}
.auth-switch .auth-link{display:inline;min-height:0;padding:0;margin-left:3px}
.auth-back{text-align:center}
.auth-helper{color:#7f929f;font-size:10px;line-height:1.6;margin-top:-7px}
.auth-message{padding:12px 13px;border-radius:8px;font-size:11px;line-height:1.7;margin:0 0 15px}
.auth-error{color:#f2b1b9;background:#2b1c20;border:1px solid #633b43}
.auth-notice{color:#9dd8c9;background:#112b29;border:1px solid #2b6157}
.auth-loading{display:grid;justify-items:center;gap:17px;color:#8ba1ae;font-size:13px}
.auth-loading .loading-orbit{width:30px;height:30px}
@media(max-width:420px){.auth-shell{padding:20px 16px;place-items:start center}.auth-card{padding:26px 20px;margin-top:7vh}.auth-brand{margin-bottom:27px}.auth-card h1{font-size:26px}.auth-intro{font-size:11px}}
.card-actions .secondary,.avatar-actions .secondary,.profile-nav,.nav-button{min-height:44px}

/* Rich content stays within the same editing surface as links. */
.editor-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.editor-tab{min-width:0;justify-content:center;padding-left:3px;padding-right:3px;gap:6px;font-size:10px;white-space:nowrap}
.editor-tab svg{width:15px;height:15px}
.card-meta{flex-wrap:wrap;row-gap:9px}
.shop-settings{display:grid;gap:20px}
.shop-enable-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.shop-enable-row h3{margin-bottom:8px}
.shop-enable-row p{font-size:10px;font-weight:400;line-height:1.7;color:#829da9;max-width:280px}
.shop-enable{flex-shrink:0;font-size:10px;min-width:65px;justify-content:flex-end}
.shop-settings .field{font-size:11px}
.shop-settings small{font-size:10px;line-height:1.7}
.add-product-button{width:100%}
.product-editor .media-preview{aspect-ratio:1;max-height:250px}
.price-input{display:flex;align-items:center;border:1px solid #2a3742;border-radius:9px;background:#0c1218;overflow:hidden}
.price-input:focus-within{border-color:#4ccabb}
.price-input>span{padding-left:13px;font-size:12px;font-weight:400;color:#8ea6b3}
.price-input input{border:0;background:transparent;min-width:0;padding-left:9px}
.price-input input:focus{outline:none}
@media(max-width:1150px) and (min-width:941px){.editor-tab svg{display:none}.editor-tab{font-size:10px}.shop-enable-row{gap:9px}}
@media(max-width:420px){.editor-tabs{gap:2px}.editor-tab{font-size:10px;gap:4px}.editor-tab svg{display:none}.shop-enable-row{gap:10px}.shop-enable{min-width:60px}.shop-settings{padding:15px}}
.block-count{font-size:10px;color:#769ba2;white-space:nowrap;border:1px solid #294044;border-radius:20px;padding:7px 10px;background:#112225}
.content-add-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.content-add-button{display:flex;align-items:center;gap:9px;min-height:51px;padding:11px 12px;border:1px solid #2b4548;border-radius:9px;background:linear-gradient(125deg,#14292b,#111e27);color:#b8d9d8;text-align:left;transition:border-color .2s,background .2s}
.content-add-button:hover{background:#183234;border-color:#448d84;color:#e2fbf4}
.content-add-button>svg{width:18px;height:18px;color:#6ad3c0;flex-shrink:0}
.content-add-button>svg:last-child{width:13px;height:13px;margin-left:auto;color:#76aaa4}
.content-add-button>span{font-size:10px;font-weight:550}
.content-add-hint{font-size:10px;line-height:1.7;color:#74929e;margin:10px 0 22px}
.block-type-icon{display:flex;align-items:center;justify-content:center;width:27px;height:27px;border:1px solid #2a4247;background:#14272b;border-radius:7px;flex-shrink:0;color:#80cabb}
.block-type-icon svg{width:15px;height:15px}
.link-editor-name{max-width:none;min-width:0}
.link-order{flex-shrink:0}
.link-fields>.block-type-field{font-size:10px;color:#8da5b2}
.block-type-field select{min-height:44px;font-size:11px;background-color:#0d161d}
.optional{font-size:10px;font-weight:400;color:#7b949f}
.media-control{display:grid;gap:11px;padding:13px;border:1px solid #294047;border-radius:9px;background:#0d171f;min-width:0}
.media-label{font-size:11px;color:#b7ced4;font-weight:550}
.media-preview{width:100%;aspect-ratio:16/9;max-height:240px;overflow:hidden;border:1px solid #2b3f48;border-radius:7px;position:relative;background:#081016;min-width:0}
.media-preview img{width:100%;height:100%;object-fit:cover;display:block}
.media-preview-video video{width:100%;height:100%;object-fit:contain;display:block;background:#070c12}
.media-preview-empty,.media-preview-video{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:#62828f;background:radial-gradient(ellipse at 50% 40%,#172e32,#0c171f 75%)}
.media-preview-empty>svg,.media-preview-video>svg{width:28px;height:28px;color:#5f9b94}
.media-preview-empty>span,.media-preview-video>span{font-size:10px;padding:0 10px;text-align:center;line-height:1.6}
.media-control-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.media-control-actions .secondary,.gallery-add-actions .secondary{font-size:10px;min-height:44px;padding:10px 13px}
.media-control-actions .ghost{min-height:44px;font-size:10px}
.media-control small,.gallery-editor>small{font-size:9px;line-height:1.7;color:#72929e;overflow-wrap:anywhere}
.media-url-label{font-size:10px;color:#9fb5c1}
.media-control input[type=url],.gallery-item-fields input{font-size:11px;min-width:0}
.media-upload-status{display:flex;align-items:center;gap:8px;font-size:10px;color:#78c9b3;line-height:1.7;overflow-wrap:anywhere}
.media-upload-status>svg{width:15px;height:15px;flex-shrink:0}
.media-upload-status.has-error{color:#f3afb7}
.media-upload-status progress{width:60px;max-width:22%;height:6px;accent-color:#2dd4bf;flex-shrink:0;border:0;border-radius:10px;overflow:hidden;background:#1b333a}
.media-upload-status progress::-webkit-progress-bar{background:#1b333a}
.media-upload-status progress::-webkit-progress-value{background:#2dd4bf;border-radius:10px}
.media-upload-status progress::-moz-progress-bar{background:#2dd4bf;border-radius:10px}
.poster-options{border:1px solid #263b43;border-radius:8px;background:#0f1921;min-width:0}
.poster-options summary{cursor:pointer;min-height:44px;padding:13px 12px;font-size:10px;color:#90b3bd;line-height:1.8}
.poster-options summary:hover{color:#75dbc6}
.poster-options[open] summary{border-bottom:1px solid #243a42}
.poster-options>.media-control{margin:11px;border-color:#22373f}
.cover-editor .media-control{background:#0b151c}
.cover-intro{font-size:10px;line-height:1.7;color:#7c99a4;margin:-7px 0 15px}
.gallery-editor{display:grid;gap:13px;border:1px solid #294047;border-radius:9px;padding:13px;background:#0d171f;min-width:0}
.gallery-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.gallery-editor-heading>span:last-child{font-size:10px;color:#70a499;font-variant-numeric:tabular-nums}
.gallery-editor-items{display:grid;gap:13px;min-width:0}
.gallery-editor-items:empty{display:none}
.gallery-editor-item{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;padding-top:13px;border-top:1px solid #233841;min-width:0}
.gallery-item-visual{position:relative;align-self:start}
.gallery-item-visual .media-preview{aspect-ratio:3/4;border-radius:7px;max-height:none}
.gallery-item-visual .media-preview-empty{gap:8px}
.gallery-item-visual .media-preview-empty>svg{width:22px;height:22px}
.gallery-item-visual .media-preview-empty>span{font-size:9px;line-height:1.6}
.gallery-image-number{position:absolute;top:5px;left:5px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:1px solid #72988a70;background:#0a161cd9;border-radius:5px;font-size:9px;color:#d0e4df;pointer-events:none}
.gallery-item-fields{display:grid;gap:10px;min-width:0}
.gallery-item-fields .field{font-size:10px;gap:6px;color:#9fb5c0}
.gallery-item-actions{display:flex;gap:0;align-items:center;flex-wrap:wrap}
.gallery-item-actions .icon-button{width:44px;height:44px}
.gallery-item-actions .link-remove{margin-left:auto;font-size:9px;min-width:44px}
.gallery-add-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.gallery-add-actions .ghost{font-size:10px;min-height:44px;padding:8px}
.link-editor-footer .icon-button{min-width:44px;width:44px}
.link-remove{min-width:44px}
.link-editor input:disabled,.link-editor select:disabled{opacity:.6}
/* Account and billing use the same workspace shell on every screen size. */
.settings-main{max-width:1180px}
@media(min-width:721px){.sidebar{overflow-y:auto}.sidebar nav,.sidebar-bottom,.sidebar>.wordmark{flex-shrink:0}}
.settings-heading{margin-bottom:30px;align-items:flex-start}
.settings-heading .ghost{margin-top:0;font-size:10px}
.settings-heading .intro{max-width:520px}
.account-settings-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;align-items:start}
.settings-card{background:linear-gradient(135deg,#111b24,#10171e);border:1px solid #293b45;border-radius:13px;padding:24px;min-width:0}
.settings-card-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:25px}
.settings-card-heading>svg{width:20px;height:20px;color:#61cebb;margin-top:1px}
.settings-card-heading h2,.billing-section-heading h2{font-size:15px;font-weight:560;letter-spacing:-.25px}
.settings-card-heading p,.billing-section-heading p{font-size:11px;line-height:1.7;color:#819aa8;margin-top:7px}
.settings-card .field{font-size:11px}
.settings-card input,.settings-card select{font-size:12px}
.settings-card input[readonly]{color:#8097a6;background:#0d151b;border-style:dashed}
.settings-card small{font-size:10px;font-weight:400;line-height:1.65;color:#7b96a3}
.account-checkbox{display:flex;align-items:flex-start;gap:10px;font-size:11px;font-weight:400;color:#b3c5cd;line-height:1.6;cursor:pointer;min-height:44px}
.account-checkbox input{width:18px;height:18px;flex-shrink:0;margin:0}
.account-checkbox small{display:block;margin-top:6px}
.account-save-row{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:3px}
.account-save-status{font-size:11px;color:#88b6ac;line-height:1.7}
.account-save-row button:disabled,.plan-option button:disabled{cursor:default}
.settings-error{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 20px}
.settings-loading{display:flex;align-items:center;gap:14px;padding:45px 20px;color:#8ca7b4;font-size:12px}
.settings-loading .loading-orbit{width:24px;height:24px}
.settings-notice{display:flex;align-items:flex-start;gap:10px;background:#132928;border:1px solid #2c534c;border-radius:10px;padding:16px 18px;margin:0 0 22px;color:#a2c9bf;font-size:11px;line-height:1.8}
.settings-notice>svg{width:17px;height:17px;margin-top:2px;color:#69c8b6;flex-shrink:0}
.settings-notice.billing-setup{background:#272719;border-color:#52503a;color:#c7c4a0;margin:20px 0}
.settings-notice.billing-setup>svg{color:#d3bd78}
.current-plan-card{display:flex;justify-content:space-between;align-items:center;gap:25px;background:radial-gradient(ellipse at 95% 10%,#1c3b3644,transparent 65%),#111d24;margin-bottom:32px}
.settings-eyebrow{color:#7db8aa;font-size:9px;letter-spacing:1.6px;font-weight:600}
.current-plan-title{display:flex;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}
.current-plan-title h2{font-size:25px;letter-spacing:-.7px;font-weight:560}
.plan-status{font-size:9px;color:#78dcc7;background:#15322c;border:1px solid #2a5c4d;border-radius:20px;padding:6px 10px;white-space:nowrap}
.current-plan-info>p{font-size:11px;line-height:1.8;color:#8ba8b4;margin-top:11px}
.plan-usage{text-align:right;flex-shrink:0;border-left:1px solid #2a4246;padding-left:26px}
.plan-usage>span{font-size:29px;letter-spacing:-1px;font-weight:550}
.plan-usage>span>small{font-size:15px;letter-spacing:0;color:#849eaa}
.plan-usage p{font-size:10px;color:#75949d;margin-top:7px}
.billing-section-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:20px}
.billing-section-heading p{max-width:445px}
.billing-interval{display:flex;flex-shrink:0;gap:3px;border:1px solid #2b424b;background:#0e1820;border-radius:9px;padding:4px}
.billing-interval button{font-size:11px;color:#88a1ae;padding:8px 14px;min-height:38px;border-radius:6px}
.billing-interval button.selected{background:#22443e;color:#b7f1df}
.plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.plan-option{border:1px solid #2b3d47;border-radius:13px;padding:25px;background:#101920;display:flex;flex-direction:column;min-width:0}
.plan-pro{background:radial-gradient(ellipse at 100% 0%,#25534d33,transparent 65%),#111f26;border-color:#3d7b6e}
.plan-option-title{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap}
.plan-option-title h3{font-size:18px;font-weight:550;letter-spacing:-.4px}
.plan-option-title>span{font-size:8px;font-weight:600;letter-spacing:1px;color:#82d6bf;border:1px solid #356a5d;padding:5px 7px;border-radius:5px}
.plan-price{font-size:33px;font-weight:550;letter-spacing:-1.2px;margin-top:24px;line-height:1.3}
.plan-price>small{font-size:12px;font-weight:400;letter-spacing:0;color:#829da9;margin-left:5px}
.plan-capacity{font-size:11px;line-height:1.7;color:#a6bcc6;margin-top:9px}
.plan-features{list-style:none;padding:0;margin:23px 0;display:grid;gap:13px;flex:1}
.plan-features li{display:flex;align-items:flex-start;gap:9px;font-size:11px;color:#a5bcc6;line-height:1.6}
.plan-features li>svg{width:15px;height:15px;margin-top:1px;color:#5cbeaa;flex-shrink:0}
.plan-option>button{width:100%;margin-top:10px}
.plan-price-note{font-size:10px;text-align:center;line-height:1.7;color:#7b9caa;margin-top:12px}
.plan-price-note.initial-price{text-align:left;margin-top:5px;color:#baa97b;font-size:9px}
.billing-management{margin-top:22px}
.billing-management .settings-card-heading{margin-bottom:17px}
.billing-management-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.billing-management-actions>button{font-size:10px}
.billing-management-actions>span{font-size:10px;color:#7f9ca5;line-height:1.7;margin-left:auto}
.billing-history{margin-top:22px}
.billing-history .settings-card-heading{margin-bottom:18px}
.billing-empty{display:flex;align-items:center;gap:14px;border:1px dashed #2b424c;background:#0e171e;border-radius:9px;padding:22px}
.billing-empty>svg{width:28px;height:28px;color:#638a8c}
.billing-empty h3{font-size:12px;font-weight:500;color:#acbec6}
.billing-empty p{font-size:10px;color:#71909d;line-height:1.7;margin-top:6px;max-width:420px}
.invoice-list{list-style:none;padding:0;margin:0;display:grid}
.invoice-list li{display:flex;align-items:center;gap:15px;padding:17px 0;border-top:1px solid #243844}
.invoice-list li>div{flex:1;min-width:0}
.invoice-list strong{display:block;font-size:12px;font-weight:500;overflow-wrap:anywhere}
.invoice-list span{font-size:10px;color:#7e9ba7;display:block;margin-top:6px}
.invoice-list a{font-size:10px}
@media(max-width:1150px){.account-settings-grid{grid-template-columns:1fr}.account-save-row{grid-column:auto}.settings-card{padding:21px}.plan-option{padding:21px}.plan-option-title>span{font-size:7px}}
@media(max-width:720px){.settings-heading{margin-bottom:24px;flex-wrap:wrap;gap:9px}.settings-heading h1{font-size:26px}.settings-heading .ghost{padding-left:0}.settings-card{padding:20px}.settings-card-heading{margin-bottom:22px}.account-save-row{align-items:stretch;flex-direction:column;gap:12px}.account-save-status{font-size:10px}.current-plan-card{align-items:flex-start;margin-bottom:27px;gap:14px}.current-plan-title{gap:9px}.current-plan-title h2{font-size:23px}.plan-usage{padding-left:16px}.plan-usage>span{font-size:25px}.plan-usage>span>small{font-size:12px}.plan-usage p{font-size:9px}.billing-section-heading{flex-direction:column;align-items:stretch;gap:16px}.billing-interval{align-self:flex-start}.billing-interval button{min-height:40px;padding:8px 20px}.plan-grid{grid-template-columns:1fr;gap:17px}.plan-option{padding:23px}.plan-option-title>span{font-size:8px}.plan-features{margin-bottom:18px}.plan-price{margin-top:19px}.billing-management-actions{align-items:stretch;flex-direction:column;gap:8px}.billing-management-actions>span{margin:7px 0 0;text-align:center}.billing-empty{align-items:flex-start;padding:17px}.billing-empty>svg{width:23px;height:23px}.settings-error{align-items:flex-start;flex-direction:column}.settings-notice{font-size:10px;padding:14px}.invoice-list li{flex-wrap:wrap;gap:12px}.invoice-list li>div{flex-basis:55%}.invoice-list a{width:100%}.account-details .field-row{grid-template-columns:1fr}}
@media(max-width:390px){.current-plan-card{flex-direction:column}.plan-usage{border:0;border-top:1px solid #2a4246;padding:15px 0 0;text-align:left;width:100%}.plan-usage>span{font-size:22px}.plan-usage p{display:inline;margin-left:8px}}
@media(max-width:1150px) and (min-width:941px){
  .content-add-grid{grid-template-columns:1fr}
  .gallery-editor-item{grid-template-columns:1fr}
  .gallery-item-visual{max-width:120px}
}
.storage-card{gap:1.25rem}
.storage-card .settings-card-heading{align-items:flex-start}
.storage-card .settings-card-heading>div{flex:1;min-width:0}
.storage-refresh{flex:0 0 auto;min-height:44px}
.storage-summary{display:grid;gap:.65rem}
.storage-summary-row{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;color:var(--muted,#89959f)}
.storage-summary-row strong{color:var(--text,#eef3f6);font-size:1.05rem;text-align:right}
.storage-summary-row small{color:var(--muted,#89959f);font-size:.78rem;font-weight:500}
.storage-meter{height:.55rem;border-radius:999px;overflow:hidden;background:var(--line,#202b35)}
.storage-meter span{display:block;width:min(100%,var(--storage-percent,0%));height:100%;border-radius:inherit;background:var(--primary,#2dd4bf);transition:width .2s ease}
.storage-percent{margin:0;color:var(--muted,#89959f);font-size:.82rem}
.storage-list-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;border-top:1px solid var(--line,#202b35);padding-top:1rem}
.storage-list-heading h3{margin:0;color:var(--text,#eef3f6);font-size:.95rem}
.storage-list-heading p{margin:.3rem 0 0;color:var(--muted,#89959f);font-size:.82rem}
.storage-list-heading>span{flex:0 0 auto;color:var(--muted,#89959f);font-size:.8rem}
.storage-list{display:grid;gap:.55rem;max-height:25rem;overflow:auto}
.storage-item{display:grid;grid-template-columns:1.2rem 2.7rem minmax(0,1fr) auto auto;gap:.75rem;align-items:center;min-height:3.25rem;padding:.55rem .7rem;border:1px solid var(--line,#202b35);border-radius:.7rem;color:var(--text,#eef3f6)}
.storage-item:has(input:checked){border-color:var(--primary,#2dd4bf);background:color-mix(in srgb,var(--primary,#2dd4bf) 7%,transparent)}
.storage-item input{width:1.1rem;height:1.1rem;accent-color:var(--primary,#2dd4bf)}
.storage-item-preview{display:grid;place-items:center;width:2.7rem;height:2.7rem;overflow:hidden;border-radius:.45rem;background:var(--panel-strong,#17212a);color:var(--muted,#89959f)}
.storage-item-preview svg{width:1.25rem;height:1.25rem}
.storage-item-preview img{width:100%;height:100%;object-fit:cover}
.storage-item-copy{display:grid;min-width:0;gap:.12rem}
.storage-item-copy strong{overflow:hidden;color:var(--text,#eef3f6);font-size:.84rem;text-overflow:ellipsis;white-space:nowrap}
.storage-item-copy small{overflow:hidden;color:var(--muted,#89959f);font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}
.storage-item-preview-link{width:fit-content;color:var(--primary,#2dd4bf);font-size:.76rem;white-space:nowrap}
.storage-item-size{color:var(--muted,#89959f);font-size:.78rem;white-space:nowrap}
.storage-warning,.storage-empty{margin:0;padding:.8rem .9rem;border-radius:.55rem;background:color-mix(in srgb,var(--primary,#2dd4bf) 6%,transparent);color:var(--muted,#89959f);font-size:.82rem;line-height:1.45}
.storage-retention{margin:0;color:var(--muted,#89959f);font-size:.82rem;line-height:1.45}
.storage-empty{display:grid;gap:.25rem}
.storage-empty strong{color:var(--text,#eef3f6)}
.storage-empty p{margin:0}
.storage-actions{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}
.storage-actions>span{color:var(--muted,#89959f);font-size:.76rem}
.storage-error{display:flex;align-items:center;justify-content:space-between;gap:.8rem}
.storage-error p{margin:0}
.media-upload-status progress{width:min(100%,18rem)}
@media (max-width:560px){
  .storage-card .settings-card-heading{flex-wrap:wrap}
  .storage-refresh{width:100%;justify-content:center}
  .storage-summary-row{align-items:flex-start;flex-direction:column;gap:.25rem}
  .storage-summary-row strong{text-align:left}
  .storage-item{grid-template-columns:1.2rem 2.4rem minmax(0,1fr) auto}
  .storage-item-preview-link{grid-column:3}
  .storage-item-size{grid-column:4;grid-row:2}
}
@media (prefers-reduced-motion:reduce){.storage-meter span{transition:none}}
@media(max-width:420px){
  .content-add-button{padding:10px 9px;gap:7px;min-height:49px}
  .content-add-button>span{font-size:9px}
  .content-add-button>svg{width:16px;height:16px}
  .block-count{font-size:9px;padding:6px 8px}
  .link-editor{padding:12px}
  .link-editor-top{gap:6px}
  .link-editor-name{font-size:10px;max-width:none}
  .block-type-icon{width:23px;height:23px;border-radius:6px}
  .block-type-icon svg{width:13px;height:13px}
  .media-control,.gallery-editor{padding:10px}
  .gallery-editor-item{grid-template-columns:minmax(0,1fr)}
  .gallery-item-visual{width:100%}
  .gallery-item-visual .media-preview{aspect-ratio:16/10;max-height:180px}
  .gallery-item-actions .link-remove{margin-left:auto}
  .poster-options>.media-control{margin:8px}
  .field .optional{font-size:9px}
}

/* Workspace identity and its settings stay together at the bottom. */
.account-dock{border-top:1px solid #24333e;padding-top:9px}
.account-dock .account{width:100%;border:0;border-radius:8px;text-align:left;padding:10px 9px;min-height:56px}
.account-dock .account:hover{background:#152029}
.account-dock .account>svg{width:14px;height:14px;margin-left:auto;color:#688a93}
.account-dock .account-info{min-width:0;flex:1}
.account-dock .account-avatar{flex-shrink:0}
.account-navigation{display:grid;gap:2px;margin-top:5px}
.account-navigation .nav-button{font-size:10px;padding:10px 9px;gap:9px}
.account-navigation .nav-button svg{width:15px;height:15px}
@media(min-width:721px){
  .sidebar{overflow:hidden}
  .sidebar>.wordmark,.sidebar>.workspace-tag,.sidebar>.sidebar-bottom{flex-shrink:0}
  .sidebar>.profile-navigation{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin}
  .sidebar-bottom{padding-top:12px;margin-top:12px}
  .sidebar-bottom .workspace-note{display:none}
}
.mobile-account-dock{display:none}
.profiles-section-title>div p{margin-top:7px}
.analytics-export{font-size:10px;padding:9px 12px}
.feature-plan-note{display:flex;align-items:flex-start;flex-wrap:wrap;gap:9px;padding:13px;border:1px solid #3b4c42;border-radius:8px;background:#17271f;color:#a5c5b0;font-size:10px;line-height:1.75;margin-top:12px}
.feature-plan-note>svg{width:15px;height:15px;margin-top:2px;color:#87c1a1}
.feature-plan-note p{flex:1;min-width:100px}
.feature-plan-note .ghost{font-size:10px;margin-left:16px;padding:5px 8px;min-height:36px}
.feature-plan-note .ghost svg{width:12px;height:12px}
.feature-required{color:#c4b68d!important}
.content-add-button:disabled,.template-option:disabled{cursor:default}
.content-add-button small{font-size:8px;color:#b7c2a4;line-height:1.6;margin-top:2px}
.content-clicks{display:inline-flex;align-items:center;gap:3px;font-size:9px;color:#84b4a7;white-space:nowrap;margin-left:auto}
.content-clicks svg{width:12px;height:12px}
.plan-comparison{margin-top:22px}
.plan-comparison .settings-card-heading{margin-bottom:18px}
.comparison-scroll{overflow-x:auto;scrollbar-color:#38514f #101a21;scrollbar-width:thin}
.comparison-scroll table{border-collapse:collapse;width:100%;min-width:540px;font-size:10px;text-align:center}
.comparison-scroll th,.comparison-scroll td{padding:14px 10px;border-top:1px solid #263941;line-height:1.65}
.comparison-scroll thead th{border-top:0;color:#c2d7dc;font-size:11px;font-weight:550}
.comparison-scroll tbody th{text-align:left;font-weight:450;color:#9db5bf;width:36%}
.comparison-scroll td{color:#b5cec6}
.comparison-scroll tr>:first-child{padding-left:0;text-align:left}
.comparison-scroll th:nth-child(4),.comparison-scroll td:nth-child(4){background:#17352c30}
.comparison-scroll th:nth-child(5),.comparison-scroll td:nth-child(5){background:#35301c25}
.comparison-footnote{font-size:10px;color:#7f9da7;line-height:1.8;margin-top:17px;max-width:790px}
.plan-card-badge{min-height:28px;margin-bottom:10px}
.plan-card-badge>span{display:inline-flex;align-items:center;font-size:9px;font-weight:550;color:#9ce7cd;border:1px solid #3a7965;background:#173a2f;padding:6px 8px;border-radius:5px;line-height:1.5}
.plan-description{font-size:11px;line-height:1.75;color:#8fa8b4;margin-top:10px;min-height:39px}
.plan-free{background:#10171d}
.plan-basic{background:#111c24}
.plan-pro{border-color:#4d9c82;box-shadow:inset 0 3px 0 #58c9a5;background:radial-gradient(ellipse at 100% 0%,#25534d33,transparent 65%),#111f26}
.plan-complete{border-color:#8d8051;box-shadow:inset 0 3px 0 #c5b278;background:radial-gradient(ellipse at 100% 0%,#72633225,transparent 65%),#1b211f}
.plan-complete .plan-card-badge>span{background:#37311f;border-color:#73623a;color:#e0ce91}
.plan-complete>.primary{background:#d2c38b;border-color:#d2c38b;color:#262616}
.plan-complete>.primary:hover{background:#e5d9a9;border-color:#e5d9a9}
.plan-option.is-current{outline:1px solid #7ebbaa;outline-offset:3px}
.plan-option .plan-price{font-size:30px;margin-top:17px}
.plan-option .plan-price>small{font-size:11px}
.plan-value{font-size:10px;line-height:1.7;color:#c7bd92;margin-top:7px}
.plan-option button:disabled{opacity:.58;cursor:default}
.plan-option .plan-price-note{min-height:35px}
.plan-option .initial-price{min-height:0}
@media(min-width:1500px){.settings-main{max-width:1420px}.plan-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.plan-option{padding:22px 19px}.plan-card-badge>span{font-size:8px}.plan-description{min-height:58px}.plan-price{white-space:nowrap}}
@media(max-width:720px){
  .mobile-account-dock{display:block;margin:0 22px;padding:0 0 25px}
  .mobile-account-dock .account-dock{padding-top:13px}
  .mobile-account-dock .account{padding:11px 9px}
  .mobile-account-dock .account-avatar{width:34px;height:34px}
  .mobile-account-dock .account-info strong{max-width:calc(100vw - 145px);font-size:12px}
  .mobile-account-dock .account-info>span{font-size:10px}
  .mobile-account-dock .account-navigation{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin-top:7px}
  .mobile-account-dock .nav-button{font-size:11px;background:#101b23;border:1px solid #273b44;padding:10px 11px;white-space:normal;min-height:44px;justify-content:center}
  .mobile-account-dock .nav-button.active{background:#16352e;border-color:#427664}
  .analytics-export{font-size:9px;padding:9px}
  .analytics-export svg{width:14px;height:14px}
  .profiles-section-title{gap:12px;align-items:center}
  .plan-card-badge{min-height:0;margin-bottom:12px}
  .plan-card-badge:empty{display:none}
  .plan-description{min-height:0;max-width:300px}
  .plan-option .plan-price{font-size:31px}
  .plan-option .plan-price-note{min-height:0}
  .content-clicks{font-size:8px;gap:2px}
}