:root{color:#1d221d;font-synthesis:none;text-rendering:optimizelegibility;background:#f6f3ec;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.landing,.import-gate,.config-error{width:min(720px,100% - 40px);margin:0 auto;padding:clamp(64px,14vh,144px) 0 80px}.brand-mark{color:#f8d765;background:#293c2c;border-radius:15px;place-items:center;width:52px;height:52px;margin-bottom:28px;font-family:Georgia,serif;font-size:31px;font-weight:700;display:grid}.eyebrow{color:#58705b;letter-spacing:.14em;text-transform:uppercase;margin:0 0 13px;font-size:12px;font-weight:750}h1{letter-spacing:-.035em;max-width:680px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,7vw,72px);font-weight:500;line-height:.99}.lede,.import-gate>p:not(.eyebrow,.field-help,.inline-error){color:#596259;max-width:590px;margin:28px 0;font-size:18px;line-height:1.6}.landing-actions,.toolbar-actions{flex-wrap:wrap;gap:10px;display:flex}.button,.file-picker{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;min-height:46px;padding:0 19px;font-weight:700;transition:transform .12s,background .12s;display:inline-flex}.button:hover:not(:disabled),.file-picker:hover{transform:translateY(-1px)}.button-primary,.file-picker{color:#fff;background:#293c2c}.button-secondary{color:#29312a;background:#ffffff8c;border-color:#c8c9c0}.button-quiet{color:#29312a;background:#fff;border-color:#d4d7cf}.button-small{min-height:38px;padding:0 14px;font-size:13px}.privacy-note,.field-help{color:#7b8279;margin-top:20px;font-size:13px}.file-picker{margin-top:4px;position:relative;overflow:hidden}.file-picker input{opacity:0;width:1px;height:1px;position:absolute}.inline-error{color:#9a302b;font-weight:650}.text-button,.wordmark{color:inherit;background:0 0;border:0;padding:0}.text-button{color:#48614c;text-underline-offset:4px;margin-top:30px;text-decoration:underline}.sandbox-shell{background:#e9e9e3;flex-direction:column;height:100vh;display:flex}.sandbox-toolbar{background:#f9f8f4;border-bottom:1px solid #d4d5ce;grid-template-columns:minmax(150px,1fr) auto minmax(220px,1fr);align-items:center;gap:20px;min-height:62px;padding:10px 18px;display:grid}.wordmark{justify-self:start;font-family:Georgia,serif;font-size:20px;font-weight:700}.wordmark span{color:#738074;font-family:inherit;font-size:13px;font-weight:500}.status{color:#626b61;white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.status-dot{background:#8f968e;border-radius:50%;width:7px;height:7px}.status-loading{background:#c69b1d;box-shadow:0 0 0 4px #c69b1d21}.status-ready{background:#3c8b50}.status-warning{background:#c69b1d}.status-error{background:#ba443b}.toolbar-actions{justify-self:end}.notice{color:#3b533d;background:#eef6eb;border-bottom:1px solid #cbd5c8;padding:8px 18px;font-size:12px;line-height:1.4}.notice-warn{color:#68581b;background:#fff8dc;border-color:#e1d6a9}.notice-error{color:#842f29;background:#fff0ee;border-color:#e3bab7}.playground-stage{flex:auto;min-height:0;position:relative;overflow:hidden}.playground-frame{background:#fff;border:0;width:100%;height:100%;min-height:0;display:block}.playground-lock{z-index:10;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#f6f3ece0;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.playground-lock-card{color:#596259;text-align:center;background:#f9f8f4;border:1px solid #d4d5ce;border-radius:12px;justify-items:center;gap:10px;max-width:360px;padding:24px 28px;display:grid;box-shadow:0 16px 45px #29312a1f}.playground-lock-card strong{color:#29312a;font-family:Georgia,Times New Roman,serif;font-size:21px}.playground-lock-card span:last-child{font-size:13px;line-height:1.5}.playground-lock-spinner{border:3px solid #cdd4ca;border-top-color:#3c8b50;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite playground-lock-spin}@keyframes playground-lock-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.playground-lock-spinner{background:#3c8b50;border-top-color:#cdd4ca;animation:none}}.config-error h1,.import-gate h1{font-size:clamp(38px,6vw,58px)}code{background:#e8e4d9;border-radius:4px;padding:2px 5px}.turnstile-widget{z-index:1000;min-width:1px;min-height:1px;position:fixed;bottom:18px;right:18px}@media (width<=760px){.sandbox-toolbar{grid-template-columns:1fr auto}.status{grid-area:2/1/auto/-1;justify-self:start}.toolbar-actions{grid-area:1/2}}