:root{--cream:#f7f5ee;--green:#164c39;--ink:#203b30;--muted:#66756a;--line:#dedfd5;--white:#fffef9;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a,button,input{font:inherit}a,button{touch-action:manipulation}button{cursor:pointer;background:var(--green);color:white;border:1px solid transparent;border-radius:10px;padding:12px 18px;font-weight:600;min-height:44px}button:disabled{opacity:.6;cursor:wait}button:hover:not(:disabled){filter:brightness(.94)}a{color:var(--green)}:focus-visible{outline:3px solid #bd7b35;outline-offset:4px}h1{font-size:clamp(1.9rem,3.5vw,2.6rem);letter-spacing:-1.2px;margin:12px 0 16px}h1,h2{font-weight:500}h2{font-size:1.5rem;letter-spacing:-.5px}p{line-height:1.65}.footer-note,.intro,.muted{color:var(--muted)}.wordmark{font-size:2.4rem;font-weight:700;letter-spacing:-2px}.wordmark span{display:block;font-size:.72rem;letter-spacing:2px;text-transform:uppercase;font-weight:400;margin:7px 0}.eyebrow,.nav-caption{font-size:.7rem;letter-spacing:1.8px;font-weight:600}.eyebrow{color:var(--muted)}.gate{min-height:100svh;display:grid;place-items:center;padding:24px}.gate-card{width:min(440px,100%);background:var(--white);border:1px solid var(--line);border-radius:22px;padding:40px;box-shadow:0 16px 65px #1e3e2b08}.gate-card .wordmark{margin-bottom:40px}.gate form{display:flex;flex-direction:column;gap:10px;margin-top:28px}.gate label{font-size:.88rem;margin-top:10px}.gate input{width:100%;border:1px solid #a7b5a9;border-radius:9px;padding:13px;background:white;color:var(--ink)}.gate form button{margin-top:16px}.gate-foot{margin-top:32px;font-size:.72rem;color:var(--muted)}.error-message{color:#9d3026;background:#fff0eb;border-radius:8px;padding:12px;font-size:.9rem}.workspace{display:flex;min-height:100svh}.sidebar{width:250px;flex-shrink:0;background:var(--green);color:#fbfcf2;padding:34px 22px;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100svh}.sidebar .wordmark{padding:0 15px}.nav-caption{color:#b3cebd;margin:53px 15px 15px;font-size:.64rem}.sidebar nav{display:grid;grid-gap:7px;gap:7px}.sidebar nav button{background:transparent;color:#d7e3d8;display:flex;gap:14px;align-items:center;text-align:left;padding:14px;font-size:.87rem;font-weight:400}.sidebar nav button>span{font-size:1.4rem;line-height:1}.sidebar nav button[aria-current]{background:#ffffff16;color:white}.sidebar-bottom{margin-top:auto;border-top:1px solid #ffffff28;padding:24px 14px 0}.badge{display:inline-block;background:#e7eedf;color:var(--green);font-size:.7rem;padding:6px 10px;border-radius:6px;line-height:1.4}.user{font-size:.85rem;overflow-wrap:anywhere}.secondary{border:1px solid var(--line);background:transparent;color:var(--green);font-size:.82rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:11px 15px;border-radius:9px;min-height:44px}.sidebar .secondary{color:white;border-color:#ffffff40;width:100%}.main-column{flex:1 1;min-width:0}.main-column header{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:24px 40px;font-size:.75rem;color:var(--muted)}.connected{display:flex;align-items:center;gap:7px}.connected i{width:6px;height:6px;border-radius:50%;background:#498359}.main-column main{max-width:1300px;padding:46px 40px}.title-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.title-row .secondary{flex-shrink:0}.title-row h1{margin-bottom:5px}.intro{font-size:.92rem;margin:8px 0 28px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.stat{padding:24px;background:var(--white);border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;gap:16px}.stat>span{font-size:.83rem;color:var(--muted)}.stat strong{font-size:2.4rem;letter-spacing:-1.5px;font-weight:500}.stat small{font-size:.67rem;color:var(--muted)}.panel{border:1px solid var(--line);background:var(--white);border-radius:14px;padding:30px;margin-top:28px}.next-steps{display:grid;grid-template-columns:1fr 1fr;grid-gap:36px;gap:36px}.panel p{font-size:.88rem;max-width:52ch}.panel h2{margin-top:14px}.legacy{margin-top:12px}.steps{display:flex;flex-direction:column;justify-content:center;gap:10px}.step{display:flex;gap:15px;align-items:center;background:var(--cream);color:var(--ink);text-align:left;padding:18px;font-size:.85rem;font-weight:500}.step>span:first-child{font-size:1.5rem;color:var(--green)}.step>span:last-child{margin-left:auto}.step small{display:block;color:var(--muted);font-size:.65rem;margin-top:6px;font-weight:400}.footer-note{font-size:.7rem;margin:24px 0}.planned{max-width:800px}.skip{position:fixed;left:12px;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:12px}@media (min-width:1500px){.main-column main{padding-top:60px}}@media (max-width:1000px){.sidebar{width:215px;padding-inline:14px}.main-column main{padding:30px 24px}.main-column header{padding:22px 24px}.next-steps{grid-template-columns:1fr;gap:12px}.stat{padding:20px}}@media (max-width:700px){.workspace{display:block}.sidebar{width:auto;height:auto;position:static;padding:20px}.sidebar .wordmark{font-size:1.9rem;padding:0}.sidebar .wordmark span{display:inline;margin-left:14px;letter-spacing:1px;font-size:.6rem}.nav-caption{display:none}.sidebar nav{grid-template-columns:1fr 1fr;margin-top:20px;gap:5px}.sidebar nav button{padding:10px;font-size:.78rem}.sidebar-bottom{margin:16px 0 0;padding:15px 0 0;display:flex;align-items:center;gap:12px}.sidebar-bottom .badge{flex-shrink:0}.sidebar-bottom .user{font-size:.7rem;margin:0;flex:1 1}.sidebar-bottom .secondary{width:auto;font-size:.7rem}.main-column header{padding:18px 20px;font-size:.65rem;flex-wrap:wrap}.main-column main{padding:28px 20px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{padding:18px;gap:12px}.stat>span{font-size:.75rem;overflow-wrap:anywhere}.stat strong{font-size:2rem}.title-row{align-items:flex-start}.title-row .secondary{font-size:.7rem;padding:10px}.title-row h1{font-size:1.8rem}.panel{padding:22px}.gate{padding:16px}.gate-card{padding:28px 22px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.panel,.sidebar,.stat,.title-row,header{overflow-wrap:anywhere}.sidebar .wordmark{font-size:clamp(1.8rem,4vw,2.4rem)}.sidebar nav button,.step,.step>span,.title-row>div{min-width:0}.title-row{flex-wrap:wrap}.account-picker{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;padding:24px;background:var(--white);border:1px solid var(--line);border-radius:14px;margin:24px 0}.account-picker .pager{grid-column:1/-1}.account-picker label,.edit-panel label,.module-toolbar label,.panel>label,.profile-form label{display:flex;flex-direction:column;gap:8px;font-size:.86rem}input,select{padding:12px;border:1px solid #a7b5a9;border-radius:9px;color:var(--ink);background:white;min-width:0;width:100%;font:inherit;min-height:44px}.pager{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:16px 0}.pager span{font-size:.8rem;color:var(--muted)}.module-tabs,.module-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:20px 0}.module-toolbar label{flex:1 1;min-width:min(100%,200px)}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));grid-gap:14px;gap:14px}.media-card{background:var(--white);border:1px solid var(--line);color:var(--ink);text-align:left;display:flex;flex-direction:column;gap:12px;padding:20px;overflow-wrap:anywhere}.media-card small,.media-card span{font-size:.8rem;color:var(--muted)}.catalog-image{height:90px;width:90px;object-fit:contain;background:var(--cream);border-radius:12px}.edit-panel form,.profile-form{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.edit-panel form>.module-tabs{grid-column:1/-1}.check-label{flex-direction:row!important;align-items:center}.check-label input{width:20px}.profile-form{margin-top:20px}.preview-context{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px;background:#e7eedf;color:var(--green);border-radius:12px 12px 0 0;font-size:.85rem}.preview-context strong{flex:1 1;min-width:160px;overflow-wrap:anywhere}.app-frame{display:block;width:100%;height:min(850px,calc(100svh - 140px));min-height:360px;border:1px solid var(--line);background:var(--white);border-radius:0 0 12px 12px}.preview-panel{margin-top:24px}@media (max-width:700px){.account-picker,.edit-panel form,.profile-form{grid-template-columns:1fr}.account-picker{padding:18px}.app-frame{height:min(800px,calc(100svh - 100px))}.preview-context strong{flex-basis:100%}}