:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;background:#f6f1e8;color:#201a17}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow-x:hidden;background:linear-gradient(180deg,#f9f4ee,#efe8dc)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.status-message{display:flex;align-items:center;justify-content:center;height:100%;color:#6f5f52}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:#6f5f52}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(2rem,4vw,3rem)}.author{color:#5d534d;font-weight:600}.page-shell{max-width:1200px;margin:0 auto;padding:32px 20px 60px}.admin-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.admin-nav{display:flex;flex-direction:column;gap:24px;padding:28px 16px;border-right:1px solid rgba(32,26,23,.12);background:#ffffff73}.admin-brand{padding:0 12px}.admin-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.admin-nav-item{width:100%;text-align:left;padding:10px 12px;border:none;border-radius:10px;background:none;font:inherit;font-weight:600;color:#5d534d;cursor:pointer}.admin-nav-item:hover{background:#201a170f;color:#201a17}.admin-nav-item.active{background:#201a17;color:#f6f1e8}.admin-nav-footer{margin-top:auto;display:flex;flex-direction:column;gap:10px;padding:0 12px}.admin-account{margin:0;font-size:12px;color:#6f5f52;overflow-wrap:anywhere}.admin-content{max-width:1100px;padding:32px 28px 60px;min-width:0}@media (max-width: 720px){.admin-shell{grid-template-columns:minmax(0,1fr)}.admin-nav{border-right:none;border-bottom:1px solid rgba(32,26,23,.12)}.admin-nav ul{flex-direction:row;flex-wrap:wrap}.admin-nav-footer{margin-top:0}}.panel-header{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.panel-hint{margin:0;color:#6f5f52}.panel-actions{display:flex;align-items:center;gap:10px}.panel-actions button,.panel-actions a{padding:6px 12px;font-size:12px;font-weight:600;border-radius:999px;border:1px solid rgba(32,26,23,.18);background:#fff;color:inherit;cursor:pointer}.panel-actions button:hover,.panel-actions a:hover{background:#f3efe9}.panel-actions a{display:inline-flex;align-items:center;gap:6px}.external-icon{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.preview-stage{position:relative;height:min(72vh,900px);width:auto;aspect-ratio:9 / 16;margin:16px auto 0;overflow:hidden;border-radius:14px;border:1px solid rgba(32,26,23,.15);background:#201a17}.preview-frame{position:absolute;top:0;left:0;border:0;transform-origin:top left}.topbar{display:flex;justify-content:space-between;align-items:end;padding-bottom:24px;border-bottom:1px solid rgba(32,26,23,.12)}.admin-link,.save-button{display:inline-flex;align-items:center;justify-content:center;background:#201a17;color:#fff;border-radius:999px;padding:10px 18px;font-weight:600;border:none;cursor:pointer}.panel{background:#ffffffb8;border:1px solid rgba(32,26,23,.08);border-radius:20px;padding:20px;margin-top:20px}.field{display:flex;flex-direction:column;gap:8px;margin-top:16px}input,select{font:inherit;padding:10px 12px;border-radius:10px;border:1px solid rgba(32,26,23,.2);background:#fff}.status{margin-top:16px;color:#295a2a;font-weight:600}.connection-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.connection-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;background:#201a170a}.connection-row .author{margin:2px 0 0;font-size:12px;font-weight:500}.connection-status{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:4px 10px;border-radius:999px;background:#201a1714;color:#5d534d}.connection-status.active{background:#2e7d3224;color:#2e7d32}.connection-status.error{background:#b02a2a24;color:#b02a2a}.connection-actions{display:flex;align-items:center;gap:8px}.connection-actions button{padding:6px 12px;font-size:12px;font-weight:600;border-radius:999px;border:1px solid rgba(32,26,23,.18);background:#fff;cursor:pointer}.connection-actions button:hover:not(:disabled){background:#f3efe9}.connection-actions button:disabled{opacity:.5;cursor:default}.connection-actions button.danger{color:#b02a2a;border-color:#b02a2a4d}.connection-error{margin:4px 0 0;font-size:12px;color:#b02a2a;max-width:460px}.admin-status{margin:0 auto;max-width:720px;padding:0 4px}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-panel{width:min(420px,100%);margin:0}.login-error{margin-top:14px;color:#b02a2a;font-weight:600}.login-switch{margin:16px 0 0}.login-switch button{background:none;border:none;padding:0;font:inherit;color:#6f5f52;text-decoration:underline;cursor:pointer}.admin-link.ghost{background:transparent;color:#201a17;border:1px solid rgba(32,26,23,.2)}.pairing-cta{margin:18px 0 4px}.pairing-cta a{font-weight:600;text-decoration:underline}.share-link{display:flex;align-items:center;gap:8px;margin-top:14px}.share-link input{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.share-link button,.share-link .share-open{flex-shrink:0;padding:10px 14px;font-size:12px;font-weight:600;border-radius:10px;border:1px solid rgba(32,26,23,.18);background:#fff;cursor:pointer}.share-link button:hover,.share-link .share-open:hover{background:#f3efe9}