:root{--bg:#f4f5f7;--panel:#fff;--line:#dde1e6;--text:#1f2933;--muted:#61707f;--accent:#2563eb;--amber:#b45309;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}.muted{color:var(--muted)}.status-line{padding:2rem}.signin{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:8px;max-width:28rem;margin:15vh auto;padding:2rem}.btn{border:1px solid var(--line);background:var(--panel);color:inherit;border-radius:6px;padding:.5rem 1rem}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--small{padding:.2rem .6rem;font-size:.85rem}.btn:disabled{opacity:.5;cursor:not-allowed}.studio{grid-template:"top top top""banners banners banners""pages canvas inspector"minmax(0,1fr)"crumb crumb crumb"/240px minmax(0,1fr) 300px;height:100vh;display:grid}.studio--pages-collapsed{grid-template-columns:44px minmax(0,1fr) 300px}.topbar{background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap;grid-area:top;align-items:center;gap:.5rem .75rem;padding:.5rem 1rem;display:flex}.topbar .spacer{flex:1}.topbar .btn:not(.btn--small){padding:.4rem .9rem}.topbar__user{text-overflow:ellipsis;white-space:nowrap;max-width:10rem;overflow:hidden}.pill{background:var(--bg);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:.15rem .6rem}.segmented{border:1px solid var(--line);border-radius:6px;display:inline-flex;overflow:hidden}.segmented button{border:0;border-right:1px solid var(--line);background:var(--panel);padding:.2rem .6rem;font-size:.85rem}.segmented button:last-child{border-right:0}.segmented button[aria-pressed=true]{background:#e8efff;font-weight:600}.icon-btn{border:1px solid var(--line);background:var(--panel);border-radius:4px;width:1.75rem;height:1.75rem;line-height:1}.link-btn{color:var(--accent);background:0 0;border:0;padding:0;text-decoration:underline}.todos{position:relative}.todos__list{z-index:20;background:var(--panel);border:1px solid var(--line);border-radius:8px;width:26rem;max-height:60vh;margin:0;padding:.25rem;list-style:none;position:absolute;top:calc(100% + .25rem);left:0;overflow:auto;box-shadow:0 8px 24px #00000026}.todos__list li{align-items:center;gap:.25rem;display:flex}.todos__go{text-align:left;background:0 0;border:0;border-radius:4px;flex:1;min-width:0;padding:.35rem .5rem;display:block}.todos__go:hover{background:var(--bg)}.todos__go span{color:var(--muted);font-size:.85rem;display:block}.todos__actions{flex:none;gap:.25rem;padding-right:.25rem;display:flex}.banners{grid-area:banners}.banner{color:var(--amber);border-bottom:1px solid var(--line);background:#fef3c7;align-items:center;gap:.75rem;padding:.35rem 1rem;display:flex}.banner--error{color:#991b1b;background:#fee2e2}.pages{background:var(--panel);border-right:1px solid var(--line);grid-area:pages;min-width:0;overflow:auto}.pages--collapsed{justify-content:center;padding-top:.5rem;display:flex}.pages__head{justify-content:space-between;align-items:center;padding:.5rem .75rem .25rem;display:flex}.pages h3{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:.75rem .75rem .15rem;font-size:.72rem}.pages ul{margin:0;padding:0 .4rem;list-style:none}.pages li button{text-align:left;background:0 0;border:0;border-radius:4px;width:100%;padding:.3rem .5rem;display:block}.pages li button:hover{background:var(--bg)}.pages li button[aria-current=page]{background:#e8efff}.pages__title,.pages small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.pages small{color:var(--muted)}.tag{color:var(--amber);background:#fef3c7;border-radius:999px;margin-left:.4rem;padding:0 .4rem;font-size:.7rem}.canvas-area{grid-area:canvas;justify-content:center;min-width:0;padding:.5rem;display:flex;overflow:auto}.canvas-area--saving{pointer-events:none;opacity:.7}.canvas-frame{border:1px solid var(--line);background:#fff;width:100%;height:100%}.inspector{background:var(--panel);border-left:1px solid var(--line);grid-area:inspector;min-width:0;padding:.75rem 1rem 1rem;overflow:auto}.inspector label{margin:.75rem 0 .25rem;font-weight:600;display:block}.inspector .field-row label{margin:.75rem 0 .25rem}.inspector input,.inspector select,.inspector textarea{border:1px solid var(--line);width:100%;font:inherit;color:inherit;background:#fff;border-radius:4px;padding:.4rem .5rem}.inspector input:disabled,.inspector input[readonly]{background:var(--bg);color:var(--muted)}.tabs{border-bottom:1px solid var(--line);gap:.25rem;margin-bottom:.75rem;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:.4rem .6rem}.tabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.tabs button:disabled{opacity:.5;cursor:default}.inspector__section{margin:0 0 .25rem;font-size:1rem}.inspector__field{margin:0;font-weight:600}.field-row{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.toolbar{flex-wrap:wrap;gap:.25rem;margin-top:.75rem;display:flex}.notice{background:var(--bg);border:1px solid var(--line);border-radius:6px;margin:.5rem 0;padding:.4rem .6rem}.notice--warn{color:#7c3d03;background:#fef3c7;border-color:#f5d98b}.notice--soft{background:#eef6ff;border-color:#cfe1f7}.removal{border-top:1px solid var(--line);margin-top:1rem;padding-top:.5rem}.removal__why{margin:.25rem 0 0;font-size:.85rem}.btn--danger{color:#fff;background:#b91c1c;border-color:#b91c1c}.btn--danger:hover{background:#991b1b}.notice--shared{background:#e8efff;border-color:#c7d6ff}.notice--lock{background:var(--bg)}.notice--lock p{margin:0 0 .35rem}.meter{color:var(--muted);white-space:nowrap;font-size:.8rem}.meter--over{color:var(--amber);font-weight:600}.google{border:1px solid var(--line);background:#fff;border-radius:8px;margin-bottom:.5rem;padding:.6rem .75rem}.google__url{color:#1e6b34;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.google__title{color:#1a0dab;font-size:1.05rem;line-height:1.3}.google__desc{color:#4d5156;font-size:.85rem}.crumb{background:var(--panel);border-top:1px solid var(--line);color:var(--muted);grid-area:crumb;min-height:2rem;padding:.35rem 1rem}.crumb--locked{color:var(--amber)}.warning{color:var(--amber);background:#fef3c7;border-radius:4px;padding:.15rem .6rem}.canvas-error{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:8px;max-width:28rem;margin:2rem auto;padding:1.5rem}.dialog-backdrop{z-index:100;background:#0f172a73;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.dialog{background:var(--panel);border-radius:10px;width:min(32rem,100%);max-height:calc(100vh - 2rem);padding:1.25rem 1.5rem;overflow:auto;box-shadow:0 20px 50px #0000004d}.dialog--wide{width:min(70rem,100%)}.dialog h2{margin-top:0}.dialog h3{margin:1rem 0 .25rem;font-size:.95rem}.dialog__list{max-height:14rem;margin:.5rem 0;padding-left:1.25rem;overflow:auto}.dialog__buttons{justify-content:flex-end;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.changes{margin:.25rem 0;padding-left:1.25rem}.issues,.conflicts{margin:.25rem 0;padding-left:0;list-style:none}.issue{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.35rem 0;display:flex}.issue--error .issue__text{color:#991b1b}.issues-more summary{cursor:pointer;margin:.5rem 0}.conflict{border-bottom:1px solid var(--line);padding:.5rem 0 .75rem}.conflict h3{margin:0 0 .35rem}.conflict h4{color:var(--muted);margin:0;font-size:.8rem}.conflict__values{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.conflict__text{background:var(--bg);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:6px;margin:.15rem 0 0;padding:.4rem .6rem}.review{justify-content:center;align-items:flex-start;gap:1.25rem;display:flex}.review__device{text-align:center;margin:0}.review__box{border:1px solid var(--line);background:#fff;border-radius:6px;overflow:hidden}.review iframe{border:0;display:block}.review figcaption{color:var(--muted);margin-top:.25rem;font-size:.85rem}.inspector__lock{border:0;min-width:0;margin:0;padding:0}