:root{--bg: #070806;--bg-soft: #0d100c;--panel: rgba(255, 255, 255, .055);--panel-strong: rgba(255, 255, 255, .09);--text: #f7f4ea;--muted: #a9afa3;--line: rgba(255, 255, 255, .12);--lime: #d6ff4f;--coral: #ff6b57;--cyan: #20d6ff;--shadow: 0 24px 80px rgba(0, 0, 0, .32)}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(214,255,79,.16),transparent 28rem),radial-gradient(circle at bottom right,rgba(32,214,255,.1),transparent 30rem),var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}a{color:inherit;text-decoration:none}.app-shell{position:relative;height:100vh;display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;padding:18px;overflow:hidden}.ambient-grid{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:52px 52px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 78%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 78%)}.sidebar,.workspace,.panel,.preview-column{position:relative}.sidebar{min-height:calc(100vh - 36px);padding:18px;border:1px solid var(--line);border-radius:8px;background:#090b08d1;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:22px}.brand-lockup{display:grid;gap:8px}.publish-orb,.type-icon{display:grid;place-items:center;flex:0 0 auto}.brand-logo{width:100%;max-width:256px;height:98px;display:block;object-fit:contain;object-position:center center;border-radius:8px;background:#ffffff0a}.brand-lockup span,.publish-card strong,.publish-card span{display:block}.brand-lockup span,.publish-card span,.section-label{color:var(--muted);font-size:.74rem;line-height:1.35}.nav-list{display:grid;gap:7px}.nav-item,.ghost-button,.primary-button,.save-button,.icon-text-button,.theme-swatch,.toggle-button,.social-pill,.mode-switch button{cursor:pointer}.nav-item{width:100%;min-height:42px;display:flex;align-items:center;gap:10px;padding:0 12px;border-radius:8px;color:#d8ded2;background:transparent;text-align:left}.nav-item.active,.nav-item:hover{color:var(--text);background:var(--panel-strong)}.publish-card{margin-top:auto;display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,#d6ff4f24,#ffffff0a)}.publish-orb{width:38px;height:38px;border-radius:8px;color:var(--lime);background:#d6ff4f1f}.workspace{min-width:0;max-height:calc(100vh - 36px);overflow-y:auto;overflow-x:hidden;padding-right:4px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px}.workspace::-webkit-scrollbar{width:8px}.workspace::-webkit-scrollbar-thumb{border-radius:999px;background:#ffffff38}.mode-switch{justify-self:end;display:flex;padding:4px;border:1px solid var(--line);border-radius:8px;background:#ffffff0e}.mode-switch button{min-width:108px;min-height:34px;padding:0 14px;border-radius:6px;color:var(--muted);background:transparent}.mode-switch button.selected{color:#11140d;background:var(--lime)}.studio-layout{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,390px);gap:18px;align-items:start}.studio-editor{min-width:0;display:grid;gap:16px}.studio-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.studio-header h1{max-width:680px;margin:5px 0 0;font-size:clamp(1.85rem,2.8vw,3rem);line-height:1.02;letter-spacing:0}.header-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.ghost-button,.primary-button,.save-button,.icon-text-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border-radius:8px;white-space:nowrap}.ghost-button,.icon-text-button{color:var(--text);border:1px solid var(--line);background:#ffffff0e}.primary-button,.save-button{color:#10120b;background:var(--lime)}.editor-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);gap:14px}.social-panel{grid-column:2}.panel{padding:16px;border:1px solid var(--line);border-radius:8px;background:#ffffff0f;box-shadow:0 18px 60px #0000002e}.panel-title{display:flex;align-items:center;gap:8px;margin-bottom:14px}.panel-title.split{align-items:center;justify-content:space-between}.panel-title h2{margin:0;font-size:1rem}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}label{display:grid;gap:7px;margin-bottom:12px;color:var(--muted);font-size:.78rem}input,textarea,select{width:100%;min-width:0;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:var(--text);background:#040504b8;outline:none}input[type=color]{width:42px;height:34px;min-height:34px;padding:3px;border-radius:8px;cursor:pointer}input{min-height:42px;padding:0 12px}select{min-height:42px;padding:0 10px}textarea{resize:vertical;padding:11px 12px;line-height:1.45}input:focus,textarea:focus{border-color:var(--lime)}.theme-list{display:grid;gap:10px}.theme-swatch{width:100%;min-height:52px;display:flex;align-items:center;gap:12px;padding:0 12px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:#0003}.theme-swatch.selected{border-color:var(--lime);background:#d6ff4f1a}.swatch-orb{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0 50%,var(--secondary) 50%),var(--surface);box-shadow:inset 0 0 0 5px var(--surface)}.custom-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.appearance-control,.custom-slider-grid{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.appearance-control{display:grid;gap:9px}.appearance-control>span{color:var(--muted);font-size:.78rem}.segmented-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;border:1px solid var(--line);border-radius:8px;background:#0000002e}.segmented-control button{min-height:34px;border-radius:6px;color:var(--muted);background:transparent;cursor:pointer}.segmented-control button.selected{color:#10120b;background:var(--lime)}.custom-slider-grid{display:grid;gap:10px}.slider-control{margin:0;padding:10px;border:1px solid var(--line);border-radius:8px;background:#0000002e}.slider-control span{display:flex;justify-content:space-between;gap:10px;color:var(--text);font-size:.78rem;font-weight:700}.slider-control strong{color:var(--lime)}input[type=range]{width:100%;accent-color:var(--lime);min-height:26px;padding:0;border:0;background:transparent;cursor:pointer}.color-control{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#0000002e}.color-control span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:.78rem;font-weight:700}.link-list{display:grid;gap:9px}.link-editor-row{display:grid;gap:12px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#070806a3}.link-editor-row.muted{opacity:.48}.link-editor-top{min-height:46px;display:grid;grid-template-columns:18px 42px minmax(0,1fr) 38px 42px;gap:12px;align-items:center}.drag-icon{color:#687060}.type-icon{width:42px;height:42px;border-radius:8px;color:var(--lime);background:#d6ff4f1f}.link-copy{min-width:0}.link-copy strong,.link-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-copy strong{color:var(--text);font-size:.95rem}.link-copy span,.link-type{color:var(--muted);font-size:.78rem}.link-type{min-width:88px;text-align:right}.toggle-button{display:grid;place-items:center;color:var(--lime);background:transparent}.featured-button{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:#ffffff0b;cursor:pointer}.featured-button.selected{color:#11140d;border-color:var(--lime);background:var(--lime)}.link-edit-grid{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:10px}.link-edit-grid label{margin:0}.wide-field{grid-column:1 / -1}.share-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#ffffff0b}.insights-panel,.profile-panel,.theme-panel,.social-panel,.link-manager{scroll-margin-top:18px}.insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.insight-grid div{min-height:72px;display:grid;align-content:center;gap:4px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#00000038}.insight-grid strong,.insight-grid span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.insight-grid strong{font-size:1.1rem}.insight-grid span{color:var(--muted);font-size:.78rem}.share-strip span,.share-strip strong{display:block}.share-strip span{color:var(--muted);font-size:.76rem}.share-strip strong{overflow-wrap:anywhere;font-size:.95rem}.preview-column{position:sticky;top:18px;display:grid;gap:12px}.preview-header{display:flex;align-items:center;justify-content:space-between}.preview-header strong{display:block}.preview-header a{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;color:var(--text);background:#ffffff0e}.phone-frame{width:min(100%,390px);min-height:760px;max-height:min(760px,calc(100vh - 150px));overflow-y:auto;overscroll-behavior:auto;padding:12px;border:1px solid rgba(255,255,255,.16);border-radius:34px;background:linear-gradient(145deg,#171915,#080908);box-shadow:var(--shadow)}.phone-frame::-webkit-scrollbar,.public-profile.full-public::-webkit-scrollbar{width:8px}.phone-frame::-webkit-scrollbar-thumb,.public-profile.full-public::-webkit-scrollbar-thumb{border-radius:999px;background:#ffffff3d}.public-profile{min-height:100%;color:var(--profile-ink);background:radial-gradient(circle at top right,color-mix(in srgb,var(--profile-accent),transparent 66%),transparent 42%),linear-gradient(180deg,var(--profile-surface),#ffffff 78%)}.public-profile.compact{border-radius:var(--profile-radius);padding:22px}.public-profile.full-public{width:min(440px,100%);height:min(820px,calc(100vh - 180px));overflow-y:auto;overscroll-behavior:auto;margin:0 auto;padding:28px;border-radius:var(--profile-radius);box-shadow:var(--shadow)}.profile-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.avatar-ring{width:74px;height:74px;padding:4px;border-radius:var(--profile-avatar-radius);background:linear-gradient(135deg,var(--profile-accent),var(--profile-secondary))}.avatar-ring span{width:100%;height:100%;display:grid;place-items:center;border-radius:var(--profile-avatar-radius);color:var(--profile-surface);background:var(--profile-ink);font-weight:850;font-size:1.3rem}.creator-status{padding:7px 10px;border-radius:var(--profile-link-radius);color:var(--profile-ink);background:#ffffffa3;font-size:.76rem;font-weight:700}.profile-identity{margin-top:26px}.profile-identity h1{margin:0;font-size:clamp(2.1rem,8vw,3.3rem);line-height:.94;letter-spacing:0}.profile-identity span{display:inline-block;margin-top:8px;color:color-mix(in srgb,var(--profile-ink),transparent 30%);font-weight:750}.profile-identity p{margin:16px 0 0;color:color-mix(in srgb,var(--profile-ink),transparent 18%);line-height:1.48}.social-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.social-list{display:grid;gap:8px}.social-row-editor{display:grid;gap:10px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#00000038}.social-row-editor.muted{opacity:.5}.social-editor-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;color:#10120b;background:var(--cyan)}.social-editor-top{min-height:38px;display:grid;grid-template-columns:34px minmax(0,1fr) 36px;align-items:center;gap:10px}.social-editor-copy{min-width:0}.social-editor-copy strong,.social-editor-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-editor-copy small{color:var(--muted);margin-top:2px}.social-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.social-edit-grid label{margin:0}.social-pill{width:38px;height:38px;display:grid;place-items:center;border-radius:var(--profile-link-radius);color:var(--profile-ink);background:#ffffffb3}.featured-link{min-height:128px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-top:24px;padding:18px;border-radius:var(--profile-link-radius);color:#11140d;background:linear-gradient(135deg,var(--profile-accent),var(--profile-secondary))}.featured-link span,.featured-link strong,.featured-link p{display:block}.featured-link span{font-size:.76rem;font-weight:800;text-transform:uppercase}.featured-link strong{margin-top:8px;font-size:1.35rem;line-height:1.05}.featured-link p{margin:8px 0 0;max-width:28ch;line-height:1.35}.public-link-list{display:grid;gap:10px;margin-top:12px}.public-link{min-height:62px;display:grid;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:12px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--profile-ink),transparent 88%);border-radius:var(--profile-link-radius);background:#ffffffa8}.public-link-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:var(--profile-link-radius);color:var(--profile-surface);background:var(--profile-ink)}.public-link strong,.public-link small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-link small{margin-top:3px;color:color-mix(in srgb,var(--profile-ink),transparent 34%);font-weight:750}.public-page-stage{min-height:calc(100vh - 86px);display:grid;place-items:center;align-content:center;gap:14px}.back-button{justify-self:center}@media(max-width:1180px){.app-shell{grid-template-columns:86px minmax(0,1fr)}.brand-lockup span,.nav-item span,.publish-card strong,.publish-card span{display:none}.sidebar{align-items:center;padding:14px}.brand-logo{width:48px;height:48px;object-fit:cover;object-position:left center}.nav-item{width:48px;justify-content:center;padding:0}.publish-card{padding:8px}}@media(max-width:980px){.studio-layout,.editor-grid{grid-template-columns:1fr}.social-panel{grid-column:auto}.preview-column{position:static}.phone-frame{width:min(100%,440px);min-height:0;max-height:none;justify-self:center}.studio-header{display:grid}.header-actions{justify-content:flex-start}}@media(max-width:700px){.app-shell{height:auto;min-height:100vh;grid-template-columns:1fr;padding:10px;overflow-x:hidden;overflow-y:visible}.workspace{max-height:none;overflow:visible;padding-right:0}.sidebar{min-height:auto;flex-direction:row;justify-content:space-between}.nav-list,.publish-card{display:none}.mode-switch{justify-self:stretch}.mode-switch button{flex:1;min-width:0}.studio-header h1{font-size:2.1rem}.field-grid,.link-editor-top,.link-edit-grid{grid-template-columns:1fr}.link-editor-top{align-items:start}.drag-icon,.link-type,.featured-button{display:none}.toggle-button{justify-self:start}.share-strip{align-items:stretch;flex-direction:column}.insight-grid,.social-editor-top,.social-edit-grid{grid-template-columns:1fr}.phone-frame{padding:8px;border-radius:26px}.public-profile.compact,.public-profile.full-public{height:auto;max-height:none;overflow-y:visible;padding:18px}}