.frame-mod{color:#8fdfff;border-color:#24527a}.frame-stage{position:relative;width:100%}.frame-stage canvas{display:block;width:100%;height:auto}.frame-box{position:absolute;border:2px solid #8fdfff;border-radius:10px;box-shadow:0 0 0 9999px rgba(4,10,18,.42);display:none;touch-action:none}.frame-box::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.35);border-radius:8px;pointer-events:none}.frame-handle{position:absolute;width:18px;height:18px;border-radius:999px;background:#8fdfff;border:2px solid #081018;touch-action:none}.frame-handle.tl{left:-9px;top:-9px}.frame-handle.tr{right:-9px;top:-9px}.frame-handle.bl{left:-9px;bottom:-9px}.frame-handle.br{right:-9px;bottom:-9px}.frame-card{margin-top:16px;display:none;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px}.frame-card.visible{display:block}.frame-card-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.frame-title{font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#8fdfff}.frame-sub{font-family:var(--mono);font-size:.62rem;color:var(--muted)}.frame-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.frame-grid .field{margin-bottom:0}.frame-grid select{width:100%;background:var(--surface2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-family:var(--mono);font-size:.72rem}.frame-grid label{display:block;font-family:var(--mono);font-size:.62rem;color:var(--muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.08em}.frame-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.frame-note{margin-top:10px;font-family:var(--mono);font-size:.62rem;color:var(--muted);line-height:1.5}.btn.btn-ghost{background:var(--surface2);border:1px solid var(--border);color:var(--text)}@media (max-width:680px){.frame-grid,.frame-actions{grid-template-columns:1fr}}