:root{--paper:#f8f6f1;--card:#fffdf9;--ink:#1e1d24;--muted:#817d85;--line:#e9e4dc;--coral:#ff6d4d;--coral-dark:#dc5033;--lilac:#ded8ff;--mint:#ccefdc;--yellow:#ffdb79;--blue:#d9eafa;--shadow:0 18px 50px rgba(41,34,25,.07);--ease-out:cubic-bezier(.23,1,.32,1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}button,input{font:inherit}button{cursor:pointer;border:0}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;flex:0 0 240px;border-right:1px solid var(--line);background:#fbfaf7;padding:22px 16px;display:flex;flex-direction:column}.brand-lockup,.workspace-switcher,.campaign-mini,.nav-item,.top-actions,.crumbs,.section-head,.url-row,.source-meta,.tool-toolbar,.filter-pills,.build-summary,.manifest-row,.preview-foot,.social-row,.hub-block,.table-head,.metric-grid{display:flex;align-items:center}.brand-lockup{gap:10px;padding:0 8px 25px}.brand-lockup strong,.brand-lockup small,.workspace-switcher strong,.workspace-switcher small,.campaign-mini strong,.campaign-mini small{display:block}.brand-lockup strong{font-size:14px;letter-spacing:-.02em}.brand-lockup small,.workspace-switcher small,.campaign-mini small{font-size:10px;color:var(--muted);margin-top:2px}.brand-mark,.avatar{display:grid;place-items:center;background:var(--ink);color:white;border-radius:12px;font-size:11px;font-weight:800;letter-spacing:-.06em}.brand-mark{width:34px;height:34px}.avatar{width:30px;height:30px;border-radius:10px}.avatar.small{width:24px;height:24px;border-radius:8px;font-size:9px}.workspace-switcher{gap:9px;padding:11px 9px;border:1px solid var(--line);border-radius:14px;background:white}.workspace-switcher strong{font-size:12px}.chevron{margin-left:auto;color:var(--muted)}.nav-stack{display:grid;gap:4px;margin-top:22px}.nav-item{width:100%;gap:10px;padding:11px 10px;border-radius:12px;background:transparent;color:#77727b;text-align:left;font-size:12px;transition:background .18s var(--ease-out),color .18s var(--ease-out),transform .16s var(--ease-out)}.nav-item:hover{background:#f0ece5;color:var(--ink)}.nav-item:active,.primary-button:active,.ghost-button:active,.user-button:active{transform:scale(.97)}.nav-item.active{background:var(--ink);color:white}.nav-icon{font-size:16px;width:20px;text-align:center}.sidebar-bottom{margin-top:auto;padding:14px 8px 5px}.mini-label,.kicker,.eyebrow{font-size:9px;letter-spacing:.16em;font-weight:800;color:#a49e97}.campaign-mini{gap:8px;margin-top:10px}.campaign-mini strong{font-size:11px}.status-dot,.live-dot,.live-tag i,.local-pill i{width:7px;height:7px;border-radius:50%;background:#4ecb83;box-shadow:0 0 0 4px rgba(78,203,131,.12)}.sidebar-note{font-size:11px;line-height:1.45;color:var(--muted);margin-top:22px;max-width:180px}.main-stage{min-width:0;flex:1;padding:0 46px 54px}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.crumbs{gap:10px;font-size:12px;color:var(--muted)}.crumbs b{color:#c9c1b7}.crumbs strong{color:var(--ink)}.top-actions{gap:10px}.local-pill,.ready-chip,.build-status,.live-tag{font-size:10px;font-weight:800;letter-spacing:.04em;border:1px solid var(--line);border-radius:999px;padding:8px 11px;background:white;color:#757079}.local-pill{display:flex;align-items:center;gap:7px}.ghost-button,.user-button,.icon-button,.text-button{background:transparent;color:var(--muted);font-size:11px}.ghost-button{padding:8px}.user-button{display:flex;align-items:center;gap:7px;color:var(--ink);font-weight:700}.hero-row{display:flex;justify-content:space-between;align-items:center;padding:46px 0 28px}.hero-row h1{font-size:clamp(36px,4.6vw,66px);line-height:.96;letter-spacing:-.07em;margin:13px 0 14px}.hero-row h1 em{font-style:normal;color:var(--coral)}.hero-copy{max-width:500px;color:var(--muted);font-size:14px;line-height:1.6;margin:0}.hero-orbit{width:225px;height:180px;position:relative;margin-right:8%;flex:0 0 auto}.orbit{position:absolute;border:1px solid #e6ded5;border-radius:50%;inset:10px 0 10px 0;transform:rotate(-15deg)}.orbit-b{inset:0 18px 0 18px;transform:rotate(55deg);border-color:#dcd3fa}.orbit-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:66px;height:66px;border-radius:22px;display:grid;place-items:center;background:var(--ink);color:white;font-weight:900;font-size:17px;box-shadow:0 14px 25px rgba(30,29,36,.18)}.orbit-tag{position:absolute;padding:7px 9px;border-radius:10px;font-size:9px;font-weight:800;box-shadow:0 8px 20px rgba(43,34,28,.08);background:white}.tag-one{top:4px;right:5px;background:var(--yellow)}.tag-two{bottom:7px;left:6px;background:var(--lilac)}.tag-three{top:62px;right:-25px;background:var(--mint)}.progress-rail{display:flex;align-items:center;margin-bottom:25px;max-width:760px}.progress-step{display:flex;align-items:center;gap:9px;color:#aaa3a0;min-width:145px}.progress-step span{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:#eee9e2;font-size:10px;font-weight:800}.progress-step strong,.progress-step small{display:block}.progress-step strong{font-size:11px;color:inherit}.progress-step small{font-size:10px;margin-top:2px}.progress-step.active{color:var(--ink)}.progress-step.active span{background:var(--coral);color:white}.progress-line{height:1px;background:var(--line);width:68px;margin:0 10px}.card{background:var(--card);border:1px solid var(--line);border-radius:21px;box-shadow:var(--shadow)}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.7fr);gap:20px}.primary-column,.right-column{display:grid;gap:20px;align-content:start}.source-card,.tool-card,.build-card,.preview-card,.activity-card,.file-table,.event-log,.hub-builder,.hub-preview{padding:23px}.section-head{justify-content:space-between;gap:18px}.section-head h2,.page-heading h2{font-size:18px;letter-spacing:-.04em;margin:7px 0 0}.ready-chip{background:#eef9f1;color:#32814f;border-color:#d7efde}.input-tabs{display:flex;gap:7px;margin-top:22px;border-bottom:1px solid var(--line)}.input-tab,.filter-pill{background:transparent;padding:9px 11px;color:var(--muted);font-size:11px;border-radius:10px 10px 0 0}.input-tab.active,.filter-pill.active{background:var(--ink);color:white}.input-panel{padding:18px 0 13px}.input-panel label{display:block;color:var(--muted);font-size:10px;font-weight:800;margin-bottom:7px}.url-row{gap:8px}.url-row input{min-width:0;flex:1;border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px 13px;color:var(--ink);font-size:12px;outline:none;transition:border .16s var(--ease-out),box-shadow .16s var(--ease-out)}.url-row input:focus{border-color:var(--coral);box-shadow:0 0 0 4px rgba(255,109,77,.1)}.primary-button{border-radius:12px;background:var(--ink);color:white;padding:12px 15px;font-size:11px;font-weight:800;transition:transform .16s var(--ease-out),background .18s var(--ease-out)}.primary-button:hover{background:#37343d}.primary-button span{margin-left:8px;color:var(--yellow)}.primary-button.wide{width:100%;margin-top:17px}.primary-button.compact{padding:9px 12px}.input-hint{display:flex;align-items:flex-start;gap:8px;color:var(--muted);font-size:10px;line-height:1.4;margin-top:11px}.checkmark{color:#2eab65;font-weight:900}.source-meta{gap:0;border-top:1px solid var(--line);padding-top:14px;justify-content:space-between}.source-meta span{padding-right:18px;border-right:1px solid var(--line)}.source-meta span:last-child{border:0}.source-meta b{font-size:14px;display:block}.source-meta small{font-size:9px;color:var(--muted)}.tool-head{align-items:flex-start}.tool-count{text-align:right}.tool-count strong{font-size:25px;letter-spacing:-.06em;display:block}.tool-count span{font-size:9px;color:var(--muted)}.tool-toolbar{justify-content:space-between;gap:12px;margin:20px 0 15px}.search-wrap{display:flex;align-items:center;gap:8px;flex:1;background:#f5f1eb;border-radius:11px;padding:0 11px}.search-wrap span{font-size:20px;color:#a7a09a}.search-wrap input{width:100%;border:0;background:transparent;outline:none;padding:10px 0;font-size:11px}.filter-pills{gap:4px;background:#f4f0ea;padding:3px;border-radius:11px}.filter-pill{border-radius:8px;padding:7px 9px}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.tool-tile{position:relative;text-align:left;border:1px solid var(--line);border-radius:14px;background:#fff;padding:13px;min-height:92px;transition:transform .18s var(--ease-out),border .18s var(--ease-out),box-shadow .18s var(--ease-out)}.tool-tile:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(41,34,25,.08)}.tool-tile.selected{border-color:var(--coral);box-shadow:0 0 0 3px rgba(255,109,77,.1)}.tool-tile.selected:after{content:'✓';position:absolute;top:9px;right:10px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--coral);color:white;font-size:11px;font-weight:900}.tool-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;font-size:12px;font-weight:900;margin-bottom:9px}.tool-tile.promo .tool-icon{background:var(--yellow)}.tool-tile.hub .tool-icon{background:var(--lilac)}.tool-tile strong{font-size:11px;display:block;padding-right:11px}.tool-tile small{display:block;color:var(--muted);font-size:9px;margin-top:4px;line-height:1.3}.build-status{background:#f5f0eb}.build-summary{gap:12px;background:#f8f4ef;border-radius:14px;padding:13px;margin-top:18px}.summary-orb{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--coral);color:white}.build-summary strong{font-size:12px}.build-summary p{font-size:10px;color:var(--muted);margin:4px 0 0}.manifest-row{gap:6px;flex-wrap:wrap;margin-top:14px}.manifest-empty{font-size:10px;color:#aaa29a}.manifest-pill{font-size:9px;padding:7px 9px;background:var(--lilac);border-radius:9px}.preview-card{overflow:hidden}.profile-preview{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:17px;margin-top:17px}.preview-cover{height:76px;background:linear-gradient(125deg,#221f2b 0%,#5d596a 45%,#ff8062 100%);position:relative}.preview-badge{position:absolute;right:12px;top:12px;color:white;font-size:8px;letter-spacing:.12em;font-weight:900}.preview-avatar{width:45px;height:45px;border-radius:15px;background:var(--ink);color:white;display:grid;place-items:center;font-size:12px;font-weight:900;position:absolute;top:51px;left:16px;border:4px solid white}.preview-body{padding:28px 16px 16px}.preview-body h3{margin:0;font-size:15px;letter-spacing:-.03em}.preview-body p{font-size:10px;color:var(--muted);line-height:1.4;margin:5px 0 11px}.social-row{gap:9px;color:#8f8990;font-size:12px;margin-bottom:12px}.preview-link{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border-radius:10px;background:#f4f0eb;font-size:10px;font-weight:800;margin-top:7px}.preview-link.accent{background:var(--coral);color:white}.preview-link.soft{background:var(--lilac)}.preview-foot{justify-content:space-between;margin-top:14px;font-size:9px;color:var(--muted)}.text-button{font-weight:800;color:var(--ink)}.activity-card{padding-bottom:15px}.live-tag{display:flex;align-items:center;gap:7px;color:#32814f;background:#eef9f1;border-color:#d7efde}.activity-log{margin-top:17px}.activity-item{display:flex;gap:9px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line)}.activity-dot{width:8px;height:8px;border-radius:50%;background:var(--coral);margin-top:4px}.activity-item strong,.activity-item small{display:block}.activity-item strong{font-size:10px}.activity-item small{font-size:9px;color:var(--muted);margin-top:3px}.activity-item time{margin-left:auto;color:#a6a09a;font-size:9px}.activity-item.muted{opacity:.7}.page-heading{padding:42px 0 22px;max-width:650px}.page-heading h2{font-size:36px;margin-top:11px}.page-heading p{color:var(--muted);font-size:13px;line-height:1.6;margin-top:10px}.hub-layout{display:grid;grid-template-columns:1fr 360px;gap:20px}.block-list{display:grid;gap:8px;margin-top:18px}.hub-block{gap:10px;padding:12px;border:1px solid var(--line);border-radius:13px}.hub-block.selected{border-color:var(--coral);background:#fff8f4}.hub-block .drag,.hub-block button{color:#b0aaa3;font-size:13px;background:transparent}.hub-block>div{flex:1}.hub-block strong,.hub-block small{display:block}.hub-block strong{font-size:11px}.hub-block small{font-size:9px;color:var(--muted);margin-top:3px}.block-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;font-size:12px;font-weight:900}.block-icon.coral{background:var(--coral);color:white}.block-icon.yellow{background:var(--yellow)}.block-icon.lilac{background:var(--lilac)}.block-icon.mint{background:var(--mint)}.large{margin-top:15px}.file-table{min-height:180px}.table-head{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;color:var(--muted);font-size:9px;font-weight:800;padding-bottom:12px;border-bottom:1px solid var(--line)}.empty-state{color:var(--muted);font-size:11px;text-align:center;padding:45px 10px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric-card{background:var(--card);border:1px solid var(--line);border-radius:17px;padding:18px}.metric-card span,.metric-card small{display:block;color:var(--muted);font-size:10px}.metric-card strong{display:block;font-size:29px;letter-spacing:-.06em;margin:15px 0 2px}.event-log{margin-top:20px}.event-log pre{background:#25232b;color:#d9d3ff;border-radius:13px;padding:18px;font-size:11px;line-height:1.7;overflow:auto;margin:18px 0 0}.toast{position:fixed;right:24px;bottom:24px;background:var(--ink);color:white;padding:12px 15px;border-radius:12px;font-size:11px;box-shadow:var(--shadow);opacity:0;transform:translateY(12px);transition:opacity .2s var(--ease-out),transform .2s var(--ease-out);pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}[hidden]{display:none!important}@media(max-width:1100px){.main-stage{padding:0 26px 40px}.hero-orbit{margin-right:2%}.workspace-grid{grid-template-columns:1fr}.right-column{grid-template-columns:1fr 1fr}.hub-layout{grid-template-columns:1fr}.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:760px){.sidebar{width:68px;flex-basis:68px;padding:16px 9px}.brand-lockup strong,.brand-lockup small,.workspace-switcher div,.workspace-switcher .chevron,.nav-item:not(.active)::after,.nav-item{font-size:0}.brand-lockup{padding:0 7px 18px}.workspace-switcher{justify-content:center;padding:10px 0}.nav-item{justify-content:center;padding:12px 0}.nav-icon{font-size:16px}.sidebar-note,.mini-label,.campaign-mini div{display:none}.campaign-mini{justify-content:center}.main-stage{padding:0 15px 32px}.topbar{height:60px}.top-actions .ghost-button,.local-pill{display:none}.hero-row{padding:31px 0 20px}.hero-row h1{font-size:41px}.hero-orbit{display:none}.progress-rail{overflow:auto;padding-bottom:3px}.progress-step{min-width:120px}.progress-line{width:25px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.right-column{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.url-row{align-items:stretch;flex-direction:column}.url-row input{width:100%}.source-meta{gap:9px}.source-meta span{padding-right:8px}.source-meta b{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:0.01ms!important;animation-duration:0.01ms!important;animation-iteration-count:1!important}}
.rail-toggle{display:none;margin-top:7px;padding:4px 7px;border:1px solid var(--line);border-radius:999px;background:#f4f0ea;color:var(--muted);font-size:9px;font-weight:800}.tool-card{transition:box-shadow .2s var(--ease-out)}
@media(max-width:760px){.app-shell{position:relative;min-height:100vh}.sidebar{position:sticky;left:0;top:0;height:100vh;z-index:5;box-shadow:8px 0 24px rgba(41,34,25,.06)}.main-stage{min-width:0;padding:0 12px 28px}.topbar{position:sticky;top:0;z-index:4;background:rgba(248,246,241,.94);backdrop-filter:blur(12px)}.hero-row{padding-top:24px}.tool-card{overflow:visible}.tool-head{align-items:flex-start}.rail-toggle{display:inline-block}.tool-count{min-width:62px}.tool-grid{max-height:168px;overflow-y:auto;overscroll-behavior:contain;padding:2px 4px 8px 0;scrollbar-width:thin;scrollbar-color:transparent transparent;transition:max-height .22s var(--ease-out),scrollbar-color .22s var(--ease-out)}.tool-card:hover .tool-grid,.tool-card:focus-within .tool-grid,.tool-card.rail-expanded .tool-grid{max-height:440px;scrollbar-color:#c7bfb5 transparent}.tool-tile{min-height:78px;padding:10px}.tool-icon{margin-bottom:6px}.tool-tile small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-toolbar{align-items:stretch;flex-direction:column;gap:8px}.filter-pills{align-self:flex-start}.right-column{display:block}.right-column>.card{margin-top:14px}.hero-row h1{font-size:clamp(33px,10vw,43px)}.workspace-grid{gap:14px}.source-card,.tool-card,.build-card,.preview-card,.activity-card{padding:17px;border-radius:17px}}
@media(max-width:430px){.sidebar{width:54px;flex-basis:54px;padding:12px 6px}.brand-mark{width:30px;height:30px}.workspace-switcher{border:0;background:transparent}.main-stage{padding-left:9px;padding-right:9px}.topbar{height:54px}.crumbs{gap:6px;font-size:10px}.user-button{font-size:0}.user-button .avatar{font-size:9px}.source-meta{font-size:10px}.source-meta small{font-size:8px}.tool-card h2{font-size:15px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:150px}.tool-card.rail-expanded .tool-grid{max-height:390px}.tool-tile strong{font-size:10px}.tool-tile small{font-size:8px}.manifest-row{max-height:62px;overflow:auto}.progress-step{min-width:102px}.progress-step small{display:none}}