.app{grid-template-rows:auto auto auto auto minmax(0,1fr) auto}
    .random-panel{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin:0!important}
    #randomStatus{white-space:normal;color:var(--muted);font-size:12px}
    button:disabled{opacity:.5;cursor:wait}
    #symmetry{color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:7px;min-height:36px}
    #paletteSelect{color:var(--text);background:#11161a;border:1px solid var(--line);border-radius:9px;padding:0 8px;height:36px}
    .paper[data-symmetry="mirror"]:before,.paper[data-symmetry="four"]:before{content:"";position:absolute;z-index:2;left:50%;top:0;bottom:0;border-left:1px dashed #327f7f66;pointer-events:none}
    .paper[data-symmetry="four"]:after{content:"";position:absolute;z-index:2;top:50%;left:0;right:0;border-top:1px dashed #327f7f66;pointer-events:none}
    .paper[data-tool="text"]{cursor:text}
    [hidden]{display:none!important}
    .text-controls input[type=text]{width:min(270px,32vw);height:36px;border:1px solid var(--line);border-radius:9px;background:#11161a;color:var(--text);padding:0 10px}
    .text-controls select{height:36px;border:1px solid var(--line);border-radius:9px;background:#11161a;color:var(--text);padding:0 8px}
    .stage{container-type:size}.paper{width:min(100%,160cqh);height:auto}
    @media(max-width:1099px){.app{grid-template-rows:auto auto auto auto auto auto}.palette-group{white-space:normal;flex-wrap:wrap}}