.sim-frame{min-width:0}.sim-stage{background:radial-gradient(at 55% 65%,#d4e0d1,#e9eeea 70%);border:1px solid #d9e4da;border-radius:18px;width:100%;height:calc(100dvh - 210px);min-height:560px;margin:0 auto;position:relative;overflow:hidden;container-type:size}.sim-canvas{position:absolute;inset:0}.sim-canvas canvas{width:100%;height:100%;display:block}.sim-frame.recording{z-index:60;background:#11241c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sim-frame.recording .sim-stage{border:0;border-radius:0;max-width:100vw;min-height:0;max-height:100dvh}.sim-frame.recording .sim-stage:not([style]){width:100vw;height:100dvh}.sim-stage.bare{cursor:none}.sim-stage.bare .sim-floating{opacity:0;pointer-events:none}.sim-brand{pointer-events:none;position:absolute;top:26px;left:28px}.sim-brand .m3-brand{letter-spacing:-.042em;font-size:21px}.sim-brand .m3-brand>img{filter:drop-shadow(0 5px 10px #30563918);width:34px;height:34px;margin-right:9px}.sim-brand small{color:#5d7a68;text-overflow:ellipsis;white-space:nowrap;max-width:280px;margin:4px 0 0 43px;font-size:12px;font-weight:500;display:block;overflow:hidden}.sim-notes{pointer-events:none;gap:10px;display:grid;position:absolute;bottom:92px;left:28px;right:28px}.sim-notes p{overflow-wrap:anywhere;margin:0;line-height:1.5;animation:.3s ease-out sim-note-in}.sim-notes .earlier{color:#6f8a78;font-size:15px}.sim-notes .latest{letter-spacing:-.6px;color:#20503a;text-shadow:0 1px #f4f8f480;font-size:25px;font-weight:500}.sim-readout{color:#476255;pointer-events:none;align-items:center;gap:16px;font-size:13px;display:flex;position:absolute;bottom:26px;left:28px;right:28px}.sim-readout strong{font-variant-numeric:tabular-nums;font-weight:600}.sim-readout span:last-child{font-variant-numeric:tabular-nums;margin-left:auto}.sim-bar{background:#2e55391f;border-radius:3px;height:3px;position:absolute;bottom:-13px;left:0;right:0;overflow:hidden}.sim-bar i{background:#3c8f61;border-radius:3px;height:100%;transition:width .35s ease-out;display:block}.sim-placeholder{text-align:center;color:#5d7a68;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px;display:flex;position:absolute;inset:0}.sim-placeholder p{margin:0;font-size:16px}.sim-placeholder .m3-primary{width:auto}.sim-countdown{color:#20503a;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.sim-countdown strong{letter-spacing:-5px;font-variant-numeric:tabular-nums;font-size:104px;font-weight:500;line-height:1;animation:.9s ease-out sim-count}.sim-countdown span{letter-spacing:2.4px;color:#5d7a68;font-size:13px}.sim-floating{gap:8px;transition:opacity .4s;display:flex;position:absolute;top:22px;right:24px}.sim-floating button{background:#f8fbf4e0!important;font-size:13px!important}.sim-stage.tall .sim-brand{top:11%}.sim-stage.tall .sim-notes{bottom:21%}.sim-stage.tall .sim-readout{bottom:14%}.sim-outro{text-align:center;background:radial-gradient(at 50% 52%,#f2f7f2e6,#e6eee6c9 72%);flex-direction:column;justify-content:center;align-items:center;gap:4cqmin;padding:8cqmin;animation:.65s ease-out both sim-veil;display:flex;position:absolute;inset:0}.sim-outro .m3-brand{letter-spacing:-.042em;font-size:clamp(27px,7.6cqmin,60px);animation:.8s cubic-bezier(.2,.75,.25,1) .12s both sim-rise}.sim-outro .m3-brand>img{filter:drop-shadow(0 12px 22px #30563922);width:clamp(44px,11.5cqmin,92px);height:auto;margin-right:.42em}.sim-outro-line{letter-spacing:-.01em;color:#2c5644;background:#ffffffbf;border:1px solid #c5d8c9;border-radius:999px;padding:.6em 1.15em;font-size:clamp(15px,3.6cqmin,26px);font-weight:500;animation:.8s cubic-bezier(.2,.75,.25,1) .42s both sim-rise}.sim-outro-line em{color:#398b61;font-style:normal;font-weight:650}.sim-intro{z-index:2;pointer-events:none;animation:6.1s ease-in-out both sim-intro-card;position:absolute;inset:0;overflow:hidden}.sim-intro img{object-fit:cover;width:124%;max-width:none;height:124%;animation:6.1s ease-out both sim-intro-drift;position:absolute;inset:-12%}.sim-intro:after{content:"";background:#12281e61;position:absolute;inset:0}.sim-intro-titles{z-index:1;text-align:center;color:#f4faf6;text-shadow:0 2px 18px #10281e66;flex-direction:column;justify-content:center;align-items:center;gap:1.1cqmin;padding:8cqmin;display:flex;position:absolute;inset:0}.sim-intro-titles>span{letter-spacing:-.01em;font-size:clamp(18px,4.8cqmin,36px);font-weight:500;animation:.55s cubic-bezier(.2,.75,.25,1) .12s both sim-rise}.sim-intro-titles>strong{letter-spacing:-.02em;align-items:baseline;gap:.28em;font-size:clamp(22px,5.6cqmin,42px);font-weight:500;animation:.55s cubic-bezier(.2,.75,.25,1) 1.72s both sim-rise;display:inline-flex}.sim-intro-titles .m3-brand{letter-spacing:-.042em;color:#f4faf6;text-shadow:0 2px 18px #10281e66;background:0 0;border-radius:0;align-items:baseline;padding:0;font-size:1em;display:inline-flex}.sim-intro-titles .m3-brand>span{color:var(--m3-accent);font-size:1em;font-weight:700}@keyframes sim-veil{0%{opacity:0}to{opacity:1}}@keyframes sim-rise{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sim-intro-card{0%{opacity:0}4%{opacity:1}88%{opacity:1}to{opacity:0}}@keyframes sim-intro-drift{0%{transform:translate(0)scale(1)}to{transform:translate(-1.6%,1%)scale(1.05)}}@keyframes sim-note-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes sim-count{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}.sim-rec{letter-spacing:1.6px;color:#8d3b2e;pointer-events:none;background:#fff4f1e8;border:1px solid #ecc7bd;border-radius:999px;align-items:center;gap:8px;padding:7px 13px;font-size:12px;font-weight:600;display:flex;position:absolute;top:22px;left:50%;transform:translate(-50%)}.sim-rec i{background:#c8503c;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite sim-pulse}.sim-rec span{letter-spacing:0;font-variant-numeric:tabular-nums;color:#7c4a3f}.sim-floating .sim-taping{color:#8d3b2e!important;border-color:#e3b8ae!important}@keyframes sim-pulse{50%{opacity:.25}}@media (max-width:600px){.sim-notes{bottom:84px;left:18px;right:18px}.sim-notes .latest{font-size:20px}.sim-brand{top:18px;left:18px}.sim-readout{bottom:20px;left:18px;right:18px}.sim-floating{top:16px;right:14px}}@media (prefers-reduced-motion:reduce){.sim-rec i{animation:none}.sim-intro{opacity:1;animation:none}.sim-intro img,.sim-intro-titles>span,.sim-intro-titles>strong{animation:none}}@media (max-width:1100px){.sim-layout .sim-stage{height:70dvh;min-height:420px}}.share{flex-direction:column;gap:12px;display:flex}.share-sheet{width:100%}.share-note{font-size:var(--m3-t-caption);color:var(--m3-muted);margin:0;line-height:1.5}.share-intents{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;display:grid}.share-intents a{text-align:center;border-radius:var(--m3-r-control);height:38px;line-height:36px;font-size:var(--m3-t-caption);color:var(--m3-green);background:#fff;border:1px solid #bdd1c4;font-weight:500;text-decoration:none;display:block}.share-intents a:hover{background:#eff5f1}.share-link{border-radius:var(--m3-r-control);background:#fff;border:1px solid #cfdcd3;align-items:center;gap:8px;padding:6px 6px 6px 12px;display:flex}.share-link code{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-geist-mono),ui-monospace,monospace;font-size:var(--m3-t-caption);color:var(--m3-text);flex:1;overflow:hidden}.share-file{flex-wrap:wrap;gap:8px;display:flex}.share-link button,.share-file button{height:34px;font:inherit;font-size:var(--m3-t-caption);color:var(--m3-green);cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #bdd1c4;border-radius:7px;align-items:center;gap:6px;padding:0 12px;font-weight:500;display:inline-flex}.share-link button:hover,.share-file button:hover{background:#eff5f1}.share-phone{border-radius:var(--m3-r-card);background:#fff;border:1px solid #cfdcd3;align-items:center;gap:14px;padding:12px;display:flex}.share-phone p{font-size:var(--m3-t-caption);color:var(--m3-muted);margin:0;line-height:1.5}.share-qr{border-radius:6px;flex:0 0 116px;width:116px;height:116px}.share-embed{border-radius:var(--m3-r-card);background:#fff;border:1px solid #cfdcd3;gap:10px;padding:12px;display:grid}.share-embed-head{font-size:var(--m3-t-caption);color:var(--m3-text);align-items:center;gap:8px;font-weight:600;display:flex}.share-embed-code{background:#eff5f1;border-radius:8px;max-height:7.5em;margin:0;padding:10px 12px;overflow:auto}.share-embed-code code{white-space:pre-wrap;word-break:break-word;font-family:var(--font-geist-mono),ui-monospace,monospace;color:var(--m3-text);font-size:11px;line-height:1.45;display:block}.share-embed>button{height:34px;font:inherit;font-size:var(--m3-t-caption);color:var(--m3-green);cursor:pointer;background:#fff;border:1px solid #bdd1c4;border-radius:7px;justify-self:start;align-items:center;gap:6px;padding:0 12px;font-weight:500;display:inline-flex}.share-embed>button:hover{background:#eff5f1}@media (max-width:520px){.share-phone{text-align:center;flex-direction:column}}.reel{flex-direction:column;gap:14px;display:flex}.reel h2,.reel h3{font-size:var(--m3-t-small);margin:0;font-weight:550}.reel-intro{color:var(--m3-muted);margin:-6px 0 2px;font-size:13px;line-height:1.65}.reel-field{color:#4e6b59;gap:7px;font-size:13px;font-weight:550;display:grid}.reel-field select{color:#193e34;background:#fff;border:1px solid #cedbd1;border-radius:8px;width:100%;padding:11px 12px;font-family:inherit;font-size:14px}.reel-photos{border:0;gap:8px;margin:0;padding:0;display:grid}.reel-photos legend{color:#4e6b59;padding:0;font-size:13px;font-weight:550}.reel-photo-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;display:grid}.reel-photo{-webkit-appearance:none;appearance:none;aspect-ratio:1;cursor:pointer;font:inherit;color:#4e6b59;text-align:center;background:#f4f8f5;border:1.5px solid #cedbd1;border-radius:10px;place-items:center;margin:0;padding:0;font-size:11px;font-weight:550;line-height:1.25;display:grid;overflow:hidden}.reel-photo img{object-fit:cover;width:100%;height:100%;display:block}.reel-photo span{padding:8px}.reel-photo.selected{border-color:#3c8f61;box-shadow:0 0 0 1px #3c8f61}.reel-photo:focus-visible{outline-offset:2px;outline:2px solid #3c8f61}.reel-go{width:100%;margin-top:4px}.reel-save{width:100%}.reel-note{color:var(--m3-faint);margin:0;font-size:13px;line-height:1.6}.reel-frame .sim-stage{border:0;border-radius:0;min-height:0}.reel-frame .sim-rec{letter-spacing:1.8px}.reel-secondary{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;display:grid}.reel-working{color:var(--m3-muted);align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.reel-working svg{flex-shrink:0;animation:1s linear infinite reel-spin}.reel-share{border-top:1px solid #dde7e0;gap:10px;padding-top:14px;display:grid}@keyframes reel-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.reel-working svg{animation:none}}.m3-studio-app{flex-direction:column;min-height:100dvh;display:flex}.m3-studio{flex:1;grid-template-columns:minmax(300px,360px) minmax(0,1fr);min-height:0;display:grid}.m3-studio-panel{background:var(--m3-card);border-right:1px solid #dae4dc;flex-direction:column;gap:18px;min-height:0;padding:20px 24px 22px;display:flex;overflow:auto}.m3-studio-panel>*{flex:none}.m3-studio-head>.m3-back{margin-bottom:12px}.m3-studio-head>h1{font-size:var(--m3-t-title);letter-spacing:-.9px;flex-wrap:wrap;align-items:baseline;gap:10px;margin:6px 0 0;font-weight:550;line-height:1.2;display:flex}.m3-studio-head>h1>:first-child{overflow-wrap:break-word;min-width:0}.m3-studio-head>.m3-eyebrow{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.m3-rename{font-size:var(--m3-t-caption);letter-spacing:0;text-transform:none;color:var(--m3-green);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;padding:3px 6px;font-weight:500;display:inline-flex}.m3-rename:hover{background:#eef5f0}.m3-buy{letter-spacing:0;text-transform:none;font-weight:500;font-size:var(--m3-t-caption);color:var(--m3-green);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.m3-studio-description{font-size:var(--m3-t-small);color:var(--m3-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 0;line-height:1.55;display:-webkit-box;overflow:hidden}.m3-edit-box{gap:10px;display:grid}.m3-edit-box>label{font-size:15px;font-weight:550}.m3-edit-box textarea{resize:none;height:92px;padding:12px;font-size:15px;line-height:1.6}.m3-edit-box textarea:disabled{background:#f4f7f4}.m3-edit-prints{flex-wrap:wrap;gap:10px;display:flex}.m3-edit-print{width:64px;margin:0;position:relative}.m3-edit-print>img,.m3-edit-print>span{object-fit:cover;width:64px;height:64px;color:var(--m3-muted);background:#edf1e9;border:1px solid #dce5dd;border-radius:6px;place-items:center;display:grid}.m3-edit-print>button{width:22px;height:22px;color:var(--m3-green);cursor:pointer;background:#fff;border:1px solid #d8e1d5;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:-7px;right:-7px}.m3-edit-print>figcaption{color:var(--m3-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:11px;overflow:hidden}.m3-edit-references{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.m3-attach{font-size:var(--m3-t-small);color:var(--m3-green);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;display:inline-flex}.m3-attach:disabled{color:#8a9a90;cursor:not-allowed}.m3-edit-reference-note{font-size:var(--m3-t-small);color:var(--m3-faint)}.m3-pin-hint{font-size:var(--m3-t-small);color:var(--m3-muted);margin:0}.m3-pin-hint>button{font:inherit;font-size:inherit;color:var(--m3-green);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.m3-pin-mode button{align-items:center;gap:6px;display:inline-flex}.m3-apply-edit{width:100%}.m3-btn-hint.m3-hint-warn{color:var(--m3-warn)}.m3-studio-panel .m3-btn-hint{text-align:left;margin:0}.m3-versions{border-top:1px solid var(--m3-hairline-soft);padding-top:16px}.m3-versions-head{justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 10px;display:flex}.m3-versions-head h2{font-size:var(--m3-t-eyebrow);letter-spacing:1.4px;color:var(--m3-eyebrow);text-transform:uppercase;margin:0;font-weight:650}.m3-versions-publish{font:inherit;font-size:var(--m3-t-small);color:var(--m3-green);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:500;text-decoration:underline}.m3-versions-publish:hover{color:var(--m3-green-hover)}.m3-versions ol{gap:6px;max-height:30dvh;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.m3-versions li>button{text-align:left;border:1px solid var(--m3-hairline-soft);border-radius:var(--m3-r-control);width:100%;font:inherit;font-size:var(--m3-t-small);color:inherit;cursor:pointer;background:#fff;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.m3-versions li>button:hover{background:#f4f7f4}.m3-versions li.selected>button{background:var(--m3-green-soft);border-color:var(--m3-green-soft-border)}.m3-versions li.selected>button:hover{background:var(--m3-green-soft)}.m3-version-published{background:var(--m3-green-soft);border:1px solid var(--m3-green-soft-border);color:var(--m3-green);letter-spacing:.4px;text-transform:uppercase;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:650;display:inline-block}.m3-version-line{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.m3-version-number{font-family:var(--font-geist-mono),ui-monospace,monospace;font-size:var(--m3-t-eyebrow);color:var(--m3-green)}.m3-version-request{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.m3-version-when{font-size:var(--m3-t-caption);color:var(--m3-muted);white-space:nowrap}.m3-version-bad{color:var(--m3-bad)}.m3-versions li.building{border-radius:var(--m3-r-control);background:var(--m3-busy-bg);font-size:var(--m3-t-small);border:1px solid #c9d9ee;gap:8px;padding:12px;display:grid}.m3-versions li.building .m3-version-number{color:var(--m3-busy)}.m3-version-clock{font-size:var(--m3-t-caption);color:var(--m3-busy);font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:flex}.m3-version-stage{font-size:var(--m3-t-caption);color:var(--m3-busy);align-items:center;gap:7px;display:flex}.m3-version-stage>i{background:var(--m3-ok);border-radius:50%;flex:none;width:6px;height:6px}.m3-version-note{font-size:var(--m3-t-small);color:var(--m3-text);border-top:1px solid #c9d9ee;margin:0;padding-top:8px;line-height:1.55}.m3-version-note>span{color:var(--m3-muted)}.m3-versions li.failed{border:1px solid var(--m3-hairline-soft);border-radius:var(--m3-r-control);font-size:var(--m3-t-small);gap:6px;padding:10px 12px;display:grid}.m3-version-reason{color:var(--m3-muted);gap:12px;padding-left:30px}.m3-version-reason>button{color:var(--m3-green);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0;font-weight:500}.m3-studio-email{border-top:1px solid var(--m3-hairline-soft);margin-top:auto;padding-top:16px}.m3-email-row{font:inherit;font-size:var(--m3-t-small);color:var(--m3-green);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex}.m3-email-row>span{color:var(--m3-muted);text-overflow:ellipsis;overflow:hidden}.m3-viewport{background:#e6e9e7;min-width:0;min-height:450px;position:relative;overflow:hidden}.m3-viewport>.canvas{position:absolute;inset:0}.m3-viewport-bar{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex;position:absolute;top:18px;left:18px;right:18px}.m3-viewport-tools{gap:8px;margin-left:auto;display:flex;position:relative}.m3-viewport-tools>button{border-radius:var(--m3-r-control);height:38px;font:inherit;font-size:var(--m3-t-caption);color:var(--m3-green);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#ffffffe6;border:1px solid #d8e2db;align-items:center;gap:7px;padding:0 12px;font-weight:500;display:inline-flex}.m3-viewport-tools>button:hover{background:#fff}.m3-display-panel{z-index:5;background:#fff;border:1px solid #d8e2db;border-radius:12px;gap:14px;width:260px;padding:14px;display:grid;position:absolute;top:46px;right:0;box-shadow:0 10px 30px #183e3418}.m3-panel-reset{border-top:1px solid var(--m3-hairline-soft);border-inline:0;font:inherit;font-size:var(--m3-t-small);color:var(--m3-green);cursor:pointer;background:0 0;border-bottom:0;align-items:center;gap:8px;padding-top:12px;display:flex}.m3-status-tag{letter-spacing:0;max-width:calc(100% - 36px);font-size:var(--m3-t-caption);text-transform:none;border-radius:var(--m3-r-control);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;gap:10px;padding:8px 12px;font-weight:400;inset:auto auto 60px 18px}.m3-status-tag.busy{color:var(--m3-busy)}.m3-status-tag.busy>i{background:var(--m3-busy)}.m3-status-tag.quiet{color:var(--m3-muted)}.m3-status-tag.quiet>i{background:var(--m3-faint)}.m3-status-tag>button{color:var(--m3-green);font:inherit;text-underline-offset:3px;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0;font-weight:500;text-decoration:underline}.m3-breathe{animation:2s ease-in-out infinite m3-breathe}@keyframes m3-breathe{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.m3-breathe{animation:none}}.m3-canvas-error{z-index:3;position:absolute;top:70px;left:18px;right:18px}.m3-publish-dialog{gap:14px;display:grid}.m3-publish-card{background:#fff;border:1px solid #dce5dd;border-radius:12px;overflow:hidden}.m3-publish-card>img{aspect-ratio:1200/630;object-fit:cover;width:100%;display:block}.m3-publish-card-blank{text-align:center;aspect-ratio:1200/630;color:var(--m3-muted);font-size:var(--m3-t-caption);background:#edf1e9;place-items:center;padding:16px;line-height:1.5;display:grid}.m3-publish-card>div{gap:3px;padding:12px 14px;display:grid}.m3-publish-card strong{font-size:15px;font-weight:550}.m3-publish-card span{font-size:var(--m3-t-caption);color:var(--m3-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.m3-publish-address{overflow-wrap:anywhere;margin-top:3px;color:var(--m3-faint)!important}.m3-publish-row{flex-wrap:wrap;gap:16px;display:flex}.m3-published-address{border-radius:var(--m3-r-control);background:#fff;border:1px solid #cfdcd3;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px}.m3-published-address code{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-geist-mono),ui-monospace,monospace;font-size:var(--m3-t-caption);color:var(--m3-text);flex:1;overflow:hidden}.m3-quiet-link{font-size:var(--m3-t-small);color:var(--m3-green);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:inline-flex}.m3-quiet-link:hover{text-underline-offset:3px;text-decoration:underline}.m3-publish-listed{justify-content:space-between;align-items:center;gap:12px;margin-top:2px;font-size:15px;display:flex}.m3-dialog-cta{width:100%;min-height:48px}.m3-share-film{border-top:1px solid #dde7e0;gap:8px;padding-top:16px;display:grid}.m3-share-film strong{align-items:center;gap:8px;font-size:15px;font-weight:550;display:flex}.m3-share-film-button{width:100%;min-height:44px}@media (min-width:851px) and (max-height:820px){.m3-studio-panel{gap:14px;padding:14px 22px 16px}.m3-versions,.m3-studio-email{padding-top:12px}.m3-edit-box textarea{height:76px}}@media (max-width:850px){.m3-studio{grid-template-columns:1fr}.m3-studio-app{min-height:0}.m3-studio-panel{border-right:0;order:2;overflow:visible}.m3-viewport{order:1;height:58dvh;min-height:380px}.m3-viewport-bar{flex-direction:column;align-items:stretch}.m3-viewport-tools{justify-content:flex-end;margin-left:0}.m3-viewpoint.on-canvas{overflow-x:auto}.m3-display-panel{width:auto;inset:auto 0 0}.m3-viewport>.m3-canvas-note{display:none}.m3-versions ol{max-height:none}.m3-studio-email{margin-top:0}}.m3-feedback{border:1px solid var(--m3-hairline);border-radius:var(--m3-r-control);font-size:var(--m3-t-small);color:var(--m3-text);background:#fff;gap:10px;padding:12px 14px;line-height:1.5;display:grid}.m3-feedback-inline{margin-top:8px}.m3-feedback-waiting{margin-top:18px}.m3-feedback-q{gap:2px;margin:0;font-weight:600;display:grid}.m3-feedback-q small{font-weight:400;font-size:var(--m3-t-caption);color:var(--m3-muted)}.m3-feedback-options{flex-wrap:wrap;gap:6px;display:flex}.m3-feedback-options button{font:inherit;font-size:var(--m3-t-caption);color:var(--m3-text);cursor:pointer;background:#fff;border:1px solid #cedbd1;border-radius:999px;padding:7px 11px;line-height:1.2;transition:background .12s,border-color .12s}.m3-feedback-options button:hover{background:var(--m3-green-soft);border-color:var(--m3-green-soft-border)}.m3-feedback-options button[aria-pressed=true]{background:var(--m3-green);border-color:var(--m3-green);color:#fff}.m3-feedback-scale button{text-align:center;border-radius:var(--m3-r-control);min-width:34px;padding:7px 0}.m3-feedback-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.m3-feedback .m3-input{font-size:var(--m3-t-small);resize:vertical;padding:9px 12px;line-height:1.5}.m3-feedback-actions{flex-wrap:wrap;align-items:center;gap:6px 14px;display:flex}.m3-feedback-actions .m3-btn-sm{width:auto}.m3-feedback-skip,.m3-feedback-edit{font:inherit;font-size:var(--m3-t-caption);cursor:pointer;color:var(--m3-muted);background:0 0;border:0;padding:0}.m3-feedback-edit{color:var(--m3-green);align-items:center;gap:5px;font-weight:500;display:inline-flex}.m3-feedback-edit:disabled,.m3-feedback-skip:disabled{opacity:.5;cursor:default}.m3-feedback-thanks{color:var(--m3-ok);align-items:center;gap:6px;margin:0;display:flex}.build-workspace{min-height:calc(100dvh - 80px);color:var(--m3-text);grid-template-columns:minmax(330px,390px) minmax(0,1fr);gap:20px;padding:20px;display:grid}.build-sidebar{min-width:0;padding:12px 18px 12px 10px}.build-back{color:var(--m3-muted);align-items:center;gap:8px;margin-bottom:32px;font-size:14px;display:flex}.build-kicker{font-size:var(--m3-t-small);color:var(--m3-muted);margin:0}.build-sidebar h1{letter-spacing:-1.2px;margin:14px 0;font-size:34px;font-weight:550;line-height:1.12}.build-intro{color:var(--m3-muted);margin:0 0 24px;font-size:16px;line-height:1.6}.build-connection{font-size:var(--m3-t-caption);color:var(--m3-ok);align-items:center;gap:8px;margin-top:7px;display:flex}.build-connection i{background:var(--m3-ok);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #24644110}.build-connection.disconnected{color:var(--m3-warn)}.build-connection.disconnected i{background:var(--m3-warn);box-shadow:0 0 0 4px #7a5a1c10}.build-current{align-items:flex-start;gap:12px;min-height:48px;margin-bottom:4px;font-size:16px;line-height:1.5;display:flex}.build-current svg{flex-shrink:0;margin-top:3px}.build-current strong{font-weight:500}.build-time{border-bottom:1px solid #dce5dd;align-items:center;gap:11px;padding:18px 0;display:flex}.build-time strong{letter-spacing:-.8px;font-variant-numeric:tabular-nums;font-size:29px;font-weight:500;line-height:1.2;display:block}.build-time span{color:var(--m3-faint);margin-top:5px;font-size:13px;display:block}.build-metrics{gap:38px;padding-top:18px;display:flex}.build-metrics strong{font-variant-numeric:tabular-nums;font-size:23px;font-weight:500;display:block}.build-metrics span{color:var(--m3-muted);font-size:13px}.build-publish{border-top:1px solid #dce5dd;border-bottom:1px solid #dce5dd;margin:4px 0 18px;padding:16px 0}.build-publish-btn{justify-content:center;align-items:center;gap:8px;width:100%;display:flex!important}.build-publish-note{color:var(--m3-muted);margin:10px 0 0;font-size:13px;line-height:1.5}.build-publish-note strong{color:var(--m3-text);font-weight:500}.build-last-update{margin-top:12px}.build-saved{color:var(--m3-faint);align-items:flex-start;gap:7px;margin-top:22px;font-size:13px;line-height:1.5;display:flex}.build-saved svg{flex-shrink:0;margin-top:3px}.build-failure{color:#995b45;margin:15px 0;font-size:14px;line-height:1.6}.build-canvas{background:radial-gradient(at 55% 65%,#d4e0d1,#e9eeea 70%);border:1px solid #d9e4da;border-radius:18px;height:calc(100dvh - 120px);min-height:520px;position:sticky;top:20px;overflow:hidden}.build-canvas>.canvas{position:absolute;inset:0}.build-draft-label{font-size:var(--m3-t-eyebrow);letter-spacing:1.4px;color:var(--m3-text);pointer-events:none;background:#ffffffd9;border-radius:8px;align-items:center;gap:9px;padding:7px 10px;font-weight:650;display:flex;position:absolute;top:26px;left:28px}.build-draft-label>span{font-size:var(--m3-t-caption);letter-spacing:0;color:var(--m3-muted);border-left:1px solid #9eafa080;padding-left:10px;font-weight:400}.build-draft-note{color:var(--m3-muted);pointer-events:none;background:#f8fbf4c9;border-radius:9px;padding:9px 12px;font-size:13px;position:absolute;bottom:26px;left:26px}.build-reset{gap:7px;display:flex;position:absolute;bottom:26px;right:26px;background:#f8fbf4de!important;font-size:13px!important}.build-preview-error{color:var(--m3-muted);font-size:13px;position:absolute;bottom:78px;left:26px}.build-spinner{animation:2s linear infinite build-spin}@keyframes build-spin{to{transform:rotate(360deg)}}@keyframes build-breathe{50%{opacity:.3;transform:scaleX(.6)}}@media (max-width:900px){.build-workspace{grid-template-columns:1fr;gap:12px;padding:12px}.build-sidebar{flex-direction:column;padding:15px 12px;display:flex}.build-sidebar h1{font-size:29px}.build-back{margin-bottom:22px}.build-canvas{grid-row:1;height:48dvh;min-height:330px;position:relative;top:0}.build-draft-label{top:18px;left:18px}.build-draft-note{font-size:13px;bottom:18px;left:18px}.build-reset{bottom:18px;right:18px}.build-intro{margin-bottom:15px}.build-metrics{gap:35px}.build-saved{margin-top:15px}}@media (max-width:460px){.build-draft-note{max-width:170px;line-height:1.5}.build-reset{padding:8px!important;font-size:13px!important}}.build-waiting{background:radial-gradient(at 55% 65%,#d4e0d1,#e9eeea 70%);justify-content:center;align-items:center;padding:70px 36px;display:flex;position:absolute;inset:0;overflow:auto}.build-chat{width:min(100%,480px);margin:auto}.build-chat-heading{color:#4d6b56;align-items:center;gap:11px;margin-bottom:27px;font-size:14px;font-weight:550;display:flex}.build-chat-heading img{filter:drop-shadow(0 4px 8px #30563912)}.build-chat-notes{gap:18px;display:grid}.build-chat-message{letter-spacing:-.15px;overflow-wrap:anywhere;margin:0;font-size:19px;line-height:1.7;animation:.28s ease-out build-note-in}.build-chat-message.earlier{color:var(--m3-faint);font-size:16px}.build-chat-message.latest{color:#365a42}@keyframes build-note-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.build-waiting{padding:65px 26px 28px}.build-chat-heading{margin-bottom:18px}.build-chat-message{font-size:17px}.build-chat-message.earlier{font-size:14px}.build-chat-notes{gap:12px}.build-chat-notes>.earlier:first-child{display:none}}@media (prefers-reduced-motion:reduce){.build-chat-message{animation:none}}