.splitView-settings .grid{--grid-gap: 1em}.field-group{display:flex;flex-direction:column;gap:1em}.field-group label{font-weight:calc(var(--font-weight) + 100);margin-left:.5em}.field-group textarea,.field-group input,.field-group select{font-size:1.2em}.file-input-wrapper{position:relative;display:inline-block;width:100%}.file-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:1px dashed var(--border);border-radius:1rem;background-color:var(--card-bg);cursor:pointer;font-size:.875rem;color:var(--secondary);min-height:2.5rem}input[type=file]{position:absolute;left:0;top:0;opacity:0;width:100%;height:100%;cursor:pointer}.preview-box{width:100%;aspect-ratio:1;background-image:radial-gradient(var(--border),.1em,transparent .1em);background-size:1em 1em;background-repeat:round;border-radius:1em;display:flex;align-items:center;justify-content:center;padding:.5rem;margin-bottom:1.25rem}@media(min-width:601px){.splitView{display:grid;grid-template-columns:1fr auto;gap:2rem;position:relative}.splitView .splitView-preview{position:sticky;top:var(--nav-height);align-self:start}canvas{max-width:min(300px,25vw);max-width:min(300px,25dvw)}.mobile-preview-button-container{display:none}}@media only screen and (max-width:600px){.splitView-preview{display:none}canvas{max-width:min(267px,75vw);max-width:min(267px,75dvw)}.mobile-preview-button-container{float:right;position:sticky;top:calc(var(--nav-height) + .5rem);margin-bottom:1em;z-index:10}}