.sandbox-shell{color:#28453e;box-sizing:border-box;background:#f3f5f1;min-height:100vh;padding:clamp(24px,5vw,72px);font-family:Arial,sans-serif}.sandbox-header,.sandbox-title-row{justify-content:space-between;align-items:flex-start;gap:24px;max-width:1120px;margin:0 auto;display:flex}.sandbox-header{border-bottom:1px solid #d5ddd5;padding-bottom:28px}.sandbox-kicker{letter-spacing:.14em;color:#547166;margin:0 0 10px;font-size:12px;font-weight:700}.sandbox-header h1,.sandbox-content h2{letter-spacing:-.03em;margin:0;font-family:Georgia,serif;font-weight:500}.sandbox-header h1{font-size:clamp(38px,6vw,70px)}.sandbox-content h2{font-size:clamp(30px,4vw,50px)}.sandbox-muted{color:#687b73;margin:12px 0 0;font-size:17px;line-height:1.5}.sandbox-badge,.sandbox-status{white-space:nowrap;background:#fff;border:1px solid #b8c9bf;border-radius:999px;padding:8px 13px;font-size:13px}.sandbox-content{max-width:1120px;margin:48px auto}.sandbox-title-row{margin-bottom:28px}.sandbox-editor{background:#fff;border:1px solid #d6dfd8;border-radius:20px;padding:20px;box-shadow:0 8px 24px #243f3210}.sandbox-stepbar{color:#8a9992;border-bottom:1px solid #e2e8e2;justify-content:center;gap:clamp(12px,4vw,52px);padding:4px 4px 20px;font-size:15px;display:flex}.sandbox-stepbar .current{color:#284f46;font-weight:700}.sandbox-stepbar .done{color:#08aebe}.sandbox-canvas{background:#edf0ec;place-items:center;min-height:430px;padding:40px;display:grid}.sandbox-page{aspect-ratio:3/4;box-sizing:border-box;background:#fff;width:min(400px,80vw);padding:30px;position:relative;box-shadow:0 12px 30px #243f3218}.sandbox-placeholder{color:#a2aca6;margin:0;font-style:italic}.sandbox-art{background:#f8d9bd;border:8px solid #d23c48;border-radius:45% 45% 12% 12%;position:absolute;inset:27% 14% 13%;overflow:hidden}.sandbox-art strong{text-align:center;color:#fff;z-index:2;font-family:Georgia,serif;font-size:21px;position:absolute;bottom:13%;left:0;right:0}.sandbox-sun{aspect-ratio:1;background:#f6b74d;border-radius:50%;width:40%;position:absolute;top:14%;left:30%}.sandbox-hills{background:#7da58e;border-radius:50% 50% 0 0;position:absolute;inset:48% -10% -10%}.sandbox-toolbar{flex-wrap:wrap;align-items:center;gap:10px;padding-top:18px;display:flex}.sandbox-toolbar button{color:#28453e;background:#fff;border:1px solid #b8c9bf;border-radius:9px;padding:10px 16px}.sandbox-toolbar span{color:#687b73;margin-left:auto;font-size:14px}.sandbox-workspace{border-top:1px solid #d5ddd5;padding-top:42px}.sandbox-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px;display:grid}.sandbox-grid article{background:#fff;border:1px solid #d6dfd8;border-radius:18px;padding:24px}.sandbox-grid h3{margin:0 0 10px;font-size:20px}.sandbox-grid p,.sandbox-footer{color:#687b73;line-height:1.5}.sandbox-footer{border-top:1px solid #d5ddd5;max-width:1120px;margin:48px auto 0;padding-top:18px;font-size:13px}@media (max-width:700px){.sandbox-header,.sandbox-title-row{display:block}.sandbox-badge,.sandbox-status{margin-top:18px;display:inline-block}.sandbox-grid{grid-template-columns:1fr}.sandbox-stepbar{white-space:nowrap;justify-content:flex-start;overflow:auto}.sandbox-toolbar span{width:100%;margin-left:0}.sandbox-canvas{min-height:370px;padding:20px}}.sandbox-entry{background:#fff;border:1px solid #d6dfd8;border-radius:20px;max-width:580px;margin:12vh auto;padding:clamp(28px,6vw,58px);box-shadow:0 12px 30px #243f3210}.sandbox-entry h1{letter-spacing:-.03em;margin:0 0 18px;font:500 clamp(36px,5vw,58px)/1 Georgia,serif}.sandbox-entry p:not(.sandbox-kicker){color:#687b73;margin:0 0 28px;font-size:17px;line-height:1.6}.sandbox-entry-button{color:#fff;background:#284f46;border-radius:9px;padding:13px 18px;font-weight:700;text-decoration:none;display:inline-block}.sandbox-loading{color:#687b73;max-width:580px;margin:20vh auto}.sandbox-signed-in{color:#687b73;background:#fff;border:1px solid #d6dfd8;border-radius:7px;max-width:calc(100vw - 28px);margin:0;padding:8px 10px;font:12px Arial,sans-serif;position:fixed;bottom:12px;right:14px}