.extra-panel{margin:24px 0;padding:20px;border:1px solid #dce2ee;border-radius:16px;background:#f8faff}.extra-controls{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.extra-controls label{display:flex;flex-direction:column;gap:6px;flex:1 1 160px;font-size:1rem;min-width:0}.extra-controls input,.extra-controls select,.extra-controls textarea{padding:10px;border:1px solid #c8d1e0;border-radius:8px;max-width:100%;min-width:0;background:white;color:#17233c;font:inherit}.extra-controls textarea{min-height:85px}.extra-stage{position:relative;max-width:850px;margin:16px auto;line-height:0;background:white;box-shadow:0 2px 12px #17233c22}.extra-stage canvas{width:100%;height:auto;display:block}.extra-stage canvas+canvas{position:absolute;inset:0;touch-action:none;cursor:crosshair}.extra-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.extra-table{overflow:auto;max-height:350px}.extra-table table{border-collapse:collapse;background:white;min-width:100%}.extra-table td{padding:8px;border:1px solid #dce2ee;white-space:pre-wrap}.extra-panel[hidden]{display:none}.extra-panel p{line-height:1.7}.extra-panel>label{display:block;line-height:1.8}.extra-panel>label input{margin-inline-end:8px}@media(max-width:600px){.extra-panel{padding:12px}.extra-controls label{flex-basis:130px}.extra-actions .button{width:100%}}