@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&family=Noto+Serif+KR:wght@500;600;700&display=swap";:root{color-scheme:dark;--bg-0: #06090f;--bg-1: #111827;--bg-2: #1a2539;--text-main: #f5eddc;--text-soft: rgba(245, 237, 220, .8);--text-dim: rgba(245, 237, 220, .58);--line-soft: rgba(231, 211, 168, .2);--panel: rgba(13, 18, 29, .78);--panel-strong: rgba(11, 15, 24, .92);--accent: #e3be7d;--accent-strong: #f1cf92;--danger-soft: #f3d8ab;--font-body: "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-title: "Noto Serif KR", "Noto Sans KR", "Apple SD Gothic Neo", serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{font-family:var(--font-body);color:var(--text-main);background:radial-gradient(100vh 65vh at 50% 88%,rgba(197,149,78,.12),transparent 65%),linear-gradient(180deg,var(--bg-2) 0%,var(--bg-1) 40%,var(--bg-0) 100%);overflow:hidden}button,textarea{font:inherit}.app-shell{--shell-pad-top: calc(20px + env(safe-area-inset-top)) ;--shell-pad-right: calc(16px + env(safe-area-inset-right)) ;--shell-pad-left: calc(16px + env(safe-area-inset-left)) ;--shell-pad-bottom: calc(18px + env(safe-area-inset-bottom)) ;width:min(100%,560px);margin:0 auto;height:100dvh;padding-top:var(--shell-pad-top);padding-right:var(--shell-pad-right);padding-left:var(--shell-pad-left);padding-bottom:var(--shell-pad-bottom);display:flex;flex-direction:column;overflow:hidden}.screen{width:100%;flex:1;min-height:0;animation:rise-in .38s ease}.home-screen,.spread-screen,.spread-detail-screen,.question-screen,.result-screen{display:flex;flex-direction:column;gap:18px;min-height:0}.screen-nav{display:flex;align-items:center;justify-content:space-between;gap:8px}.mobile-nav{margin-bottom:-6px}.mobile-nav-single{justify-content:flex-end}.icon-nav-btn{width:36px;height:36px;border-radius:999px;border:0;background:#090e1857;color:#f5eddceb;font-size:17px;line-height:1;display:inline-flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px) saturate(1.02);backdrop-filter:blur(6px) saturate(1.02);touch-action:manipulation;transition:background-color .14s ease,color .14s ease,transform .12s ease}.icon-nav-btn:disabled{opacity:.42}.icon-nav-btn:active{transform:translateY(1px) scale(.98);background:#090e187a}.result-screen,.spread-screen{overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:max(8px,env(safe-area-inset-bottom))}.spread-detail-screen{overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:max(10px,env(safe-area-inset-bottom))}.home-screen{overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:max(8px,env(safe-area-inset-bottom))}.question-screen{overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:max(12px,env(safe-area-inset-bottom))}.home-brand{display:flex;align-items:center;justify-content:space-between;gap:12px}.home-brand-icon{width:46px;height:46px;border-radius:12px;border:1px solid rgba(241,207,146,.35);box-shadow:0 8px 18px #0000004d}.hero-badge{width:fit-content;font-size:12px;letter-spacing:.04em;border:1px solid var(--line-soft);border-radius:999px;padding:6px 12px;color:var(--text-soft);background:#131b2a8c}.hero-title{margin:8px 0 0;font-family:var(--font-title);font-size:clamp(36px,8.6vw,52px);line-height:1.02;letter-spacing:-.01em;white-space:nowrap}.hero-subtitle{margin:0;color:var(--text-soft);line-height:1.6}.home-intro{border:0;background:transparent;border-radius:0;padding:0;display:flex;flex-direction:column;gap:8px}.home-intro-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;color:var(--text-soft);font-size:14px;line-height:1.45}.home-hero-visual{border:0;border-radius:14px;overflow:hidden;background:#0c121ebd;box-shadow:0 14px 22px #0000003d}.home-hero-visual img{width:100%;height:180px;object-fit:cover;display:block}.home-panel{border:0;border-top:1px solid rgba(241,207,146,.12);background:transparent;border-radius:0;padding:10px 0 0;display:flex;flex-direction:column;gap:8px}.home-panel-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;color:var(--text-soft);font-size:14px;line-height:1.45}.home-flow-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.home-flow-item{display:flex;align-items:center;gap:8px;color:var(--text-soft);font-size:14px}.home-flow-index{width:22px;height:22px;border-radius:999px;border:1px solid rgba(241,207,146,.32);background:#0e141fd1;color:#f5eddce6;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.home-topic-list{display:flex;flex-direction:column;gap:8px}.home-topic-item{display:grid;grid-template-columns:64px 1fr;gap:8px;align-items:center;border-radius:10px;border:0;background:#0e141f7a;padding:6px}.home-topic-item img{width:64px;height:44px;object-fit:cover;border-radius:8px}.home-topic-item span{font-size:13px;line-height:1.35;color:#f8efddf2}.home-start-dock{position:sticky;bottom:calc(-18px - env(safe-area-inset-bottom));z-index:8;margin-top:auto;padding:12px 0 calc(10px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#06090f00,#06090fd1 34%,#06090ff5)}.home-start-btn{width:100%;box-shadow:0 12px 22px #e3be7d3d}h2{margin:0;font-family:var(--font-title);font-size:clamp(21px,5.7vw,30px);line-height:1.16;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}h3{margin:0;font-size:16px;font-weight:600;font-family:var(--font-title);color:var(--text-main)}p{margin:0;color:var(--text-soft);line-height:1.6}.subtext{color:var(--text-dim);margin-top:-8px}.primary-btn,.ghost-btn{border-radius:14px;border:1px solid transparent;min-height:50px;padding:0 18px;font-weight:600;transition:transform .16s ease,box-shadow .18s ease,background-color .18s ease;touch-action:manipulation}.primary-btn{color:#231b10;background:linear-gradient(160deg,var(--accent-strong),var(--accent));box-shadow:0 10px 22px #e3be7d38}.ghost-btn{color:var(--text-main);border-color:var(--line-soft);background:#161d2c99}.primary-btn:active,.ghost-btn:active{transform:translateY(1px) scale(.99)}.spread-list{display:flex;flex-direction:column;gap:10px}.spread-card{border:1px solid rgba(241,207,146,.2);background:linear-gradient(168deg,#182234db,#0b121cf5);border-radius:18px;padding:10px;text-align:left;color:var(--text-main);display:grid;grid-template-columns:clamp(86px,28vw,124px) 1fr;gap:10px;align-items:stretch;box-shadow:0 10px 20px #03060c47;transition:transform .14s ease,border-color .18s ease,box-shadow .18s ease}.spread-card:active{transform:translateY(1px) scale(.995);border-color:#f1cf9257;box-shadow:0 8px 16px #03060c4d}.spread-card-media{position:relative;width:clamp(86px,28vw,124px);height:clamp(112px,32vw,146px);border-radius:11px;overflow:hidden;border:1px solid rgba(241,207,146,.24);background:#0a0e1694;box-shadow:inset 0 -36px 40px #03080f73}.spread-card-media img{width:100%;height:100%;object-fit:cover;display:block}.spread-card-body{min-height:0;display:flex;flex-direction:column;justify-content:center;gap:6px}.spread-card-title{font-weight:600;font-size:15px;letter-spacing:.01em;line-height:1.34;color:#f9efdbfa}.spread-card-desc{font-size:12px;line-height:1.46;color:#f5eddcb8}.spread-detail-hero{width:100%;border-radius:14px;overflow:hidden;border:1px solid rgba(241,207,146,.24);background:#0a0e1694}.spread-detail-hero img{width:100%;height:180px;object-fit:cover;display:block}.spread-detail-title{line-height:1.28;padding-bottom:4px;white-space:normal;overflow:visible;text-overflow:clip}.spread-detail-block{gap:9px}.spread-detail-position-list{display:flex;flex-wrap:wrap;gap:6px}.spread-detail-position-chip{border:1px solid rgba(241,207,146,.26);border-radius:999px;padding:5px 9px;font-size:12px;line-height:1.3;color:#f5eddcd6;background:#090e1880}.spread-detail-fit-list{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:5px;color:var(--text-soft);font-size:14px;line-height:1.45}.spread-detail-start{margin-top:auto}.question-context{border-radius:12px;border:0;background:#0c121e38;padding:8px 10px;display:flex;flex-direction:column;gap:4px}.question-context-label{font-size:11px;color:var(--text-dim)}.question-context-title{font-size:14px;font-weight:600;line-height:1.35;color:#f8efddf5}.question-context-desc{font-size:12px;line-height:1.4;color:var(--text-soft)}.question-example-wrap{display:flex;flex-direction:column;gap:6px}.question-example-title{font-size:12px;font-weight:600;color:#f5eddce6}.question-example-hint{font-size:11px;color:var(--text-dim)}.question-example-list{display:flex;flex-wrap:wrap;gap:6px}.question-example-chip{border:1px solid rgba(241,207,146,.24);background:#0f1521a8;color:#f5eddce0;border-radius:999px;min-height:34px;padding:0 11px;font-size:12px;line-height:1.25;text-align:left}.question-example-chip:active{transform:translateY(1px) scale(.99)}.question-input-wrap{border-radius:14px;border:0;background:transparent;padding:0;display:flex;flex-direction:column;gap:6px}.question-input-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.question-input-title{font-size:12px;font-weight:600;color:#f8efddeb}.question-input-hint{font-size:11px;color:var(--text-dim)}.question-input{width:100%;resize:none;border-radius:12px;border:1px solid rgba(241,207,146,.18);background:#0a0f18a8;color:var(--text-main);padding:12px 13px;line-height:1.55}.question-input::placeholder{color:var(--text-dim)}.draw-screen{position:relative;width:100%;height:100%;margin-top:0}.draw-canvas-wrap{width:100%;height:100%;border-radius:20px;overflow:hidden;border:1px solid rgba(220,191,136,.2);box-shadow:0 24px 36px #00000054;background:radial-gradient(100% 72% at 50% 68%,rgba(197,149,78,.12),transparent 62%),linear-gradient(180deg,#1a2539,#111827 42%,#06090f)}.draw-init-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:11;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:#f5eddcd6;background:#06090f70;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.draw-init-dot{width:8px;height:8px;border-radius:999px;background:#f1cf92f0;box-shadow:0 0 10px #f1cf927a;animation:draw-init-pulse 1s ease-in-out infinite}.draw-overlay{position:absolute;left:16px;right:16px;top:calc(58px + env(safe-area-inset-top));display:flex;flex-direction:column;gap:7px;pointer-events:none}.draw-swipe-tutorial{position:absolute;transform:translate(-50%,-50%);z-index:10;width:0;height:0;pointer-events:none;animation:draw-swipe-fade 4.2s ease both}.draw-swipe-badge{position:absolute;left:0;top:-130px;transform:translate(-50%);min-width:212px;padding:8px 10px 9px;border-radius:12px;border:1px solid rgba(241,207,146,.52);background:linear-gradient(180deg,#0e1624f0,#0a101ced);box-shadow:0 9px 24px #00000057,0 0 0 1px #f1cf922e inset;display:flex;flex-direction:column;align-items:center;gap:5px}.draw-swipe-title{font-size:11px;font-weight:700;color:#f1cf92f2;letter-spacing:.01em}.draw-swipe-track{position:relative;width:138px;height:32px;display:flex;align-items:center;justify-content:center}.draw-swipe-icon{width:23px;height:23px;color:#fff7e6fa;filter:drop-shadow(0 2px 5px rgba(0,0,0,.4));animation:draw-swipe-icon 1.35s ease-in-out infinite}.draw-swipe-icon.mouse{width:21px;height:21px}.draw-swipe-arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:16px;font-weight:700;color:#f1cf92fa;text-shadow:0 1px 5px rgba(0,0,0,.46)}.draw-swipe-arrow.left{left:10px}.draw-swipe-arrow.right{right:10px}.draw-swipe-text{font-size:12px;font-weight:500;color:#f5eddcfa;text-shadow:0 1px 4px rgba(0,0,0,.42);white-space:nowrap}.draw-status-panel{padding:2px 2px 0;display:flex;flex-direction:column;gap:4px}.draw-status-count{font-size:12px;color:#f5eddcd1;text-shadow:0 1px 4px rgba(0,0,0,.28)}.draw-nav{position:absolute;left:12px;right:12px;top:calc(10px + env(safe-area-inset-top));z-index:9;display:flex;align-items:center;justify-content:space-between;pointer-events:auto}.draw-nav .icon-nav-btn{width:34px;height:34px;font-size:16px}.selection-slots{position:absolute;left:16px;right:16px;bottom:calc(76px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px;z-index:6;pointer-events:none}.selection-slots-title{font-size:12px;color:var(--text-dim)}.selection-slot-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(100%,360px);margin:0 auto}.selection-slot{border:1px solid rgba(221,188,131,.24);border-radius:14px;background:#080c149e;aspect-ratio:108 / 184;min-height:0;padding:8px;display:flex;flex-direction:column;justify-content:space-between;gap:5px}.selection-slot-filled{border-color:#f1cf9294;background:#151c29cc}.selection-slot-label{font-size:12px;font-weight:600;color:var(--text-main)}.selection-slot-hint{font-size:11px;color:var(--text-dim);line-height:1.2}.draw-bottom-cta{position:absolute;left:16px;right:16px;bottom:calc(14px + env(safe-area-inset-bottom));display:flex;justify-content:center;z-index:6}.draw-bottom-cta .ghost-btn{min-width:140px;background:#080c14b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.draw-temp-reset{position:absolute;right:16px;top:calc(58px + env(safe-area-inset-top));z-index:7}.draw-temp-reset .ghost-btn{min-height:42px;padding:0 12px;font-size:13px;border-color:#ddbc8361;background:#080c14c7;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.draw-temp-reset .ghost-btn:disabled{opacity:.55}.guidance-line{font-size:15px;font-weight:600;line-height:1.45;color:#f7e9c9;text-shadow:0 2px 6px rgba(0,0,0,.32)}.loading-chip{width:fit-content;border-radius:999px;padding:5px 10px;font-size:11px;letter-spacing:.01em;border:1px solid rgba(241,207,146,.24);background:#090e188a;color:#f2d3a1eb;align-self:flex-start}.confirm-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:13;border-radius:20px;background:#05080e9e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px}.confirm-modal{width:min(100%,320px);border-radius:16px;border:1px solid rgba(221,188,131,.26);background:linear-gradient(160deg,#121826f5,#0a0e18fa);box-shadow:0 18px 34px #0000005c;padding:16px 14px 14px;display:flex;flex-direction:column;gap:10px}.confirm-modal-title{font-size:16px;font-weight:700;color:#f7e9c8}.confirm-modal-body{font-size:13px;line-height:1.45;color:var(--text-soft)}.confirm-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.confirm-modal-actions .primary-btn,.confirm-modal-actions .ghost-btn{min-height:42px}.analysis-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:14;border-radius:20px;background:radial-gradient(60% 45% at 50% 36%,#e8c4852b,#e8c48500 68%),radial-gradient(95% 80% at 50% 50%,#080b14eb,#04060bf5);-webkit-backdrop-filter:blur(4px) saturate(1.05);backdrop-filter:blur(4px) saturate(1.05);display:flex;align-items:center;justify-content:center;padding:20px;pointer-events:auto}.analysis-modal{width:min(100%,340px);border-radius:20px;border:1px solid rgba(224,190,129,.38);background:linear-gradient(150deg,#182134eb,#0d1321f2),radial-gradient(120% 100% at 0% 0%,#ffeec514,#ffeec500);box-shadow:0 24px 38px #00000070,inset 0 1px #ffecc72e;padding:20px 18px 18px;display:flex;flex-direction:column;align-items:center;gap:10px}.analysis-orb{width:66px;height:66px;border-radius:999px;background:radial-gradient(circle at 35% 30%,#fff6d5e6,#f4d3936b 34%,#d8a45f14 70%),radial-gradient(circle at 65% 72%,#6a85c257,#6a85c200);box-shadow:0 0 24px #f0c27670;animation:analysis-orb-pulse 1.8s ease-in-out infinite}.analysis-title{font-size:17px;font-weight:700;letter-spacing:.01em;color:#f8e8c6;text-align:center}.analysis-subtitle{font-size:13px;line-height:1.45;color:#dbc9a4;text-align:center}.analysis-progress{width:100%;height:8px;border-radius:999px;background:#080c149e;border:1px solid rgba(224,190,129,.22);overflow:hidden;margin-top:4px}.analysis-progress span{display:block;width:100%;height:100%;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,#e2bb70b8,#f6e0adf2);animation:analysis-progress-fill 5s linear forwards}.analysis-caption{font-size:12px;color:var(--text-dim)}@keyframes analysis-orb-pulse{0%{transform:scale(.94);opacity:.82}50%{transform:scale(1);opacity:1}to{transform:scale(.94);opacity:.82}}@keyframes analysis-progress-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.result-block{border:1px solid var(--line-soft);background:var(--panel);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:10px}.result-cards{display:flex;flex-direction:column;gap:14px}.result-card{border:1px solid var(--line-soft);background:var(--panel-strong);border-radius:14px;padding:12px;display:grid;grid-template-columns:88px 1fr;gap:12px;align-items:start}.result-card-image-wrap{width:88px;height:150px;border-radius:8px;border:1px solid rgba(238,215,173,.28);background:#fff6dc1f;overflow:hidden}.result-card img{width:100%;height:100%;object-fit:cover;display:block}.result-card-image-pending{filter:saturate(.7);opacity:.82}.result-card-image-ready{filter:none;opacity:1}.result-card-image-reversed{transform:rotate(180deg)}.result-loading-text{margin-top:-2px;color:var(--text-dim)}.result-card-content{display:flex;flex-direction:column;gap:6px}.result-card-label{color:var(--text-dim);font-size:13px}.result-card-name{font-weight:600}.result-card-orientation{width:fit-content;font-size:11px;color:#fff2d6e6;letter-spacing:.01em;padding:2px 8px;border-radius:999px;border:1px solid rgba(228,194,132,.45);background:#141b29b3}.keyword-row{font-size:13px;color:var(--accent-strong)}.question-echo{font-size:14px}.cta-row{display:grid;grid-template-columns:1fr;gap:10px;margin-top:8px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.fallback-text{margin-top:16px;color:#f2d0b0;text-align:center}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes draw-swipe-icon{0%{transform:translate(0)}25%{transform:translate(26px)}50%{transform:translate(0)}75%{transform:translate(-26px)}to{transform:translate(0)}}@keyframes draw-swipe-fade{0%{opacity:0}12%{opacity:1}82%{opacity:1}to{opacity:0}}@keyframes draw-init-pulse{0%{transform:scale(.86);opacity:.74}50%{transform:scale(1);opacity:1}to{transform:scale(.86);opacity:.74}}@media (min-width: 640px){.app-shell{--shell-pad-top: 28px;--shell-pad-bottom: 28px}.result-card{grid-template-columns:104px 1fr}.result-card-image-wrap{width:104px;height:176px}}@media (max-width: 767px){.draw-screen{width:auto;height:auto;margin-top:calc(-1 * var(--shell-pad-top));margin-right:calc(-1 * var(--shell-pad-right));margin-bottom:calc(-1 * var(--shell-pad-bottom));margin-left:calc(-1 * var(--shell-pad-left))}.draw-canvas-wrap{border-radius:0;border:0;box-shadow:none}.analysis-modal-backdrop,.confirm-modal-backdrop{border-radius:0}}@media (max-height: 860px){.app-shell{--shell-pad-top: calc(12px + env(safe-area-inset-top)) ;--shell-pad-bottom: calc(10px + env(safe-area-inset-bottom)) }.home-screen,.spread-screen,.spread-detail-screen,.question-screen,.result-screen{gap:12px}.hero-title{font-size:clamp(32px,8.1vw,46px)}.home-brand-icon{width:40px;height:40px}.home-intro{padding:0;gap:6px}.home-intro-list{font-size:13px;gap:4px}.home-hero-visual img{height:150px}.home-panel{padding:8px 0 0;gap:6px}.home-panel-list{font-size:13px;gap:4px}.home-flow-item{font-size:13px}.home-topic-item{grid-template-columns:56px 1fr;gap:7px;padding:5px}.home-topic-item img{width:56px;height:40px}.home-topic-item span{font-size:12px}.home-start-btn{box-shadow:0 10px 18px #e3be7d38}.home-start-dock{padding:10px 0 calc(8px + env(safe-area-inset-bottom))}.question-context{padding:7px 9px}.question-context-title{font-size:13px}.question-context-desc{font-size:11px}.question-example-chip{min-height:32px;font-size:11px;padding:0 10px}.question-input-wrap{gap:6px}.question-input-title{font-size:11px}.question-input-hint{font-size:10px}h2{font-size:clamp(20px,5.4vw,26px)}.spread-card{border-radius:16px;padding:9px;grid-template-columns:clamp(80px,24vw,106px) 1fr;gap:8px}.spread-detail-title{font-size:clamp(20px,5.3vw,24px);line-height:1.3}.spread-card-media{width:clamp(80px,24vw,106px);height:clamp(102px,28vw,130px);border-radius:10px}.spread-card-title{font-size:14px}.spread-card-desc{font-size:11px}.spread-detail-hero img{height:150px}.spread-detail-fit-list{font-size:13px;gap:4px}.question-input{min-height:96px;max-height:128px;padding:12px 13px}.result-block{padding:10px;gap:8px}.result-cards{gap:9px}.result-card{padding:8px;grid-template-columns:72px 1fr;gap:8px}.result-card-image-wrap{width:72px;height:122px}.result-card-content{gap:4px}.result-card-content p{font-size:12px;line-height:1.35}.keyword-row,.result-card-label{font-size:12px}.primary-btn,.ghost-btn{min-height:46px}}@media (max-height: 740px){.draw-overlay{top:calc(50px + env(safe-area-inset-top));gap:5px}.draw-nav{top:calc(8px + env(safe-area-inset-top))}.draw-nav .icon-nav-btn{width:32px;height:32px;font-size:15px}.loading-chip{padding:6px 10px;font-size:11px}.draw-status-panel{gap:3px}.draw-status-count{font-size:11px}.guidance-line{font-size:13px}.draw-bottom-cta{bottom:calc(8px + env(safe-area-inset-bottom))}.draw-temp-reset{top:calc(52px + env(safe-area-inset-top))}.cta-row{gap:8px;margin-top:4px}}