.design-runtime-lab{color:#24252a;background:#f4f5f7;min-height:100vh;font:14px/1.45 system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.design-runtime-start{width:min(1100px,100% - 48px);margin:0 auto;padding:36px 0}.design-runtime-lab-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.design-runtime-lab h1,.design-runtime-lab h2,.design-runtime-lab p{margin-top:0}.design-runtime-lab h1{color:inherit;letter-spacing:-.03em;font-size:28px}.design-runtime-lab-header p,.design-runtime-secondary-text,.design-runtime-issues>p{color:#6b6e76}.design-runtime-control{align-items:center;gap:8px;display:inline-flex}.design-runtime-control select,.design-runtime-field input{min-height:34px;color:inherit;font:inherit;background:#fff;border:1px solid #d8dbe1;border-radius:8px;padding:5px 9px}.design-runtime-dropzone{background:#fff;border:1px dashed #bfc4ce;border-radius:16px;justify-items:start;gap:12px;margin-top:28px;padding:32px;display:grid}.design-runtime-dropzone input[type=file]{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.design-runtime-secondary-text{margin:0;font-size:12px}.design-runtime-paste{background:#fff;border:1px solid #d8dbe1;border-radius:12px;gap:12px;margin-top:20px;padding:20px;display:grid}.design-runtime-paste summary{cursor:pointer;font-weight:600}.design-runtime-paste label{gap:8px;display:grid}.design-runtime-paste textarea{box-sizing:border-box;width:min(100%,900px);min-height:220px;color:inherit;background:#fff;border:1px solid #d8dbe1;border-radius:8px;padding:12px;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.design-runtime-paste textarea:focus-visible{outline-offset:2px;outline:3px solid #4568d4}.design-runtime-issues{background:#fff9f9;border:1px solid #e1b5b5;border-radius:12px;margin-top:24px;padding:20px}.design-runtime-issues li{margin:6px 0}.design-runtime-shell{--runtime-background:#fff;--runtime-surface:#f4f5f7;--runtime-foreground:#22252b;--runtime-muted:#717680;--runtime-accent:#4568d4;min-height:100vh;color:var(--runtime-foreground);background:var(--runtime-background)}.design-runtime-shell.theme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.design-runtime-toolbar{z-index:2;border-bottom:1px solid color-mix(in srgb, var(--runtime-foreground) 12%, transparent);background:color-mix(in srgb, var(--runtime-background) 88%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;gap:14px;padding:10px 18px;display:flex;position:sticky;top:0}.design-runtime-toolbar-actions{align-items:center;gap:10px;display:flex}.design-runtime-shell .design-runtime-control select{color:var(--runtime-foreground);background:var(--runtime-surface);border-color:color-mix(in srgb, var(--runtime-foreground) 18%, transparent)}.design-runtime-color-control input{border:1px solid color-mix(in srgb, var(--runtime-foreground) 18%, transparent);background:var(--runtime-surface);border-radius:7px;width:34px;height:30px;padding:2px}.design-runtime-stage{justify-content:center;align-items:flex-start;min-height:calc(100vh - 56px);display:flex;overflow:auto;container-type:inline-size}.design-runtime-screen-frame{box-sizing:border-box;background:var(--runtime-background);width:min(100%,1100px);min-height:520px;padding:32px}.design-runtime-stack{min-width:0}.design-runtime-text{color:var(--runtime-foreground);margin:0}.design-runtime-text.title{font-size:var(--runtime-title-size,30px);letter-spacing:-.03em;font-weight:650}.design-runtime-text.body{font-size:var(--runtime-body-size,16px)}.design-runtime-text.caption{color:var(--runtime-muted);font-size:var(--runtime-caption-size,12px)}.design-runtime-button{border-radius:var(--runtime-radius,12px);color:#fff;background:var(--runtime-accent);min-height:38px;font:inherit;cursor:pointer;border:0;padding:8px 14px;font-weight:600}.design-runtime-button:focus-visible,.design-runtime-control select:focus-visible,.design-runtime-field input:focus-visible{outline:3px solid color-mix(in srgb, var(--runtime-accent) 56%, transparent);outline-offset:2px}.design-runtime-button:disabled{cursor:not-allowed;opacity:.48}.design-runtime-button.secondary{border:1px solid color-mix(in srgb, var(--runtime-foreground) 18%, transparent);color:var(--runtime-foreground);background:var(--runtime-surface)}.design-runtime-card{border-radius:var(--runtime-radius,12px);background:var(--runtime-surface);padding:20px}.design-runtime-field{gap:6px;max-width:420px;display:grid}.design-runtime-alert{z-index:3;border-radius:9px;margin:10px 18px;padding:10px 14px;position:sticky;top:58px}.design-runtime-alert.error{color:#8c2020;background:#ffe8e8}.design-runtime-alert.notice{color:#185c36;background:#e3f6eb}.visually-hidden{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=680px){.design-runtime-toolbar,.design-runtime-toolbar-actions{flex-wrap:wrap}.design-runtime-screen-frame{padding:18px}}