:root{--ink:#182322;--ink-soft:#4a5b58;--paper:#fbf7ef;--mist:#d9ece7;--mint:#71c9bd;--coral:#ef7b62;--gold:#f2c66d;--line:#18232224;--shadow:0 24px 70px #14221f2e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:ui-rounded,SF Pro Rounded,Avenir Next,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #0f8b806b}.top-nav,.hero-copy,.subpage-header,.create-layout,.pet-room-layout,.empty-state{z-index:1;position:relative}.top-nav,.subpage-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.brand-mark,.nav-action,.back-link{align-items:center;gap:8px;font-weight:700;display:inline-flex}.nav-action,.back-link{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbf7efb3;border-radius:999px;padding:10px 14px}.eyebrow{color:#0f7d74;letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:700}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:0;font-family:Georgia,Times New Roman,serif;line-height:.98}h1{max-width:12ch;margin-bottom:22px;font-size:clamp(2.85rem,6.4vw,5.8rem)}h2{margin-bottom:18px;font-size:clamp(2.2rem,5vw,4.4rem)}h3{margin-bottom:10px;font-size:1.08rem}.hero-actions,.action-row,.constraint-list,.privacy-note,.privacy-inline{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.primary-button,.secondary-button,.action-row button,.chat-form button{border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 20px;font-weight:700;display:inline-flex}.primary-button{background:var(--ink);color:#fff;box-shadow:0 18px 40px #18232233}.secondary-button,.action-row button{border:1px solid var(--line);background:#ffffffa8}.subpage-header{color:var(--ink-soft);margin-bottom:44px;font-weight:700}.create-form,.chat-panel,.pet-stage,.empty-state,.info-card,.faq-item{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffad;border-radius:8px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.hero-section{min-height:min(86vh,780px);padding:28px clamp(18px,4vw,64px) 80px;position:relative;overflow:hidden}.hero-image,.hero-overlay{position:absolute;inset:0}.hero-image{object-fit:cover;object-position:center}.hero-overlay{background:linear-gradient(90deg,#fbf7eff5 0%,#fbf7efc2 34%,#fbf7ef14 72%),linear-gradient(#0000 65%,#18232280)}.hero-copy{max-width:690px;padding-top:clamp(58px,10vh,112px)}.hero-subtitle,.create-copy p,.demo-copy p,.empty-state p{color:var(--ink-soft);font-size:clamp(1.05rem,2vw,1.28rem);line-height:1.65}.hero-subtitle{max-width:600px}.section-band,.demo-band,.drawing-game-band,.faq-band{padding:clamp(58px,8vw,104px) clamp(18px,5vw,76px)}.drawing-game-band{background:#f7d8d0;grid-template-columns:minmax(280px,.7fr) minmax(320px,.8fr);align-items:center;gap:clamp(34px,7vw,96px);display:grid}.drawing-game-visual{justify-self:center;width:min(420px,100%);position:relative}.drawing-game-visual img{border:1px solid #1823221f;border-radius:8px;width:100%;height:auto;display:block;box-shadow:0 24px 60px #43231b29}.drawing-game-domain{background:var(--mint);height:8.8889%;color:var(--ink);border-radius:0 0 7px 7px;justify-content:center;align-items:center;font-size:clamp(.65rem,1.1vw,.78rem);font-weight:700;display:flex;position:absolute;bottom:1px;left:1px;right:1px}.drawing-game-copy{max-width:620px}.drawing-game-copy h2{max-width:10ch}.drawing-game-copy>p:not(.eyebrow){color:var(--ink-soft);margin-bottom:26px;font-size:1.12rem;line-height:1.65}.drawing-game-copy .secondary-button{background:var(--paper);width:fit-content}.section-heading{max-width:760px}.section-heading.compact{max-width:560px}.step-grid,.faq-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.info-card,.faq-item{padding:24px}.info-card svg,.privacy-note svg,.privacy-inline svg{color:#0f8b80}.info-card p,.faq-item p{color:var(--ink-soft);line-height:1.6}.demo-band{background:var(--mist);grid-template-columns:minmax(0,.9fr) minmax(320px,.72fr);align-items:center;gap:clamp(24px,6vw,80px);display:grid}.feature-list{gap:12px;padding:0;list-style:none;display:grid}.feature-list li{align-items:center;gap:10px;font-weight:700;display:flex}.conversation-preview{border:1px solid var(--line);color:#fff;background:#132b28;border-radius:8px;gap:14px;padding:clamp(20px,4vw,36px);display:grid;position:relative}.pet-orb{background:var(--mint);color:#102320;border-radius:50%;place-items:center;width:92px;height:92px;animation:3.4s ease-in-out infinite float;display:grid}.chat-bubble{border-radius:8px;max-width:78%;padding:14px 16px;line-height:1.45}.chat-bubble.pet{background:#ffffff24}.chat-bubble.human{background:var(--coral);color:#25120e;justify-self:end}.privacy-note{color:var(--ink-soft);margin-top:26px;font-weight:700}.privacy-note a,.privacy-inline a{color:#0f756d;text-underline-offset:3px;text-decoration:underline}.final-cta-band{background:var(--ink);color:#fff;justify-content:space-between;align-items:end;gap:32px;padding:clamp(58px,8vw,96px) clamp(18px,5vw,76px);display:flex}.final-cta-band>div{max-width:760px}.final-cta-band .eyebrow{color:var(--mint)}.final-cta-band h2{margin-bottom:14px}.final-cta-band p:not(.eyebrow){color:#ffffffbd;margin-bottom:0;font-size:1.08rem}.final-cta-band .primary-button{background:var(--paper);color:var(--ink);box-shadow:none;flex:none}.site-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:28px clamp(18px,5vw,76px);display:flex}.site-footer nav{color:var(--ink-soft);gap:20px;font-weight:700;display:flex}@media (max-width:860px){.hero-section{min-height:88vh;padding-bottom:58px}.hero-overlay{background:linear-gradient(#fbf7eff5,#fbf7ef94)}.hero-image{object-position:68% center}.hero-copy{padding-top:58px}.demo-band,.drawing-game-band,.step-grid,.faq-list{grid-template-columns:1fr}.drawing-game-visual{width:min(420px,86vw)}.chat-bubble{max-width:92%}.final-cta-band,.site-footer{flex-direction:column;align-items:flex-start}}
.create-page{background:linear-gradient(135deg, #71c9bd47, transparent 34%), linear-gradient(315deg, #ef7b622e, transparent 30%), var(--paper);min-height:100vh;padding:28px clamp(18px,4vw,64px) 48px}.create-layout{grid-template-columns:minmax(0,.8fr) minmax(340px,.7fr);align-items:start;gap:clamp(24px,6vw,76px);display:grid}.create-copy{position:sticky;top:28px}.create-copy h1{max-width:10ch}.constraint-list span,.privacy-inline{color:var(--ink-soft);font-weight:700}.constraint-list span{align-items:center;gap:5px;display:inline-flex}.constraint-list span:last-child{font-size:.88rem;font-weight:600}.create-form{gap:18px;padding:clamp(20px,4vw,34px);display:grid}.upload-dropzone{cursor:pointer;background:#d9ece76b;border:2px dashed #0f7d7473;border-radius:8px;place-items:center;min-height:260px;display:grid;position:relative;overflow:hidden}.upload-dropzone:focus-within{outline-offset:3px;outline:3px solid #0f8b8052}.visually-hidden-input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.upload-dropzone span{color:var(--ink-soft);place-items:center;gap:12px;font-weight:700;display:grid}.upload-dropzone img{width:100%;height:320px}.preview-original img{object-fit:cover}.preview-cutout{background-color:#e7f1ee;background-image:linear-gradient(45deg,#ffffff6b 25%,#0000 25%),linear-gradient(-45deg,#ffffff6b 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff6b 75%),linear-gradient(-45deg,#0000 75%,#ffffff6b 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.preview-cutout img{object-fit:contain;filter:drop-shadow(0 16px 16px #1823222e);padding:22px}.upload-dropzone .processing-overlay{color:var(--ink);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fbf7efd6;align-content:center;position:absolute;inset:0}.photo-mode-control{border:1px solid var(--line);background:#1823220d;border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.photo-mode-control button{min-height:42px;color:var(--ink-soft);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;font-weight:700;display:inline-flex}.photo-mode-control button[aria-pressed=true]{color:var(--ink);background:#fff;box-shadow:0 4px 14px #1823221f}.photo-notice{color:var(--ink-soft);margin:-6px 0 0;font-size:.9rem;font-weight:700}label,fieldset{color:var(--ink);border:0;gap:8px;padding:0;font-weight:700;display:grid}input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;padding:14px 16px}.personality-grid{gap:10px;display:grid}.personality{border:1px solid var(--line);color:var(--ink);text-align:left;background:#fff;border-radius:8px;gap:5px;padding:14px;display:grid}.personality.active{background:#71c9bd3d;border-color:#0f8b80}.personality small,.form-error,.generation-panel span{color:var(--ink-soft)}.form-error{color:#a43d28;margin:0;font-weight:700}.generation-panel{border:1px solid var(--line);background:#f2c66d38;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:14px;display:grid}.progress-track{background:#1823221f;border-radius:999px;grid-column:1/-1;height:9px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--coral);height:100%;transition:width .3s;display:block}.full-width{width:100%}.full-width:disabled{opacity:.62}.create-form[aria-busy=true] .full-width:disabled{cursor:wait}.spin{animation:1s linear infinite spin}
.pet-room,.empty-pet-page{background:linear-gradient(135deg, #71c9bd47, transparent 34%), linear-gradient(315deg, #ef7b622e, transparent 30%), var(--paper);min-height:100vh;padding:28px clamp(18px,4vw,64px) 48px}.pet-room-layout{grid-template-columns:minmax(300px,.65fr) minmax(0,1fr);align-items:start;gap:clamp(24px,6vw,76px);display:grid}.pet-stage{padding:clamp(20px,4vw,34px);position:sticky;top:28px}.pet-avatar{margin:0}.pet-avatar-frame{aspect-ratio:1;isolation:isolate;background:linear-gradient(#d9ece7 0 72%,#d7c39c 72% 100%);border-radius:8px;align-items:end;display:grid;position:relative;overflow:hidden}.pet-avatar-frame img{z-index:1;transform-origin:50% 88%;width:100%;height:100%;display:block;position:relative}.avatar-cutout .pet-avatar-frame img{object-fit:contain;filter:drop-shadow(0 18px 14px #18232233);padding:26px 24px 22px}.avatar-original .pet-avatar-frame img{object-fit:cover}.pet-floor-shadow{z-index:0;filter:blur(10px);background:#32372d33;border-radius:50%;height:8%;position:absolute;bottom:7%;left:22%;right:22%}.avatar-original .pet-floor-shadow{display:none}.pet-action-chip{color:#fff;z-index:2;background:#182322c7;border-radius:999px;padding:8px 12px;font-size:.82rem;font-weight:700;position:absolute;bottom:14px;left:14px}.pet-avatar figcaption{justify-content:space-between;margin:14px 0 20px;font-weight:700;display:flex}.pet-avatar figcaption span{color:var(--ink-soft)}.action-happy .pet-avatar-frame img{animation:1.05s ease-in-out infinite happy}.action-idle .pet-avatar-frame img{animation:3.8s ease-in-out infinite breathe}.action-eat .pet-avatar-frame img{animation:1.05s ease-in-out infinite eat}.action-sleep .pet-avatar-frame img{filter:saturate(.82)brightness(.92);animation:4s ease-in-out infinite sleep}.action-row button{flex:1}.chat-panel{grid-template-rows:auto 1fr auto;gap:18px;min-height:72vh;padding:clamp(20px,4vw,34px);display:grid}.chat-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.chat-header h1{max-width:14ch;margin:0;font-size:clamp(2.4rem,6vw,4.8rem)}.message-list{flex-direction:column;gap:12px;min-height:280px;max-height:54vh;padding-right:4px;display:flex;overflow-y:auto}.message{display:flex}.message span{border-radius:8px;max-width:min(76%,620px);padding:13px 15px;line-height:1.45}.message.pet span{background:#71c9bd3d}.message.user{justify-content:flex-end}.message.user span{background:var(--ink);color:#fff}.chat-form{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px;display:grid}.chat-form input{border:0;padding:10px}.chat-form button{background:var(--coral);width:44px;min-height:44px;padding:0}.chat-form button:disabled{opacity:.42}.empty-pet-page{place-items:center;display:grid}.empty-state{text-align:center;max-width:520px;padding:clamp(20px,4vw,34px)}.empty-state-actions{justify-content:center;gap:10px;display:flex}.empty-state-actions .secondary-button{border-radius:8px;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-weight:700;display:inline-flex}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-10px)}}@keyframes breathe{50%{transform:scale(1.025)}}@keyframes happy{35%{transform:translateY(-9px)rotate(-2deg)}70%{transform:translateY(-4px)rotate(2deg)}}@keyframes eat{45%{transform:translateY(7px)rotate(1deg)scale(1.015)}}@keyframes sleep{50%{transform:scale(.985)}}@media (prefers-reduced-motion:reduce){.pet-avatar-frame img,.spin{animation:none!important}}
.privacy-page{background:linear-gradient(135deg, #71c9bd38, transparent 34%), var(--paper);min-height:100vh;padding:28px clamp(18px,5vw,76px) 72px}.privacy-content{width:min(760px,100%);margin:0 auto}.privacy-content>svg{color:#0f756d;margin-bottom:28px}.privacy-content h1{max-width:11ch}.privacy-intro{color:var(--ink-soft);margin-bottom:48px;font-size:1.22rem;line-height:1.65}.privacy-content section{border-top:1px solid var(--line);padding:28px 0}.privacy-content section h2{margin-bottom:12px;font-family:inherit;font-size:1.3rem;line-height:1.3}.privacy-content section p,.privacy-updated{color:var(--ink-soft);margin-bottom:0;line-height:1.7}.privacy-updated{border-top:1px solid var(--line);padding-top:28px;font-size:.9rem}
@media (max-width:860px){.create-page,.pet-room{padding-top:18px}.create-page .subpage-header{margin-bottom:26px}.create-page .subpage-header>span{display:none}.create-layout{grid-template-columns:1fr;gap:18px}.create-copy{position:static}.create-copy h1{max-width:none;margin-bottom:14px;font-size:2.6rem}.create-copy p:last-child{margin-bottom:0}.create-form{gap:12px;padding:16px}.upload-dropzone{min-height:160px}.upload-dropzone img{height:220px}.constraint-list{gap:8px 12px}.constraint-list span:last-child{flex-basis:100%}.personality-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.personality{text-align:center;place-items:center;min-height:62px;padding:9px 6px}.personality small{display:none}.privacy-inline{gap:8px;font-size:.9rem}.pet-room .subpage-header{margin-bottom:24px}.pet-room-layout{grid-template-columns:1fr;gap:18px}.pet-stage{padding:14px;position:static}.pet-avatar-frame{aspect-ratio:16/10}.pet-avatar figcaption{margin:10px 0 12px}.chat-panel{min-height:66vh;padding:16px}.message span{max-width:92%}}
.draw-pet-page{background:var(--paper);min-height:100vh;padding:28px clamp(18px,4vw,64px) 72px}.draw-header{width:min(1240px,100%);margin-inline:auto}.draw-upload{grid-template-columns:minmax(260px,.8fr) minmax(360px,1fr);align-items:center;gap:18px clamp(24px,6vw,80px);width:min(1120px,100%);margin:7vh auto 0;display:grid}.draw-upload-copy{grid-row:span 2}.draw-upload-copy h1{max-width:10ch}.draw-upload-copy>p:last-child,.draw-game-heading>p{max-width:52ch;color:var(--ink-soft);font-size:1.08rem;line-height:1.65}.draw-upload-dropzone{cursor:pointer;background:#e8f3f0;border:2px dashed #0f7d7485;border-radius:8px;place-items:center;min-height:420px;display:grid;position:relative;overflow:hidden}.draw-upload-dropzone:focus-within{outline-offset:3px;outline:3px solid #0f8b8052}.draw-upload-dropzone>span{color:var(--ink-soft);align-items:center;gap:10px;font-weight:800;display:inline-flex}.draw-upload-dropzone img{object-fit:contain;background:#fff;width:100%;height:420px}.draw-upload-dropzone .draw-processing{color:#fff;background:#182322e6;border-radius:8px;justify-content:center;min-height:50px;position:absolute;inset:auto 16px 16px}.draw-upload .constraint-list{align-self:start}.draw-error{color:#a33b2c;margin:0;font-weight:700;line-height:1.5}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.draw-game{width:min(1240px,100%);margin:0 auto}.draw-game-heading{justify-content:space-between;align-items:end;gap:28px;margin-bottom:34px;display:flex}.draw-game-heading h1{max-width:none;margin-bottom:0;font-size:clamp(2.6rem,5vw,4.8rem)}.draw-game-heading>p{margin-bottom:4px}.draw-workspace{grid-template-columns:minmax(280px,.72fr) minmax(440px,1fr);align-items:start;gap:clamp(20px,4vw,56px);display:grid}.reference-panel{margin:0;position:sticky;top:24px}.reference-panel img{aspect-ratio:1;border:1px solid var(--line);object-fit:contain;background:#fff;border-radius:8px;width:100%;max-height:68vh;display:block}.reference-panel figcaption{color:var(--ink-soft);text-align:center;text-transform:uppercase;margin-top:10px;font-size:.86rem;font-weight:800}.canvas-panel{gap:14px;min-width:0;display:grid}.drawing-surface{aspect-ratio:1;width:100%;min-width:0}.pet-drawing-canvas{border:2px solid var(--ink);cursor:crosshair;background-color:#fff;background-image:linear-gradient(#18232209 1px,#0000 1px),linear-gradient(90deg,#18232209 1px,#0000 1px);background-size:32px 32px;border-radius:8px;width:100%;height:100%;display:block}.drawing-toolbar{flex-wrap:wrap;gap:8px;display:flex}.tool-group{border:1px solid var(--line);background:#ffffffc2;border-radius:8px;gap:4px;padding:4px;display:inline-flex}.tool-button,.color-swatch,.width-swatch,.custom-color{width:44px;height:44px;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:6px;flex:0 0 44px;place-items:center;display:grid}.tool-button[aria-pressed=true],.width-swatch[aria-pressed=true],.color-swatch[aria-pressed=true]{background:var(--mist);border-color:#0f7d74}.tool-button:disabled{opacity:.35}.color-swatch:before{background:var(--swatch-color);content:"";border:1px solid #18232242;border-radius:50%;width:24px;height:24px}.custom-color{background:conic-gradient(#ef7b62,#f2c66d,#71c9bd,#6d81d4,#ef7b62);border:8px solid #fff;border-radius:50%;position:relative;overflow:hidden}.custom-color input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.width-swatch span{background:var(--ink);border-radius:50%;display:block}.judge-button{justify-self:stretch;min-height:56px;font-size:1.05rem}
.clear-dialog{border:1px solid var(--line);background:var(--paper);width:min(440px,100% - 36px);color:var(--ink);box-shadow:var(--shadow);border-radius:8px;padding:28px}.clear-dialog::backdrop{background:#1823228f}.clear-dialog h2{font-family:inherit;font-size:1.45rem;line-height:1.2}.clear-dialog p{color:var(--ink-soft)}.dialog-actions{justify-content:flex-end;gap:10px;display:flex}.judging-stage{text-align:center;place-content:center;justify-items:center;width:min(720px,100%);min-height:62vh;margin:0 auto;display:grid}.judging-stage>svg{color:var(--coral);margin-bottom:22px;animation:.7s ease-in-out infinite alternate judge-pulse}.judging-stage h1{max-width:13ch;font-size:clamp(2.5rem,6vw,5rem)}@keyframes judge-pulse{to{transform:rotate(6deg)scale(1.08)}}.result-layout{grid-template-columns:minmax(300px,.72fr) minmax(440px,1fr);align-items:start;gap:clamp(32px,6vw,84px);width:min(1180px,100%);margin:2vh auto 0;display:grid}.score-total{color:var(--coral);align-items:baseline;display:flex}.score-total strong{font-family:Georgia,Times New Roman,serif;font-size:clamp(6rem,12vw,10rem);line-height:.8}.score-total span{font-size:1.3rem;font-weight:800}.score-band{text-transform:uppercase;margin:20px 0;font-size:1.2rem;font-weight:900}.score-reveal blockquote{color:var(--ink-soft);margin:0 0 30px;font-size:1.12rem;font-weight:650;line-height:1.6}.score-breakdown{gap:14px;margin:0;display:grid}.score-breakdown dt{justify-content:space-between;margin-bottom:6px;font-weight:750;display:flex}.score-breakdown dd{background:#1823221a;border-radius:4px;height:8px;margin:0;overflow:hidden}.score-breakdown dd span{border-radius:inherit;background:var(--mint);height:100%;display:block}.share-result{grid-template-columns:minmax(240px,.88fr) minmax(210px,.72fr);align-items:center;gap:24px;display:grid}.share-preview img{border:1px solid var(--line);width:100%;box-shadow:var(--shadow);border-radius:8px;display:block}.share-actions{gap:10px;display:grid}.share-actions h2{font-family:inherit;font-size:1.45rem;line-height:1.2}.share-actions button{width:100%}.text-button{min-height:44px;color:var(--ink-soft);background:0 0;border:0;justify-content:center;align-items:center;gap:8px;font-weight:750;display:inline-flex}.share-notice{color:#0f756d;min-height:24px;margin:2px 0 0;font-size:.9rem;font-weight:700}
@media (max-width:860px){.draw-pet-page{padding-top:18px;padding-inline:18px}.draw-header{margin-bottom:26px}.draw-header>span{display:none}.draw-upload{grid-template-columns:1fr;gap:18px;margin-top:0}.draw-upload-copy{grid-row:auto}.draw-upload-copy h1{max-width:none;font-size:2.7rem}.draw-upload-dropzone,.draw-upload-dropzone img{height:min(42vh,360px);min-height:0}.draw-game-heading{margin-bottom:22px;display:block}.draw-game-heading h1{font-size:2.7rem}.draw-game-heading>p{margin-top:14px}.draw-workspace,.result-layout{grid-template-columns:1fr}.draw-workspace{gap:18px}.reference-panel{position:static}.reference-panel img{aspect-ratio:4/3;max-height:34vh}.drawing-surface{justify-self:center;width:min(100%,100vw - 36px)}.drawing-toolbar{flex-wrap:nowrap;max-width:calc(100vw - 36px);padding-bottom:4px;overflow-x:auto}.tool-group{flex:none}.judge-button{width:100%}.result-layout{gap:42px;margin-top:0}.score-total strong{font-size:7rem}.share-result{grid-template-columns:1fr}.share-preview{width:min(430px,100%);margin:0 auto}}@media (max-width:520px){.draw-upload .constraint-list{gap:8px 12px}.draw-upload .constraint-list span:last-child{flex-basis:100%}.dialog-actions{flex-direction:column-reverse}.dialog-actions button{width:100%}}