:root{--pi-ink:#14131c;--pi-muted:#6b6878;--pi-line:#e7e5ed;--pi-surface:#fff;--pi-soft:#f5f4f8;--pi-violet:#6246ea;--pi-violet-dark:#4d35d0;--pi-green:#1f9d62;--pi-danger:#bd3535}*{box-sizing:border-box}.pingit-app-body{margin:0!important;background:#f7f7fa!important;color:var(--pi-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.pingit-app-body .wp-site-blocks,.pingit-app-body>header,.pingit-app-body>footer{display:none!important}.pingit-app-frame{display:flex;min-height:100vh}.pingit-app-nav{position:fixed;inset:0 auto 0 0;z-index:20;display:flex;width:244px;flex-direction:column;padding:24px 16px;background:#17151f;color:#fff}.pingit-brand{display:flex;align-items:center;gap:11px;color:inherit!important;font-size:1.2rem;font-weight:850;text-decoration:none!important}.pingit-brand>span,.pingit-logo-mark{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;background:linear-gradient(145deg,#8068ff,#5133df);color:#fff;font-weight:900;box-shadow:0 8px 25px rgba(98,70,234,.35)}.pingit-app-nav nav{display:grid;gap:5px;margin-top:36px}.pingit-app-nav nav a,.pingit-app-nav-foot a{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:10px;color:#aaa6b7!important;font-size:.92rem;font-weight:650;text-decoration:none!important}.pingit-app-nav nav a:hover,.pingit-app-nav nav a.is-active{background:#2a2637;color:#fff!important}.pingit-app-nav nav span{width:20px;text-align:center}.pingit-app-nav-foot{margin-top:auto}.pingit-app-main{min-width:0;flex:1;margin-left:244px}.pingit-app-top{position:sticky;top:0;z-index:15;display:flex;height:68px;align-items:center;justify-content:flex-end;padding:0 34px;border-bottom:1px solid var(--pi-line);background:rgba(255,255,255,.88);backdrop-filter:blur(16px)}.pingit-app-top>div{display:flex;align-items:center;gap:20px}.pingit-app-top a{color:var(--pi-ink);font-weight:650;text-decoration:none}.pingit-brand-mobile{display:none}.pingit-user-dot{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:#17151f;color:#fff;font-weight:800}.pingit-app-content{width:100%;padding:0 34px 80px}.pingit-shell{width:min(1240px,100%);margin:0 auto;color:var(--pi-ink)}.pingit-shell *{box-sizing:border-box}.pingit-auth{display:grid;grid-template-columns:1.05fr .75fr;gap:clamp(36px,7vw,100px);align-items:center;min-height:calc(100vh - 68px);padding:50px 0}.pingit-auth-copy h1{max-width:700px;margin:15px 0 22px;font-size:clamp(3rem,6vw,6rem);line-height:.94;letter-spacing:-.065em}.pingit-auth-copy>p{max-width:590px;color:var(--pi-muted);font-size:1.18rem;line-height:1.65}.pingit-auth-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.pingit-auth-points span{padding:9px 13px;border:1px solid var(--pi-line);border-radius:999px;background:#fff;font-size:.84rem;font-weight:700}.pingit-kicker,.pingit-step{color:var(--pi-violet);font-size:.73rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.pingit-panel{margin-bottom:22px;padding:26px;border:1px solid var(--pi-line);border-radius:18px;background:var(--pi-surface);box-shadow:0 8px 30px rgba(31,24,62,.045)}.pingit-panel h2,.pingit-panel h3{margin:0 0 17px;line-height:1.2}.pingit-panel label{display:block;margin:0 0 17px;color:#35323f;font-size:.86rem;font-weight:750}.pingit-panel input:not([type=checkbox]):not([type=radio]):not([type=color]),.pingit-panel textarea,.pingit-panel select{display:block;width:100%;margin-top:7px;padding:12px 13px;border:1px solid #d3d0dc;border-radius:10px;background:#fff;color:var(--pi-ink);font:inherit;outline:none}.pingit-panel input:focus,.pingit-panel textarea:focus,.pingit-panel select:focus{border-color:var(--pi-violet);box-shadow:0 0 0 3px rgba(98,70,234,.12)}.pingit-panel textarea{resize:vertical}.pingit-panel label small{display:block;margin-top:5px;color:var(--pi-muted);font-weight:500}.pingit-form-title{display:flex;align-items:center;gap:13px;margin-bottom:22px}.pingit-form-title h2,.pingit-form-title p{margin:0}.pingit-form-title p{color:var(--pi-muted);font-size:.85rem}.pingit-button{display:inline-flex;min-height:43px;align-items:center;justify-content:center;padding:10px 18px;border:0;border-radius:10px;background:var(--pi-violet);color:#fff!important;font-weight:800;text-decoration:none!important;cursor:pointer;transition:.18s ease}.pingit-button:hover{background:var(--pi-violet-dark);transform:translateY(-1px)}.pingit-button-wide{width:100%}.pingit-button-secondary{background:#1d1a28}.pingit-button-ghost{border:1px solid var(--pi-line);background:#fff;color:var(--pi-ink)!important}.pingit-check{display:flex!important;align-items:flex-start;gap:9px;font-weight:500!important}.pingit-check input{margin-top:3px}.pingit-field-prefix{display:flex;align-items:center;margin-top:7px;padding-left:12px;border:1px solid #d3d0dc;border-radius:10px;color:var(--pi-muted);overflow:hidden;font-weight:500}.pingit-field-prefix input{margin:0!important;border:0!important;box-shadow:none!important}.pingit-small{color:var(--pi-muted);font-size:.84rem;text-align:center}.pingit-error,.pingit-success{margin:0 0 20px;padding:13px 15px;border-radius:11px}.pingit-error{background:#fff0f0;color:#8b1d1d}.pingit-success{border:1px solid #ccebd9;background:#eaf9ef;color:#176b35}.pingit-workspace-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:34px 0 24px}.pingit-workspace-head h1{margin:5px 0 4px;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.045em}.pingit-workspace-head p{margin:0;color:var(--pi-muted)}.pingit-workspace-actions{display:flex;align-items:center;gap:10px}.pingit-plan{padding:9px 13px;border-radius:10px;background:#ece8ff;color:#5036d2;font-size:.83rem;font-weight:850}.pingit-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:26px;align-items:start}.pingit-editor-grid aside{position:sticky;top:94px}.pingit-preview-label{margin-bottom:9px;color:var(--pi-muted);font-size:.78rem;font-weight:750;text-align:center}.pingit-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:21px}.pingit-panel-head h2{margin:4px 0 0}.pingit-status-select{width:auto!important;margin:0!important;border-color:#b9b3d2!important;font-weight:750!important}.pingit-fields-two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.pingit-colors{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.pingit-colors input{width:100%;height:44px;margin-top:7px;padding:3px;border:1px solid var(--pi-line);border-radius:9px;background:#fff}.pingit-media-button{margin-top:7px;padding:6px 0;border:0;background:none;color:var(--pi-violet);font-weight:750;cursor:pointer}.pingit-template-picker{margin-bottom:24px}.pingit-template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.pingit-template-option{position:relative;margin:0!important;padding:8px;border:1px solid var(--pi-line);border-radius:12px;cursor:pointer}.pingit-template-option:has(input:checked){border-color:var(--pi-violet);box-shadow:0 0 0 2px rgba(98,70,234,.12)}.pingit-template-option input{position:absolute;opacity:0}.pingit-template-option>strong{display:inline-block;margin:7px 2px 2px;font-size:.76rem}.pingit-template-option>small{float:right;margin:7px 2px 0!important;color:var(--pi-violet)!important;font-size:.68rem}.pingit-template-option.is-locked{opacity:.55;cursor:not-allowed}.pingit-template-thumb{display:grid;height:94px;align-content:center;gap:6px;padding:13px;border-radius:8px;background:#f0edf9}.pingit-template-thumb i{width:24px;height:24px;margin:auto;border-radius:50%;background:#6a4cea}.pingit-template-thumb b{display:block;height:8px;border-radius:5px;background:#fff}.pingit-template-thumb.is-spotlight{background:#17151f}.pingit-template-thumb.is-storefront{grid-template-columns:1fr 1fr}.pingit-template-thumb.is-storefront i{grid-column:1/-1}.pingit-template-thumb.is-media{background:linear-gradient(145deg,#5634dd,#f06ba8)}.pingit-savebar{position:sticky;bottom:16px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:25px -10px -10px;padding:12px 14px;border:1px solid var(--pi-line);border-radius:13px;background:rgba(255,255,255,.93);box-shadow:0 12px 35px rgba(25,19,55,.12);backdrop-filter:blur(12px);font-size:.84rem;font-weight:700}.pingit-status-dot{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#aaa}.pingit-status-dot.is-published{background:var(--pi-green)}.pingit-empty{margin-bottom:18px;padding:22px;border:1px dashed #cac5d9;border-radius:12px;background:var(--pi-soft);text-align:center}.pingit-empty p{margin-bottom:0;color:var(--pi-muted)}.pingit-block-row{margin-bottom:10px;border:1px solid var(--pi-line);border-radius:12px;background:#fff}.pingit-block-row summary{display:flex;align-items:center;gap:12px;padding:14px;cursor:pointer;list-style:none}.pingit-block-row summary::-webkit-details-marker{display:none}.pingit-block-row summary>div{flex:1}.pingit-block-row summary small{display:block;margin-top:3px;color:var(--pi-muted)}.pingit-block-row summary>span:last-child{color:var(--pi-muted);font-size:.76rem}.pingit-drag{color:#a09baa}.pingit-block-row>form{padding:4px 16px 16px}.pingit-block-actions{display:flex;align-items:center;justify-content:space-between}.pingit-block-actions form{margin:0}.pingit-link-button{border:0;background:none;color:var(--pi-danger);font-weight:700;text-decoration:underline;cursor:pointer}.pingit-add-block{margin-top:24px;padding-top:22px;border-top:1px solid var(--pi-line)}.pingit-first-profile{max-width:600px;margin-top:80px}.pingit-first-profile h1{font-size:2.5rem}.pingit-public-body{margin:0;background:#eeeef3}.pingit-preview-banner{position:fixed;z-index:100;top:12px;left:50%;transform:translateX(-50%);padding:8px 14px;border-radius:999px;background:#17151f;color:#fff;font:700 13px Inter,system-ui,sans-serif;box-shadow:0 8px 25px rgba(0,0,0,.2)}.pingit-profile{--pingit-bg:#f4f2ff;--pingit-card:#fff;--pingit-text:#17142b;--pingit-accent:#5b3df5;position:relative;min-height:100vh;padding:58px 18px;background:var(--pingit-bg);color:var(--pingit-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overflow:hidden}.pingit-profile.is-preview{min-height:690px;padding:42px 16px;border:7px solid #17151f;border-radius:34px;box-shadow:0 22px 60px rgba(25,18,55,.18)}.pingit-cover{height:250px;margin:-58px -18px 0;background-position:center;background-size:cover}.pingit-profile.is-preview .pingit-cover{height:145px;margin:-42px -16px 0}.pingit-profile-inner{position:relative;width:min(620px,100%);margin:0 auto;text-align:center}.pingit-cover+.pingit-profile-inner{margin-top:-52px}.pingit-avatar{display:flex;width:100px;height:100px;align-items:center;justify-content:center;margin:0 auto 16px;border:4px solid rgba(255,255,255,.9);border-radius:50%;object-fit:cover;background:var(--pingit-accent);color:#fff;font-size:2.2rem;font-weight:900;box-shadow:0 9px 28px rgba(0,0,0,.14)}.pingit-profile h1{margin:0 0 5px;font-size:1.95rem;line-height:1.12;letter-spacing:-.025em}.pingit-handle{color:var(--pingit-accent);font-weight:800}.pingit-bio{max-width:520px;margin:18px auto 24px;line-height:1.55}.pingit-public-blocks{display:grid;gap:12px;margin-top:26px}.pingit-public-link,.pingit-public-text{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 19px;border:1px solid rgba(0,0,0,.04);border-radius:15px;background:var(--pingit-card);color:var(--pingit-text)!important;font-weight:800;text-align:left;text-decoration:none;box-shadow:0 7px 22px rgba(23,20,43,.07);transition:.17s ease}.pingit-public-link:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(23,20,43,.12)}.pingit-public-text{display:block;font-weight:400}.pingit-public-text p{margin:7px 0 0;line-height:1.5}.pingit-profile footer{margin-top:36px;font-size:.78rem;opacity:.6}.template-spotlight{background:#17151f;color:#fff}.template-spotlight .pingit-public-link,.template-spotlight .pingit-public-text{border:1px solid rgba(255,255,255,.15);background:transparent;color:#fff!important;box-shadow:none}.template-spotlight .pingit-handle{color:#a991ff}.template-storefront .pingit-public-blocks{grid-template-columns:1fr 1fr}.template-storefront .pingit-public-link,.template-storefront .pingit-public-text{min-height:95px;align-content:center}.template-media .pingit-cover{height:330px}.template-media .pingit-profile-inner{padding:26px;border-radius:24px;background:color-mix(in srgb,var(--pingit-bg) 91%,transparent);backdrop-filter:blur(18px)}
@media(max-width:1000px){.pingit-app-nav{width:210px}.pingit-app-main{margin-left:210px}.pingit-editor-grid{grid-template-columns:minmax(0,1fr) 330px}.pingit-template-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.pingit-app-frame{display:block}.pingit-app-nav{position:fixed;inset:auto 0 0;display:block;width:auto;height:68px;padding:7px 8px}.pingit-app-nav>.pingit-brand,.pingit-app-nav-foot{display:none}.pingit-app-nav nav{display:flex;justify-content:space-around;margin:0}.pingit-app-nav nav a{display:grid;justify-items:center;gap:2px;padding:5px 8px;font-size:.65rem}.pingit-app-nav nav a:nth-child(n+5){display:none}.pingit-app-nav nav span{font-size:1rem}.pingit-app-main{margin:0}.pingit-app-top{height:60px;justify-content:space-between;padding:0 18px}.pingit-brand-mobile{display:flex}.pingit-app-content{padding:0 14px 95px}.pingit-auth{grid-template-columns:1fr;min-height:auto;padding:38px 0}.pingit-auth-copy h1{font-size:3.15rem}.pingit-editor-grid{grid-template-columns:1fr}.pingit-editor-grid aside{position:static;order:-1}.pingit-workspace-head{align-items:flex-start}.pingit-workspace-actions{align-items:flex-end;flex-direction:column}.pingit-fields-two{grid-template-columns:1fr}.pingit-colors{grid-template-columns:repeat(2,1fr)}.pingit-panel{padding:20px}.pingit-profile.is-preview{min-height:590px}.template-storefront .pingit-public-blocks{grid-template-columns:1fr}}@media(max-width:430px){.pingit-workspace-head h1{font-size:2rem}.pingit-workspace-actions .pingit-plan{display:none}.pingit-template-grid{grid-template-columns:repeat(2,1fr)}.pingit-auth-copy h1{font-size:2.65rem}}