:root{--editor-toolbar-h:48px}html,body{height:100%}body.editor-body{background:var(--editor-surround);overflow:hidden}.editor-shell{flex-direction:column;height:100dvh;display:flex}.editor-toolbar{height:var(--editor-toolbar-h);color:#e8e8e6;background:#1d1d1d;border-bottom:1px solid #000;flex:none;align-items:center;gap:4px;padding:0 12px;display:flex}.editor-toolbar__home{color:#e8e8e6;border-radius:var(--radius-button);align-items:center;gap:8px;min-height:44px;padding:8px 10px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.editor-toolbar__home:hover{color:#fff;background:#ffffff14}.editor-toolbar__spacer{flex:1}.editor-toolbar__button{border-radius:var(--radius-button);color:#e8e8e6;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff29;min-height:44px;padding:8px 14px;font-size:13px}.editor-toolbar__button:hover,.editor-toolbar__button[aria-expanded=true]{color:#fff;background:#ffffff1a}.editor-toolbar__button--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.editor-toolbar__button--primary:hover{background:var(--accent-hover)}.editor-workspace{flex:1;min-height:0;position:relative}.editor-workspace iframe{width:100%;height:calc(100dvh - var(--editor-toolbar-h));background:var(--editor-surround);border:0;position:absolute;inset:0}.editor-status{background:var(--editor-surround);color:#d6d6d3;z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.editor-status[hidden]{display:none}.editor-status__panel{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:520px;padding:32px;display:flex}.editor-status__panel p{margin:0;font-size:15px;line-height:1.6}.editor-status__actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.editor-status__actions .button{min-height:44px}.editor-status__spinner{border:3px solid #fff3;border-top-color:#fff;border-radius:50%;width:28px;height:28px;animation:.9s linear infinite editor-spin}@keyframes editor-spin{to{transform:rotate(360deg)}}.editor-status__hint{color:#8f8f8c;font-size:13px}.editor-save-reminder{color:#c9c9c6;background:#2c2c2c;border-bottom:1px solid #000;flex:none;padding:6px 12px;font-size:12px;line-height:18px}.editor-help{background:var(--surface);width:min(400px,92vw);color:var(--ink);z-index:60;transition:transform .16s;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-8px 0 32px #00000059}.editor-help[data-open=true]{transform:translate(0)}.editor-help__inner{padding:20px}.editor-help__head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.editor-help__head h2{margin:0;font-size:17px}.editor-help__close{border:1px solid var(--line);border-radius:var(--radius-button);font:inherit;cursor:pointer;background:0 0;min-height:44px;padding:8px 12px}.editor-help h3{margin:18px 0 6px;font-size:15px}.editor-help p,.editor-help li{color:var(--muted);margin:0 0 8px;font-size:14px;line-height:22px}.editor-help a{color:var(--accent)}.editor-help__scrim{z-index:50;background:#0006;position:fixed;inset:0}.editor-help__scrim[hidden]{display:none}.editor-sample{top:var(--editor-toolbar-h);background:var(--surface);width:min(360px,92vw);color:var(--ink);z-index:55;transition:transform .16s;position:fixed;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-8px 0 32px #00000059}.editor-sample[data-open=true]{transform:translate(0)}.editor-sample__inner{padding:20px}.editor-sample h2{margin:0 0 10px;font-size:17px}.editor-sample img{border:1px solid var(--line);border-radius:var(--radius-preview);width:100%;height:auto;margin-bottom:12px}.editor-sample p,.editor-sample li{color:var(--muted);margin:0 0 10px;font-size:14px;line-height:22px}.editor-sample ol{padding-left:20px}.editor-sample__hint{color:var(--muted);font-size:13px}.editor-sample__download{margin-bottom:10px;display:inline-flex}.editor-restart-scrim{z-index:90;background:#00000080;position:fixed;inset:0}.editor-restart-panel{z-index:100;background:var(--surface);color:var(--ink);border-radius:var(--radius-preview);width:calc(100vw - 48px);max-width:440px;padding:24px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.editor-restart-panel p{margin:0 0 16px;font-size:15px;line-height:1.5}.editor-mobile-gate{flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.editor-mobile-gate[hidden]{display:none}.editor-mobile-gate__panel{border-radius:var(--radius-preview);color:#d6d6d3;background:#303030;border:1px solid #3d3d3d;flex-direction:column;gap:14px;max-width:420px;padding:28px;display:flex}.editor-mobile-gate__panel h2{color:#fff;margin:0;font-size:19px}.editor-mobile-gate__panel p{margin:0;font-size:14px;line-height:22px}.editor-mobile-gate__links{flex-wrap:wrap;gap:12px;display:flex}.editor-mobile-gate__links a{color:#a8c5b8;font-size:14px}