.toolbox{max-width:1180px;margin-inline:auto}.toolbox-intro{margin-bottom:24px}.toolbox-intro h1{font-size:clamp(24px,4vw,36px);line-height:1.35}.toolbox-intro nav{display:flex;flex-wrap:wrap;gap:10px}.toolbox-intro nav a{padding:10px 14px;border:1px solid #cdd7c7;border-radius:8px;background:#fff}.toolbox .panel{margin-block:20px;padding:24px;scroll-margin-top:20px}.toolbox h2{margin-top:0}.toolbox label{display:grid;gap:7px}.toolbox textarea{width:100%;box-sizing:border-box;resize:vertical}.toolbox .row-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.toolbox video{display:block;width:100%;max-height:450px;background:#17251d;border-radius:10px}.toolbox-image-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px}.toolbox canvas{display:block;max-width:100%;height:auto;max-height:520px;object-fit:contain;background:repeating-conic-gradient(#e7ebe3 0% 25%,#fff 0% 50%) 50%/20px 20px;border:1px solid #cdd7c7}.toolbox-fields{display:grid;gap:14px;align-content:start}.toolbox-dimensions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toolbox .check{display:flex;align-items:center}.toolbox input[type=range]{width:100%}.toolbox input[type=color]{width:100%;height:40px}.toolbox [hidden]{display:none!important}.toolbox :is(input,select,textarea){min-width:0;max-width:100%}.toolbox [role=status]{overflow-wrap:anywhere}.toolbox a.button{text-align:center}.toolbox button,.toolbox .button{min-height:44px}@media(max-width:800px){.toolbox .panel{padding:16px}.toolbox-image-layout{grid-template-columns:1fr}.toolbox-intro nav{display:grid;grid-template-columns:1fr 1fr}.toolbox-intro nav a{text-align:center}.toolbox .row-actions>*{flex:1;text-align:center}.toolbox :is(input,select,textarea){font-size:16px}.toolbox canvas{max-height:340px}}