.dropzone{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;padding:16px 10px;border:1.5px dashed #a9b7a3;border-radius:10px;background:#f8faf5;color:#284e45;cursor:pointer}.dropzone small{font-size:10px;color:#82907e}.dropzone:hover{border-color:#284e45;background:#eef3ea}.tool-row{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.tool-row button{flex:1;min-width:0;padding:6px 8px;font-size:11px}.tool-row button.active{background:#284e45;color:#fff;border-color:#284e45}.link-button{background:none;border:0;padding:4px 0;color:#5d6b58;text-decoration:underline;font-size:11px;cursor:pointer}#photo-status.busy:before{content:"";display:inline-block;width:10px;height:10px;margin-right:6px;border:2px solid #284e45;border-right-color:transparent;border-radius:50%;vertical-align:-1px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#cutout{position:relative;flex:1;min-height:360px;border-radius:14px;overflow:hidden;border:1px solid #d7ddd1;display:grid;place-items:center;padding:14px;background-color:#fff;background-image:linear-gradient(45deg,#eef0ea 25%,transparent 25%,transparent 75%,#eef0ea 75%),linear-gradient(45deg,#eef0ea 25%,transparent 25%,transparent 75%,#eef0ea 75%);background-size:20px 20px;background-position:0 0,10px 10px}#cutout.drop{outline:3px dashed #284e45;outline-offset:-8px}#paint{max-width:100%;max-height:100%;touch-action:none;cursor:crosshair;position:absolute;inset:0;margin:auto;width:auto;height:auto}#cutout .empty{text-align:center;max-width:320px;color:#5d6b58;background:#fffd;padding:20px;border-radius:12px}#cutout .empty b{font-size:16px;color:#284e45}#brush-ring{position:absolute;pointer-events:none;border-radius:50%;border:2px solid #4f7a45;box-shadow:0 0 0 1px #fff}#brush-ring.erase{border-color:#c84b3c}#swatches label{display:flex;align-items:center;justify-content:space-between;gap:8px}