.photo-tools{max-width:1200px}.tools-intro{max-width:760px}.tools-links,.tools-actions{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.tools-grid{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:24px;align-items:start}.tools-panel{border:1px solid #dbe3ee;border-radius:16px;padding:24px;background:#fff;min-width:0}.tools-panel .form-control,.tools-panel .form-select,.tools-panel .btn{min-height:44px}.tools-preview{position:sticky;top:88px}.tools-canvas-wrap{background-color:#f0f0f0;background-image:linear-gradient(45deg,#ddd 25%,transparent 25%),linear-gradient(-45deg,#ddd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ddd 75%),linear-gradient(-45deg,transparent 75%,#ddd 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;border:1px solid #dbe3ee;border-radius:8px;overflow:hidden}.tools-canvas-wrap canvas{display:block;width:100%;height:auto;object-fit:contain;touch-action:pan-y}.tools-canvas-wrap canvas.erasing{touch-action:none;cursor:crosshair}.tools-panel [hidden]{display:none!important}.tools-help{padding:24px;border-radius:16px;background:#f4f7fc}.tools-home{background:linear-gradient(120deg,#edf5ff,#e8faf4);border:1px solid #dbe8ef;border-radius:16px;padding:24px}.tools-home .btn{min-height:44px;white-space:normal}.tools-panel fieldset{min-width:0}@media(max-width:767.98px){.tools-grid{grid-template-columns:1fr;gap:16px}.tools-panel{padding:16px}.tools-preview{position:static;grid-row:1}.tools-canvas-wrap canvas{max-height:none}.tools-links .btn{flex:1 1 145px}.tools-intro h1{font-size:1.8rem}}
.photo-tools:not(.photo-loaded) #photoControls,.photo-tools:not(.photo-loaded) .tools-canvas-wrap{display:none}