:root{--font-display:Georgia,"Times New Roman",serif;--font-body:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--bg:#f4efe5;--bg-panel:rgba(255,252,247,0.82);--bg-panel-strong:#fffaf3;--border:rgba(50,38,26,0.14);--text:#1d1a17;--muted:#665c50;--accent:#be5b2f;--accent-soft:rgba(190,91,47,0.12);--accent-strong:#8c3316;--success:#165f43;--danger:#8a2d2d;--shadow:0 24px 70px rgba(28,23,18,0.12);--radius-xl:28px;--radius-lg:20px;--radius-md:14px}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:radial-gradient(circle at top left,rgba(190,91,47,.18),transparent 28%),radial-gradient(circle at top right,rgba(22,95,67,.12),transparent 30%),linear-gradient(180deg,#f8f3ea,#efe7db);color:var(--text);font-family:var(--font-body)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.studio-shell{width:min(1440px,calc(100vw - 32px));margin:0 auto;padding:28px 0 40px}.hero{display:grid;grid-gap:14px;gap:14px;margin-bottom:24px}.hero-card{background:linear-gradient(135deg,rgba(255,250,243,.95),rgba(244,235,221,.86));border:1px solid rgba(50,38,26,.08);border-radius:var(--radius-xl);box-shadow:var(--shadow);overflow:hidden;position:relative}.hero-card:after{content:"";position:absolute;inset:auto -10% -40% 55%;height:220px;background:radial-gradient(circle,rgba(190,91,47,.18) 0,transparent 65%);pointer-events:none}.hero-content{display:grid;grid-gap:14px;gap:14px;padding:28px;position:relative;z-index:1}.eyebrow{color:var(--accent-strong);font-size:.78rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.hero h1{font-family:var(--font-display);font-size:clamp(2.6rem,4vw,4rem);line-height:.92;margin:0;max-width:9ch}.hero p{margin:0;max-width:62ch;color:var(--muted);line-height:1.6}.hero-meta{display:flex;flex-wrap:wrap;gap:10px}.pill{border-radius:999px;padding:10px 14px;background:rgba(255,255,255,.72);border:1px solid rgba(50,38,26,.08);color:var(--muted);font-size:.9rem}.step-panel,.workspace-grid{display:grid;grid-gap:18px;gap:18px}.step-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow);padding:22px}.step-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.step-title{display:grid;grid-gap:4px;gap:4px}.step-title h2{margin:0;font-family:var(--font-display);font-size:2rem}.step-title p{margin:0;color:var(--muted)}.columns{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{display:grid;grid-gap:14px;gap:14px}.field-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:grid;grid-gap:8px;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:.84rem;font-weight:700;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.field input,.field select,.field textarea{width:100%;border-radius:var(--radius-md);border:1px solid rgba(50,38,26,.12);background:var(--bg-panel-strong);padding:12px 14px;color:var(--text);min-height:48px}.field textarea{min-height:112px;resize:vertical}.actions{display:flex;flex-wrap:wrap;gap:10px}.button{border:0;border-radius:999px;padding:12px 18px;background:var(--accent);color:white;cursor:pointer;font-weight:700;transition:transform .16s ease,opacity .16s ease,background .16s ease}.button:hover{transform:translateY(-1px);background:var(--accent-strong)}.button.secondary{background:rgba(255,255,255,.75);color:var(--text);border:1px solid rgba(50,38,26,.1)}.button.ghost{background:transparent;color:var(--accent-strong);border:1px solid rgba(190,91,47,.18)}.button:disabled{cursor:not-allowed;opacity:.52;transform:none}.status-strip{display:grid;grid-gap:10px;gap:10px}.notice{padding:12px 14px;border-radius:var(--radius-md);font-size:.94rem}.notice.info{background:rgba(255,255,255,.7);border:1px solid rgba(50,38,26,.08)}.notice.success{background:rgba(22,95,67,.12);border:1px solid rgba(22,95,67,.18);color:var(--success)}.notice.error{background:rgba(138,45,45,.08);border:1px solid rgba(138,45,45,.18);color:var(--danger)}.stack{display:grid;grid-gap:12px;gap:12px}.list-card{background:rgba(255,255,255,.65);border:1px solid rgba(50,38,26,.08);border-radius:var(--radius-lg);padding:14px;display:grid;grid-gap:8px;gap:8px}.list-card strong{font-size:1rem}.list-card small,.subtle{color:var(--muted)}.content-list{display:grid;grid-gap:10px;gap:10px;max-height:420px;overflow:auto;padding-right:6px}.content-item{display:grid;grid-gap:6px;gap:6px;padding:14px;border-radius:var(--radius-lg);background:rgba(255,255,255,.6);border:1px solid rgba(50,38,26,.08);cursor:pointer}.content-item.active{border-color:rgba(190,91,47,.44);background:rgba(190,91,47,.1)}.detail-shell{display:grid;grid-gap:14px;gap:14px}.detail-block{background:rgba(255,255,255,.6);border:1px solid rgba(50,38,26,.08);border-radius:var(--radius-lg);padding:16px;display:grid;grid-gap:10px;gap:10px}.detail-block h3{margin:0;font-size:1.05rem}.detail-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.metric{border-radius:var(--radius-md);padding:12px;background:rgba(255,255,255,.72);border:1px solid rgba(50,38,26,.08)}.metric span{display:block;color:var(--muted);font-size:.82rem;margin-bottom:6px}.badge-row{display:flex;flex-wrap:wrap;gap:8px}.mini-badge{border-radius:999px;padding:6px 10px;background:var(--accent-soft);color:var(--accent-strong);font-size:.83rem;font-weight:700}.helper-copy{margin:0}.facebook-account-list,.facebook-page-list{display:grid;grid-gap:10px;gap:10px}.facebook-account-card{display:grid;grid-gap:12px;gap:12px;padding:14px;border-radius:var(--radius-lg);background:rgba(255,255,255,.72);border:1px solid rgba(50,38,26,.08)}.facebook-account-header,.facebook-page-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.facebook-account-header strong,.facebook-page-row strong{display:block}.facebook-account-header small,.facebook-page-row small{color:var(--muted)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(520px,100%);background:rgba(255,251,245,.94);border-radius:32px;border:1px solid rgba(50,38,26,.12);box-shadow:var(--shadow);padding:28px;display:grid;grid-gap:18px;gap:18px}.login-card h1{margin:0;font-family:var(--font-display);font-size:3rem;line-height:.94}.inline-status{font-size:.92rem;color:var(--muted)}.diff-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.diff-card{display:grid;grid-gap:8px;gap:8px;padding:14px;border-radius:var(--radius-lg);background:rgba(255,255,255,.72);border:1px solid rgba(50,38,26,.08)}.code-panel{margin:0;padding:14px;border-radius:var(--radius-md);background:rgba(29,26,23,.04);border:1px solid rgba(50,38,26,.08);white-space:pre-wrap;word-break:break-word;font-size:.92rem;line-height:1.55}.target-chip-row{display:grid;grid-gap:10px;gap:10px}.target-chip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:var(--radius-lg);background:rgba(255,255,255,.72);border:1px solid rgba(50,38,26,.08)}.target-chip.preview{border-style:dashed}.target-chip small{display:block;color:var(--muted)}@media (max-width:1100px){.columns,.detail-grid,.diff-grid,.field-grid{grid-template-columns:1fr}}@media (max-width:720px){.studio-shell{width:min(100vw - 20px,100%);padding:18px 0 28px}.hero-content,.login-card,.step-panel{padding:18px}.hero h1,.login-card h1{font-size:2.4rem}}