body{display:flex}#hamburger{display:none;position:fixed;top:0.65rem;left:0.75rem;z-index:200;background:none;border:none;cursor:pointer;padding:0.25rem;flex-direction:column;gap:5px}#hamburger span{display:block;width:24px;height:2px;background:currentColor;border-radius:2px}#hamburger[aria-expanded='true'] span:nth-child(1){transform:translateY(7px) rotate(45deg)}#hamburger[aria-expanded='true'] span:nth-child(2){opacity:0}#hamburger[aria-expanded='true'] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}#nav-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.4);z-index:99}#nav-overlay:not([hidden]){display:block}#sidebar{width:180px;flex-shrink:0;padding:1rem;border-right:1px solid}@media (max-width:600px){#hamburger{display:flex}#sidebar{position:fixed;top:0;left:0;height:100%;width:220px;z-index:100;background:Canvas;border-right:1px solid;padding:1rem;padding-top:3.5rem;transform:translateX(-100%);overflow-y:auto}#sidebar.sidebar-open{transform:translateX(0)}main{width:100%;padding-top:3rem}}#sidebar a.active{font-weight:bold}.sidebar-title{font-size:1.25rem;font-weight:bold;margin-bottom:1rem}main{flex:1;padding:1rem 2rem}.error{color:red}.drop-zone{border:2px dashed;padding:1.5rem;text-align:center;cursor:pointer}.output-box{white-space:pre-wrap;word-break:break-all;max-height:420px;overflow-y:auto}#crop-overlay{position:absolute;top:0;left:0;border:2px solid blue;box-sizing:border-box;pointer-events:none}.canvas-wrap{position:relative;display:inline-block;max-width:100%}.canvas-wrap canvas{display:block;max-width:100%}