/* The cover follows the available window, while its actions stay in view. */
.home-screen{height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto auto auto auto;gap:5px;--minitool-row-gap:5px;--minitool-column-gap:5px;grid-gap:5px;gap:clamp(5px,1.2dvh,12px);padding:calc(12px + var(--safe-area-inset-top,0px)) calc(20px + var(--safe-area-inset-right,0px)) calc(12px + var(--safe-area-inset-bottom,0px)) calc(20px + var(--safe-area-inset-left,0px));padding:calc(clamp(12px,2.6dvh,24px) + var(--safe-area-inset-top,env(safe-area-inset-top,0px))) calc(clamp(20px,6vw,38px) + var(--safe-area-inset-right,env(safe-area-inset-right,0px))) calc(clamp(12px,2.6dvh,24px) + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px))) calc(clamp(20px,6vw,38px) + var(--safe-area-inset-left,env(safe-area-inset-left,0px)));overflow:hidden}
.home-copy{display:contents}
.home-screen .home-header{grid-row:1;min-height:44px}
.home-screen .home-header .icon-button{width:44px;height:44px;flex-shrink:0}
.home-screen .home-heading{grid-row:2;margin:0;min-width:0}
.home-screen .home-heading h1{font-size:26px;font-size:clamp(26px,7.6vw,36px);margin:9px 0 12px;white-space:nowrap}
.home-screen .eyebrow{font-size:10px;letter-spacing:2px}
.home-screen .subtitle{font-size:9px;letter-spacing:1px;--minitool-row-gap:8px;--minitool-column-gap:8px;grid-gap:8px;gap:8px}
.home-screen .cover-art{--cover-size:min(100cqw,calc(100cqh * 360 / 310));container-type:size;grid-row:3;min-width:0;min-height:0;width:100%;height:100%;margin:0;max-height:420px;align-self:center}
.home-screen .tower-art{width:var(--cover-size);height:calc(var(--cover-size) * 310 / 360);top:50%;right:auto;bottom:auto;left:50%;inset:50% auto auto 50%;transform:translate(-50%,-50%)}
.home-screen .cover-bear{width:calc(var(--cover-size) * .403);height:calc(var(--cover-size) * .436);left:calc(50% - var(--cover-size) * .442);bottom:calc(50% - var(--cover-size) * .35)}
.home-screen .cover-note{right:calc(50% - var(--cover-size) * .43);bottom:calc(50% - var(--cover-size) * .43);font-size:8px;font-size:clamp(8px,2.8cqw,11px)}
.home-screen .little-star{left:calc(50% - var(--cover-size) * .442);bottom:calc(50% - var(--cover-size) * .3);font-size:16px;font-size:clamp(16px,8cqw,31px)}
.home-screen .home-description{grid-row:4;font-size:11px;line-height:1.9;margin:0}
.home-screen .feedback-host{grid-row:5;min-height:0;max-height:20vh;max-height:calc(var(--minitool-vh,1vh) * 20);max-height:20dvh;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;margin:0}
.home-screen .feedback-host::-webkit-scrollbar{display:none}
.home-screen .home-actions{grid-row:6;display:grid;--minitool-row-gap:8px;--minitool-column-gap:8px;grid-gap:8px;gap:8px;margin:0;padding:0;min-width:0}
.home-screen .home-actions .primary-button{min-height:48px;padding:13px 18px;font-size:13px}
.home-screen .home-footer{grid-row:7;margin:4px 0 0;padding:10px 0 0;min-height:0;font-size:9px;--minitool-row-gap:20px;--minitool-column-gap:20px;grid-gap:20px;gap:20px}
@media(max-height:650px){
  .home-screen{--minitool-row-gap:5px;--minitool-column-gap:5px;grid-gap:5px;gap:5px;padding-top:calc(8px + var(--safe-area-inset-top,0px));padding-top:calc(8px + var(--safe-area-inset-top,env(safe-area-inset-top,0px)));padding-bottom:calc(10px + var(--safe-area-inset-bottom,0px));padding-bottom:calc(10px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)))}
  .home-screen .home-heading h1{font-size:28px;margin:5px 0 7px}
  .home-screen .home-description{font-size:10px;line-height:1.6}
  .home-screen .home-actions{--minitool-row-gap:6px;--minitool-column-gap:6px;grid-gap:6px;gap:6px}
  .home-screen .home-actions .primary-button{min-height:44px;padding-top:10px;padding-bottom:10px;padding-block:10px;font-size:12px}
  .home-screen .home-footer{padding-top:7px;margin-top:2px}
}
@media(max-height:480px){
  .home-screen .home-description,.home-screen .home-footer{display:none}
  .home-screen .home-heading .eyebrow{display:none}
  .home-screen .home-heading h1{font-size:26px;margin:0 0 5px}
  .home-screen .cover-note{display:none}
}
@media(max-width:479px) and (max-height:480px){
  .home-screen.minitool-has-feedback .cover-art{display:none}
  .home-screen:has(.feedback-notice) .cover-art{display:none}
  .home-screen.minitool-has-feedback .feedback-host{grid-row:3 / 6;max-height:none;align-self:stretch}
  .home-screen:has(.feedback-notice) .feedback-host{grid-row:3 / 6;max-height:none;align-self:stretch}
}
/* Wide windows open the cover across two pages, including phone landscape. */
@media(min-width:850px),(min-width:480px) and (min-aspect-ratio:6/5){
  .home-screen{grid-template-columns:minmax(0,1.15fr) minmax(230px,1fr);grid-template-rows:44px minmax(0,1fr);column-gap:20px;--minitool-column-gap:20px;grid-column-gap:20px;column-gap:clamp(20px,5vw,84px);--minitool-row-gap:12px;grid-row-gap:12px;row-gap:12px;padding-inline:calc(20px + var(--safe-area-inset-left,0px)) calc(20px + var(--safe-area-inset-right,0px));padding-left:calc(20px + var(--safe-area-inset-left,0px));padding-right:calc(20px + var(--safe-area-inset-right,0px));padding-inline:calc(clamp(20px,5vw,96px) + var(--safe-area-inset-left,env(safe-area-inset-left,0px))) calc(clamp(20px,5vw,96px) + var(--safe-area-inset-right,env(safe-area-inset-right,0px)))}
  .home-screen .home-header{grid-column:1 / -1;grid-row:1}
  .home-screen .cover-art{grid-column:1;grid-row:2;max-height:620px}
  .home-copy{grid-column:2;grid-row:2;display:flex;flex-direction:column;justify-content:center;gap:10px;--minitool-row-gap:10px;--minitool-column-gap:10px;grid-gap:10px;gap:clamp(10px,2.3dvh,24px);min-width:0;min-height:0;width:100%;max-width:520px;justify-self:center}
  .home-screen .home-heading h1{font-size:26px;font-size:clamp(26px,3.4vw,48px);margin:10px 0 15px}
  .home-screen .home-heading .eyebrow{font-size:11px}
  .home-screen .home-description{font-size:12px;line-height:2}
  .home-screen .feedback-host{flex:0 1 auto;max-height:26vh;max-height:calc(var(--minitool-vh,1vh) * 26);max-height:26dvh}
  .home-screen .home-actions{flex-shrink:0;--minitool-row-gap:10px;--minitool-column-gap:10px;grid-gap:10px;gap:10px}
  .home-screen .home-actions .primary-button{min-height:50px;font-size:14px}
  .home-screen .home-footer{flex-shrink:0;padding-top:16px;margin:0}
}
@media(min-width:480px) and (min-aspect-ratio:6/5) and (max-height:480px){
  .home-screen{grid-template-columns:minmax(0,1fr) minmax(230px,1fr);--minitool-row-gap:6px;--minitool-column-gap:24px;grid-gap:6px 24px;gap:6px 24px;padding:calc(10px + var(--safe-area-inset-top,0px)) calc(20px + var(--safe-area-inset-right,0px)) calc(10px + var(--safe-area-inset-bottom,0px)) calc(20px + var(--safe-area-inset-left,0px));padding:calc(10px + var(--safe-area-inset-top,env(safe-area-inset-top,0px))) calc(20px + var(--safe-area-inset-right,env(safe-area-inset-right,0px))) calc(10px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px))) calc(20px + var(--safe-area-inset-left,env(safe-area-inset-left,0px)))}
  .home-screen .home-header .edition{font-size:7px;letter-spacing:1px}
  .home-copy{--minitool-row-gap:10px;--minitool-column-gap:10px;grid-gap:10px;gap:10px}
  .home-screen .home-heading h1{font-size:24px;font-size:clamp(24px,3.8vw,32px);margin:0 0 8px}
  .home-screen .home-heading .eyebrow,.home-screen .home-description,.home-screen .home-footer{display:none}
  .home-screen .home-actions{--minitool-row-gap:6px;--minitool-column-gap:6px;grid-gap:6px;gap:6px}
  .home-screen .home-actions .primary-button{min-height:44px;padding:10px 15px;font-size:12px}
  .home-screen .feedback-host{max-height:24vh;max-height:calc(var(--minitool-vh,1vh) * 24);max-height:24dvh}
  .home-screen .feedback-notice{margin-top:0;margin-bottom:0;margin-block:0;padding-top:5px;padding-bottom:5px;padding-block:5px}
}
@media(min-width:480px) and (min-aspect-ratio:6/5) and (max-height:280px){
  .home-copy{--minitool-row-gap:6px;--minitool-column-gap:6px;grid-gap:6px;gap:6px}
  .home-screen .home-heading h1{font-size:24px;margin:0}
  .home-screen .home-heading .subtitle{display:none}
  .home-screen .home-actions{--minitool-row-gap:4px;--minitool-column-gap:4px;grid-gap:4px;gap:4px}
  .home-screen.minitool-has-feedback .home-copy{display:contents}
  .home-screen:has(.feedback-notice) .home-copy{display:contents}
  .home-screen.minitool-has-feedback .cover-art{display:none}
  .home-screen:has(.feedback-notice) .cover-art{display:none}
  .home-screen.minitool-has-feedback .home-header{grid-column:1}
  .home-screen:has(.feedback-notice) .home-header{grid-column:1}
  .home-screen.minitool-has-feedback .home-heading{grid-column:2;grid-row:1;align-self:center}
  .home-screen:has(.feedback-notice) .home-heading{grid-column:2;grid-row:1;align-self:center}
  .home-screen.minitool-has-feedback .feedback-host{grid-column:1;grid-row:2;max-height:none;align-self:stretch}
  .home-screen:has(.feedback-notice) .feedback-host{grid-column:1;grid-row:2;max-height:none;align-self:stretch}
  .home-screen.minitool-has-feedback .home-actions{grid-column:2;grid-row:2;align-self:center}
  .home-screen:has(.feedback-notice) .home-actions{grid-column:2;grid-row:2;align-self:center}
}