:root { color-scheme: light; --surface:#f5f5f7; --card:#fff; --ink:#1d1d1f; --muted:#6e6e73; --soft:#86868b; --line:#e5e5e9; --accent:#c94752; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif; }
* { box-sizing:border-box; }
body { min-height:100dvh; margin:0; color:var(--ink); background:var(--surface); font-size:14px; line-height:1.5; }
a,button,input { font:inherit; } a { color:inherit; text-decoration:none; } button { cursor:pointer; } button:focus-visible,a:focus-visible,input:focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
.workspace-nav { display:flex; align-items:center; justify-content:space-between; width:min(1180px,calc(100% - 64px)); height:76px; margin:auto; }
.workspace-brand { display:inline-flex; align-items:center; gap:8px; font-size:23px; font-weight:750; letter-spacing:-1px; }
.workspace-heart { display:grid; place-items:center; width:25px; height:25px; color:var(--accent); font-size:27px; line-height:1; }
.workspace-nav-actions { display:flex; align-items:center; gap:24px; color:var(--muted); font-size:12px; font-weight:600; }
.workspace-primary { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:44px; padding:0 18px; border-radius:9px; color:#fff; background:var(--accent); font-size:12px; font-weight:650; }
.workspace-primary:hover { background:#b53b46; }
.workspace-shell { width:min(1080px,calc(100% - 64px)); margin:0 auto; padding:66px 0 90px; }
.workspace-intro { display:grid; grid-template-columns:1fr 330px; align-items:end; gap:75px; padding-bottom:62px; border-bottom:1px solid var(--line); }
.workspace-kicker { display:block; margin-bottom:14px; color:var(--accent); font-size:11px; font-weight:700; letter-spacing:.02em; text-transform:uppercase; }
.workspace-intro h1 { margin:0; font-size:clamp(42px,6vw,72px); line-height:1; letter-spacing:-.065em; font-weight:650; }
.workspace-intro p { max-width:420px; margin:20px 0 0; color:var(--muted); font-size:16px; line-height:1.7; }
.workspace-account-card { padding:20px; border:1px solid var(--line); border-radius:15px; background:#fff; }
.workspace-card-label { display:block; color:var(--soft); font-size:10px; letter-spacing:.02em; text-transform:uppercase; }.workspace-account-card strong { display:block; margin:5px 0 17px; font-size:17px; font-weight:650; }.workspace-account-card label { display:block; margin-bottom:7px; color:var(--muted); font-size:11px; font-weight:600; }.account-field-row { display:flex; gap:6px; }.account-field-row input { min-width:0; flex:1; height:39px; padding:0 10px; border:1px solid var(--line); border-radius:8px; color:var(--ink); background:#fafafb; outline:none; font-size:12px; }.account-field-row input:focus { border-color:var(--accent); }.account-field-row button { height:39px; padding:0 13px; border:0; border-radius:8px; color:#fff; background:var(--accent); font-size:11px; font-weight:650; }.workspace-account-card small { display:block; margin-top:10px; color:var(--soft); font-size:10px; line-height:1.5; }
.workspace-section-head { display:flex; align-items:end; justify-content:space-between; gap:20px; padding:60px 0 21px; }.workspace-section-head h2 { margin:0; font-size:30px; letter-spacing:-.045em; font-weight:650; }.workspace-section-head .workspace-kicker { margin-bottom:7px; }.workspace-count { color:var(--soft); font-size:11px; }
.pages-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }.page-card { overflow:hidden; border:1px solid var(--line); border-radius:16px; background:#fff; }.page-card-media { position:relative; aspect-ratio:16/9; overflow:hidden; background:#ececf0; }.page-card-media img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }.page-card:hover .page-card-media img { transform:scale(1.025); }.page-card-status { position:absolute; top:13px; left:13px; padding:5px 8px; border-radius:99px; color:#4e7b61; background:rgba(255,255,255,.92); font-size:10px; font-weight:650; }.page-card-body { padding:18px; }.page-card-eyebrow { display:block; color:var(--soft); font-size:10px; text-transform:uppercase; letter-spacing:.03em; }.page-card h3 { margin:6px 0 3px; font-size:22px; letter-spacing:-.05em; font-weight:650; }.page-card-meta { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:11px; }.page-card-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }.page-card-actions a,.page-card-actions button { display:inline-flex; align-items:center; justify-content:center; min-height:35px; padding:0 11px; border:1px solid var(--line); border-radius:8px; color:var(--ink); background:#fff; font-size:10px; font-weight:650; }.page-card-actions a:first-child { border-color:var(--accent); color:#fff; background:var(--accent); }.page-card-actions button:hover,.page-card-actions a:hover { border-color:#c7c7cc; }.page-card-actions a:first-child:hover { border-color:#b53b46; background:#b53b46; }
.workspace-empty { padding:70px 20px; border:1px dashed #d4d4db; border-radius:16px; background:rgba(255,255,255,.45); text-align:center; }.empty-mark { display:grid; place-items:center; width:50px; height:50px; margin:0 auto 17px; border-radius:50%; color:var(--accent); background:#fbeef0; font-size:27px; }.workspace-empty h2 { margin:0; font-size:25px; letter-spacing:-.04em; }.workspace-empty p { margin:8px auto 20px; color:var(--muted); font-size:13px; }.workspace-empty-cta { display:inline-flex; }
.workspace-note { display:grid; grid-template-columns:1fr 1fr; gap:80px; margin-top:80px; padding:42px 0 0; border-top:1px solid var(--line); }.workspace-note h2 { margin:0; font-size:34px; line-height:1.1; letter-spacing:-.05em; font-weight:650; }.workspace-note p { max-width:420px; margin:0; color:var(--muted); line-height:1.8; }.workspace-note-points { display:grid; gap:11px; margin-top:22px; color:var(--muted); font-size:12px; }.workspace-note-points span { display:flex; align-items:center; gap:10px; }.workspace-note-points b { color:var(--accent); font-size:10px; }.workspace-footer { display:flex; align-items:center; justify-content:space-between; width:min(1080px,calc(100% - 64px)); min-height:90px; margin:auto; padding:20px 0; border-top:1px solid var(--line); color:var(--soft); font-size:11px; }.workspace-footer .workspace-brand { color:var(--ink); font-size:18px; }.workspace-footer .workspace-heart { width:20px; height:20px; font-size:21px; }.workspace-toast { position:fixed; right:22px; bottom:22px; z-index:4; max-width:310px; padding:12px 15px; border:1px solid var(--line); border-radius:10px; color:var(--ink); background:#fff; box-shadow:0 8px 30px rgba(29,29,31,.12); opacity:0; transform:translateY(8px); pointer-events:none; transition:opacity .2s ease,transform .2s ease; font-size:12px; }.workspace-toast.is-visible { opacity:1; transform:none; }
@media(max-width:760px) { .workspace-nav,.workspace-shell,.workspace-footer { width:calc(100% - 36px); }.workspace-nav { height:68px; }.workspace-nav-actions { gap:10px; font-size:10px; }.workspace-nav-actions>a:first-child { display:none; }.workspace-primary { min-height:39px; padding:0 12px; font-size:10px; }.workspace-shell { padding:40px 0 70px; }.workspace-intro { grid-template-columns:1fr; gap:30px; padding-bottom:40px; }.workspace-intro h1 { font-size:46px; }.workspace-intro p { margin-top:14px; font-size:14px; }.pages-grid,.workspace-note { grid-template-columns:1fr; }.workspace-section-head { padding-top:43px; }.workspace-section-head h2 { font-size:27px; }.workspace-note { gap:25px; margin-top:57px; padding-top:31px; }.workspace-note h2 { font-size:30px; }.workspace-footer { min-height:80px; }.workspace-toast { right:12px; bottom:12px; left:12px; max-width:none; } }