*{box-sizing:border-box} :root{color-scheme:light;--cream:#fff9ed;--paper:#fffdf6;--ink:#493128;--muted:#7c6457;--berry:#ad405e;--blush:#f6e1e3;--line:#e5d8c9;--shadow:0 10px 30px #6c473312}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.45 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer;min-height:44px;min-width:44px;border:1px solid var(--line);border-radius:10px;padding:10px 15px;color:var(--ink);background:var(--paper);transition:background .15s,transform .15s}button:hover{background:#f6e9dc}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}button[aria-pressed=true],button.selected{border-color:var(--berry);background:var(--blush);color:#90314c}button.primary{background:var(--berry);color:#fff;border-color:var(--berry)}button.primary:hover{background:#90334e}button:focus-visible,a:focus-visible,canvas:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ba762d;outline-offset:3px}h1,h2,h3,.brand,strong{font-family:Georgia,"Times New Roman",serif}h1{font-size:44px;line-height:1.1;letter-spacing:-1.4px;margin:0 0 20px;max-width:460px}h2{font-size:28px;line-height:1.15;letter-spacing:-.6px;margin:0}h3{font-size:21px}p{margin:8px 0;color:var(--muted)}[hidden]{display:none!important}a{color:var(--berry)}svg.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.header{height:68px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);background:var(--paper)}.brand{display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:0;font-size:24px;white-space:nowrap}.brand>svg{width:40px;height:40px}.header nav{display:flex;align-items:center;gap:4px}.header nav button{border:0;background:transparent;padding:10px 14px}.header nav button.selected{background:var(--blush);color:var(--berry)}.header-links{display:flex;align-items:center;gap:10px}.header-links a{display:flex;align-items:center;min-height:44px;min-width:44px;text-decoration:none;font-size:13px;font-weight:650;white-space:nowrap}.icon-button{padding:10px;display:grid;place-items:center;border:0;background:transparent}.home{max-width:1280px;margin:auto;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:40px;padding:38px 30px 28px;min-height:min(700px,calc(100svh - 100px))}.welcome-copy{padding:0 15px}.intro{font-family:Georgia,serif;font-size:21px;max-width:380px;margin:0 0 26px;line-height:1.4}.modes{display:grid;gap:12px;max-width:460px}.mode{padding:16px 18px;display:flex;align-items:center;gap:15px;text-align:left;box-shadow:0 3px 12px #62493505}.mode>span:nth-child(2){flex:1}.mode strong{font-size:23px;display:block;font-weight:600}.mode small{display:block;font-size:13px;line-height:1.45;color:var(--muted);margin-top:3px}.mode .mode-icon{width:35px;color:var(--berry)}.mode-icon svg{width:30px;height:30px}.play{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--berry);color:#fff}.play svg{width:18px;fill:currentColor;stroke:0}.hero-art{width:100%;max-height:590px;object-fit:contain;border-radius:18px;box-shadow:var(--shadow)}.home-note{text-align:center;font-size:12px;max-width:460px;margin:24px 0 6px}.quiet{border:0;background:transparent;text-decoration:underline;display:block;margin:auto;font-size:13px}.studio-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 28px 14px}.studio-heading h2{font-size:28px}.studio-heading p{margin:4px 0 0;font-size:13px}.document-actions{display:flex;gap:9px}.document-actions button,.edit-actions button{display:flex;gap:7px;align-items:center;justify-content:center}.workbench{display:grid;grid-template-columns:185px minmax(0,1fr) 225px;gap:22px;padding:0 28px 18px;max-width:1450px;margin:auto}.tools{min-width:0}.tool-buttons{display:grid;grid-template-columns:1fr;gap:4px}.tool-buttons button{display:flex;gap:12px;align-items:center;text-align:left;padding:9px 12px;border-color:transparent;background:transparent}.tool-buttons button.selected{border-color:#edc9d1;background:var(--blush)}.mobile-tip{display:none}.inspector{padding:15px 0}.inspector h3{font-size:16px;margin:0 0 10px}.palette{display:flex;gap:6px;flex-wrap:wrap}.color{width:44px;height:44px;padding:5px;min-width:44px;background:transparent;border-color:transparent;border-radius:50%}.color span{width:30px;height:30px;border-radius:50%;display:block;box-shadow:inset 0 1px 4px #ffffff70,inset 0 -2px 3px #00000018}.color.selected{background:transparent;border-color:var(--berry)}.custom-color{width:44px;height:44px;padding:5px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.color-options{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:10px}.tip-list{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:14px}.tip-list button{font-size:11px;padding:8px;flex:1 0 46px}.tip-mark{display:block;width:12px;height:12px;margin:0 auto 4px;background:#bea895;border-radius:50%;box-shadow:inset 2px 2px 2px #fff8}.tip-wide .tip-mark{width:20px}.tip-fine .tip-mark{width:5px;height:5px;margin-top:7px}.tip-star .tip-mark{clip-path:polygon(50% 0,60% 30%,95% 15%,75% 45%,100% 60%,65% 65%,55% 100%,40% 70%,10% 90%,25% 55%,0 40%,35% 30%)}.tip-ribbon .tip-mark{width:20px;height:7px;border-radius:2px;margin-top:5px}.canvas-column{min-width:0;display:flex;align-items:center;flex-direction:column}.canvas-wrap{position:relative;max-width:100%;width:min(100%,calc(100svh - 240px),650px);aspect-ratio:1;border-radius:16px;overflow:hidden;box-shadow:var(--shadow);background:#f6eddc}.canvas-wrap>canvas{width:100%;height:100%;display:block;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:crosshair}.zoom-controls{position:absolute;bottom:10px;right:10px;display:flex;gap:3px;opacity:.9}.zoom-controls button{padding:5px 9px;font-size:12px}.edit-actions{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:10px}.edit-actions button{font-size:12px;padding:8px 10px}.edit-actions svg{width:17px}.setup{font-size:13px}.setup details{border:1px solid var(--line);background:#fffdf6bb;border-radius:12px;padding:14px}.setup summary{font-family:Georgia,serif;font-weight:bold;font-size:18px;cursor:pointer;min-height:44px;display:flex;align-items:center}.setup-content{display:grid;gap:12px}.setup label{display:block;font-size:12px;font-weight:650}.setup select,.setup input:not([type=range]),.setup button{width:100%;min-height:44px;margin-top:4px}.setup select,.setup input:not([type=range]),.modal-fields input,.modal-fields select{border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);padding:10px}.setup input[type=range]{width:100%;accent-color:var(--berry);height:28px}.setup output{float:right;font-weight:400}.setup button{font-size:12px}.setup .file-label{padding:10px;border:1px dashed var(--line);border-radius:8px}.file-label input{font-size:11px}.tray-strip{display:flex;align-items:center;gap:7px;max-width:100%;overflow:auto;margin-top:9px}.tray-cookie{width:49px;height:49px;padding:1px;border-radius:9px;flex-shrink:0}.tray-cookie canvas{width:100%;height:100%;display:block}.tray-strip .add-cookie{font-size:12px;white-space:nowrap}.reference{position:absolute;top:8px;right:8px;width:110px;background:#fff9eddf;border:1px solid var(--line);border-radius:8px;padding:4px}.reference canvas{width:100%;display:block}.reference button{width:100%;font-size:11px;padding:4px;min-height:44px}.reference.collapsed canvas{display:none}.challenge-instructions{padding:12px 4px}.page-view{max-width:1100px;margin:auto;padding:30px}.view-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.view-heading p{font-size:14px}.view-heading>div:last-child{display:flex;gap:8px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.level-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.level-card{display:flex;align-items:center;gap:16px;padding:12px 16px;text-align:left}.level-card canvas{width:90px;height:90px}.level-card strong{font-size:20px}.level-card small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.stars{color:#bb8031;font-size:18px;letter-spacing:2px}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.gallery-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden}.gallery-card>img{width:100%;aspect-ratio:1;object-fit:contain}.gallery-card .gallery-body{padding:12px}.gallery-card h3{margin:0 0 4px}.gallery-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.gallery-actions button{font-size:12px;padding:8px 10px}.storage-note{font-size:12px;margin-bottom:20px}.empty{padding:50px 20px;text-align:center;border:1px dashed var(--line);border-radius:14px;grid-column:1/-1}.tray-layout{display:grid;grid-template-columns:minmax(0,600px) 200px;gap:25px;justify-content:center}.tray-layout canvas{width:100%;border-radius:16px;touch-action:none}.tray-layout label{display:block;font-size:13px;margin:12px 0}.tray-layout input{display:block;width:100%;accent-color:var(--berry)}.tray-layout select{width:100%;min-height:44px}.about{padding:18px 30px;max-width:1100px;margin:0 auto;font-size:13px}.about summary{color:var(--muted);cursor:pointer;min-height:44px;padding:10px 0}.about-body{max-width:760px;padding-bottom:30px}.about-body h2{margin-top:10px;font-size:24px}.about-body h3{margin-bottom:8px}.about-body p{line-height:1.75}.noscript{padding:30px}dialog{width:min(560px,calc(100% - 24px));max-height:calc(100svh - 28px);border:1px solid var(--line);padding:26px;background:var(--paper);color:var(--ink);border-radius:16px;box-shadow:0 20px 90px #3e281d4d;overflow:auto}dialog::backdrop{background:#49312866;backdrop-filter:blur(3px)}dialog h2{font-size:26px;margin-bottom:10px}.dialog-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.modal-fields{display:grid;gap:14px;margin-top:18px}.modal-fields label{font-size:13px}.modal-fields input:not([type=checkbox]),.modal-fields select{width:100%;min-height:44px;margin-top:6px}.result-score{text-align:center;padding:10px}.result-score strong{font-size:48px;color:var(--berry);display:block}.metrics{display:grid;gap:8px}.metric-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:8px 0;font-size:13px}.result-image{width:100%;max-height:240px;object-fit:contain}.legend{font-size:12px;display:flex;gap:12px}.missed{color:#228293}.extra{color:#bf4263}#notice{position:fixed;z-index:10010;bottom:80px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px);padding:12px 20px;border-radius:12px;background:var(--ink);color:var(--cream);box-shadow:var(--shadow);font-size:13px;pointer-events:none;opacity:0;transition:opacity .15s}#notice.visible{opacity:1}.rex-progress-pill{display:none!important}.rex-account-modal{z-index:11000}#canvas-cursor{position:absolute;border:2px solid var(--berry);width:15px;height:15px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}.recent-label{font-size:11px;color:var(--muted);margin-top:12px}.tool-note{font-size:12px;margin:10px 0}.tool-choice{width:100%;min-height:44px;padding:9px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.export-preview{width:100%;max-height:260px;object-fit:contain;background:repeating-conic-gradient(#eadfda 0% 25%,#fff9ed 0% 50%) 50%/16px 16px;border-radius:10px}
@media(max-width:1050px){.header{padding:0 18px}.brand{font-size:20px}.header-links a{font-size:11px}.header nav button{font-size:12px;padding:10px}.workbench{grid-template-columns:150px minmax(0,1fr) 190px;gap:12px;padding:0 18px 16px}.studio-heading{padding:16px 18px}.studio-heading h2{font-size:24px}.home{gap:25px;padding:28px 20px}.welcome-copy{padding:0}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.header{height:60px;padding:0 14px;gap:8px}.brand{font-size:17px;gap:7px;white-space:normal;line-height:1.05;text-align:left}.brand>span>span{display:block}.brand>svg{width:32px;height:32px}.header-links{gap:2px}.header-links a{font-size:0;display:grid;place-items:center;min-width:44px;min-height:44px}.header-links a:before{content:'↗';font-size:20px}.header:has(nav:not([hidden])) .brand{font-size:14px;gap:4px}.header:has(nav:not([hidden])) .brand>svg{width:24px;min-width:24px}.header nav{gap:0}.header nav button{font-size:11px;padding:8px;min-width:44px}.header nav button[data-nav=studio]{display:none}.home{display:flex;flex-direction:column;align-items:stretch;padding:24px 20px;gap:20px;min-height:0}.welcome-copy{order:0}h1{font-size:32px;max-width:none;letter-spacing:-.8px;margin-bottom:10px}.intro{font-size:17px;max-width:330px;margin-bottom:18px}.modes{gap:9px;max-width:none}.mode{padding:11px 13px;gap:10px;min-height:74px}.mode strong{font-size:21px}.mode small{font-size:12px}.mode .mode-icon{width:28px}.mode-icon svg{width:27px}.mode .play{width:44px;flex-shrink:0}.hero-art{height:240px;width:100%;object-fit:contain;object-position:center;order:1;max-height:none}.home-note{margin:14px 0 0;max-width:none}.studio-heading{padding:10px 12px 8px;align-items:center}.studio-heading h2{font-size:20px;letter-spacing:-.3px}.studio-heading p{font-size:11px;max-width:235px}.document-actions{gap:4px}.document-actions button{font-size:11px;padding:8px}.document-actions svg{display:none}.workbench{display:flex;flex-direction:column;padding:0 12px 14px;gap:6px}.tools{display:contents}.tool-buttons{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;order:0}.tool-buttons button{flex-direction:column;justify-content:center;gap:2px;text-align:center;padding:4px 1px;font-size:9px;min-height:47px;border-radius:8px}.tool-buttons svg{width:18px;height:18px}.inspector{order:1;padding:2px 0;display:flex;align-items:center;gap:6px;min-height:49px}.inspector h3,.inspector .recent-label,.inspector .tool-note,.inspector .recent-palette{display:none}.tip-list{display:none}.mobile-tip{display:block;width:82px;min-width:82px;min-height:44px;padding:5px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font-size:11px}.tip-list button{flex:1 1 0;min-width:44px;padding:4px 1px;font-size:9px}.tip-list .tip-mark{display:none}.palette{gap:1px;flex-wrap:nowrap;overflow-x:auto;min-width:0;flex:1}.palette .color{min-width:44px;width:44px;height:44px;padding:5px;flex-shrink:0}.palette .color span{width:27px;height:27px}.palette .color:nth-child(n+5){display:block}.color-options{margin:0;gap:2px}.custom-color{width:44px}.eyedropper{display:none}.inspector .tool-choice{width:auto;max-width:132px;font-size:12px}.canvas-column{order:2}.canvas-wrap{width:min(100%,calc(100svh - 360px));max-width:440px}.edit-actions{gap:3px;margin-top:6px;width:100%;flex-wrap:nowrap}.edit-actions button{flex:1;padding:7px 4px;gap:4px;font-size:10px;min-width:44px}.edit-actions svg{width:15px}.zoom-controls{bottom:7px;right:7px}.zoom-controls button{font-size:11px;padding:4px;min-width:44px;min-height:44px}.setup{order:3}.setup details{padding:0 10px}.setup summary{font-size:14px;min-height:44px}.setup-content{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:12px}.reference{width:78px}.reference button{font-size:10px}.tray-strip{margin-top:6px}.tray-cookie{width:44px;height:44px}.tray-strip .add-cookie{font-size:11px}.page-view{padding:20px 16px}.view-heading{gap:10px;align-items:flex-start;margin-bottom:16px}.view-heading h2{font-size:26px}.view-heading p{font-size:12px}.view-heading button{font-size:12px;padding:8px}.view-heading>div:last-child{flex-wrap:wrap}.level-list{grid-template-columns:1fr;gap:10px}.level-card{padding:10px 12px;gap:14px}.level-card canvas{width:73px;height:73px}.level-card strong{font-size:19px}.tabs{gap:5px}.tabs button{font-size:12px;padding:8px 10px;flex:1}.gallery-grid{grid-template-columns:1fr}.about{padding:8px 18px}.tray-layout{display:flex;flex-direction:column;gap:10px}.tray-layout canvas{max-width:520px;align-self:center}.tray-layout #tray-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tray-layout #tray-options button{grid-column:1/-1}#notice{bottom:18px}.header-links button{min-width:44px}}
@media(max-width:400px){.studio-heading h2{font-size:18px}.studio-heading p{font-size:10px}.home{padding:19px 18px}.hero-art{height:190px}.mode{min-height:72px}.header nav button{font-size:10px;padding:7px}.tip-list button{min-width:35px}.inspector{gap:2px}.palette .color{min-width:44px;width:44px;padding:5px}.palette .color span{width:25px;height:25px}.color-options{gap:0}.custom-color{width:40px}.brand{font-size:16px}.header{padding:0 10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}


/* Keep scoring and its next actions visible on short screens. */
dialog:has(.result-score){padding:20px}.result-score{padding:4px}.result-score p{margin:2px 0}.result-image{max-height:150px}.metrics{gap:3px}.metric-row{padding:6px 0}.result-score~.dialog-actions{margin-top:10px}
@media(max-width:600px){dialog:has(.result-score){padding:14px}dialog:has(.result-score) h2{font-size:23px}.result-score strong{font-size:36px}.result-score p{font-size:12px}.result-score~p{font-size:12px}.result-image{max-height:96px}.metric-row{padding:4px 0;font-size:12px}.result-score~.dialog-actions{gap:4px}.result-score~.dialog-actions button{font-size:12px;padding:7px 10px}.legend{font-size:11px}}

/* Maintain a useful work area at enlarged text and keep controls off the cookie. */
.canvas-wrap{width:min(100%,max(280px,calc(100svh - 350px)),650px)}
.canvas-toolbar{width:100%;max-width:650px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.zoom-controls{position:static;opacity:1;margin-left:auto;flex-shrink:0}
.reference{position:static;display:flex;align-items:center;gap:6px;width:auto;max-width:100%;padding:4px;flex-shrink:0}
.reference canvas{width:64px;height:64px;flex-shrink:0}.reference button{width:90px;flex-shrink:0}.reference.collapsed canvas{display:none}
#tool-hint{color:var(--muted);font-size:12px}.tray-layout{grid-template-areas:'canvas options'}.tray-layout>canvas{grid-area:canvas}#tray-options{grid-area:options}
.tray-layout select{border:1px solid var(--line);border-radius:8px;padding:8px;background:var(--paper);color:var(--ink)}.tray-layout input[type=range]{height:44px;margin:0;min-width:0}
@media(max-width:760px){
 .canvas-wrap{width:min(100%,max(240px,calc(100svh - 430px)));max-width:440px}
 .canvas-toolbar{max-width:440px;gap:4px}.reference{gap:4px}.reference canvas{width:48px;height:48px}.reference button{width:78px}.zoom-controls{gap:3px}#tool-hint{font-size:10px}
 #tray-view{padding:12px 16px}.tray-layout #tray-options{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px 8px;order:-1}
 .tray-layout #tray-options label{grid-column:span 2;min-width:0;margin:0;font-size:12px}.tray-layout #tray-options select{font-size:12px;margin-top:4px;min-width:0}
 .tray-layout #tray-options button{grid-column:span 3;font-size:12px;padding:8px;align-self:end}
 .tray-layout canvas{width:min(100%,max(240px,calc(100svh - 335px)));max-width:520px}
 #tray-view .view-heading{margin-bottom:10px;gap:10px}#tray-view .view-heading h2{font-size:24px}#tray-view .view-heading p{margin:4px 0;font-size:12px}#tray-view .view-heading>div:last-child{flex-direction:column;gap:4px}
}
/* Short landscape screens use the side column for controls, never the cookie. */
@media(min-width:761px) and (max-height:500px){
 .header{height:48px}.studio-heading{padding:6px 18px}.studio-heading h2{font-size:22px}.studio-heading p{font-size:12px;margin-top:3px}
 .workbench{position:relative}.canvas-wrap{width:min(100%,max(240px,calc(100svh - 150px)))}
 .canvas-toolbar{position:absolute;right:18px;top:0;width:190px;flex-direction:column;align-items:flex-end;gap:4px}
 .canvas-column .edit-actions{position:absolute;right:18px;top:130px;width:190px;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:4px}
 .setup{padding-top:230px}.tool-buttons{grid-template-columns:1fr 1fr;gap:2px}.tool-buttons button{font-size:11px;padding:4px;gap:4px}
 .inspector{padding:4px 0}.tip-list{display:none}.mobile-tip{display:block;width:100%;min-height:44px;font-size:12px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}
 .palette{flex-wrap:nowrap;overflow-x:auto}.palette .color{flex-shrink:0}.reference canvas{width:54px;height:54px}
}
.tray-layout>canvas{width:min(100%,max(280px,calc(100svh - 230px)),600px);aspect-ratio:1;height:auto;justify-self:center}
@media(max-width:760px){.tray-layout>canvas{width:min(100%,max(240px,calc(100svh - 335px)));max-width:520px}}
@media(min-width:761px) and (max-height:500px){
 #tray-view{padding:12px 18px}#tray-view .view-heading{margin-bottom:10px}#tray-view .view-heading h2{font-size:24px}#tray-view .view-heading p{font-size:12px;margin:4px 0}
 .tray-layout>canvas{width:min(100%,max(240px,calc(100svh - 150px)))}.tray-layout #tray-options{display:grid;grid-template-columns:1fr 1fr;gap:6px}
 .tray-layout #tray-options label{margin:0;font-size:12px}.tray-layout #tray-options label:first-child{grid-column:1/-1}.tray-layout #tray-options button{font-size:12px;padding:8px}
}
@media(min-width:761px) and (max-height:500px){
 .home{grid-template-columns:minmax(0,1fr) 210px;align-items:start;min-height:0;padding:12px 18px;gap:20px}.home h1{font-size:32px;margin-bottom:8px}.intro{font-size:16px;line-height:1.35;max-width:none;margin-bottom:10px}
 .modes{gap:6px;max-width:none}.mode{min-height:60px;padding:6px 10px;gap:10px}.mode strong{font-size:20px}.mode small{font-size:12px;margin-top:1px}.mode .mode-icon{width:26px}.mode-icon svg{width:24px;height:24px}.play{flex-shrink:0}
 .hero-art{width:210px;height:210px;object-fit:contain;margin-top:20px}.home-note{margin:6px 0 0;max-width:none}
}