.canvas-stage.ready{min-height:0;padding:0;overflow:hidden}
#previewCanvas{display:none!important}
.steam-profile-preview{position:relative;width:100%;min-height:420px;background-color:#000;background-repeat:no-repeat;background-position:50% 0;background-size:100% auto;overflow:hidden}
.steam-profile-mask{position:absolute;top:0;left:50%;width:50.8%;height:97.5%;transform:translateX(-50%);pointer-events:none}
.steam-profile-mask svg{display:block;width:100%;height:100%}
.tool-hero{display:block;min-height:auto;padding:84px 0 20px}
h1{margin:20px 0 20px;max-width:760px;font-size:clamp(44px,8vw,96px);line-height:.9;letter-spacing:-.075em;font-weight:800;text-transform:uppercase;text-shadow:4px 0 rgba(88,166,255,.17),-3px 0 rgba(255,109,141,.12)}
.button{min-height:46px;padding:0 17px;font-size:12px;letter-spacing:.04em;transition:transform .2s,border-color .2s,background .2s,color .2s}
.button:hover:not(:disabled){transform:translateY(-2px);border-color:var(--acid);color:var(--acid);background:rgba(125,243,218,.1)}
.button.primary:hover:not(:disabled){color:#07100f;box-shadow:0 0 28px rgba(125,243,218,.25)}
.url-row input{height:46px}
.mini-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0 17px;border:1px solid var(--acid);color:#07100f;background:var(--acid);font-size:12px;font-weight:800;letter-spacing:.04em;transition:transform .2s,border-color .2s,background .2s,color .2s,box-shadow .2s}
.mini-button:hover{transform:translateY(-2px);box-shadow:0 0 28px rgba(125,243,218,.25)}
.preset{grid-template-columns:1fr auto;cursor:default}
.preset:hover{border-color:rgba(125,243,218,.1);background:rgba(0,0,0,.16)}
.preset-size{text-align:right}
@media(max-width:800px){.canvas-stage.ready{min-height:0;padding:0}}