.drh-tool[data-astro-cid-7euzklfi]{display:flex;flex-direction:column;min-height:100%;width:100%;box-sizing:border-box}.drh-tool[data-astro-cid-7euzklfi] [data-astro-cid-7euzklfi],.drh-tool[data-astro-cid-7euzklfi] [data-astro-cid-7euzklfi]:before,.drh-tool[data-astro-cid-7euzklfi] [data-astro-cid-7euzklfi]:after{box-sizing:border-box}.drh-toolbar[data-astro-cid-7euzklfi]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1rem;border-bottom:1px solid var(--border, rgba(255,255,255,.12));background:var(--surface, rgba(255,255,255,.02));backdrop-filter:blur(10px)}.toolbar-group[data-astro-cid-7euzklfi]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.tool-btn[data-astro-cid-7euzklfi]{width:38px;height:38px;border:1px solid var(--border, rgba(255,255,255,.14));border-radius:999px;background:var(--surface-alt, rgba(255,255,255,.03));color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease;user-select:none;-webkit-tap-highlight-color:transparent;padding:0;text-decoration:none}.tool-btn[data-astro-cid-7euzklfi]:hover{border-color:#ffffff4d}.tool-btn[data-astro-cid-7euzklfi]:active{transform:translateY(1px)}.tool-btn[data-astro-cid-7euzklfi].active,.tool-btn[data-astro-cid-7euzklfi][aria-pressed=true]{background:var(--accent, #8ea8ff);color:#fff;border-color:var(--accent, #8ea8ff);box-shadow:0 0 0 2px #8ea8ff33}.drh-canvas-wrapper[data-astro-cid-7euzklfi]{position:relative;flex:1;min-height:260px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg-alt, rgba(0,0,0,.2))}#main-canvas[data-astro-cid-7euzklfi]{max-width:100%;max-height:100%;display:block;border-radius:16px;background:repeating-conic-gradient(#cfcfcf 0% 25%,#fff 0% 50%) 50% / 16px 16px;touch-action:none}.drop-overlay[data-astro-cid-7euzklfi]{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#00000047;backdrop-filter:blur(6px);z-index:2}.drop-box[data-astro-cid-7euzklfi]{padding:1rem 1.25rem;border-radius:16px;border:2px dashed var(--accent, #8ea8ff);background:#ffffffeb;color:#111;font-weight:700}.drh-panel[data-astro-cid-7euzklfi]{padding:1rem;border-top:1px solid var(--border, rgba(255,255,255,.12));background:var(--surface, rgba(255,255,255,.02));display:grid;gap:1rem}.panel-section[data-astro-cid-7euzklfi]{display:grid;gap:.45rem}.panel-label[data-astro-cid-7euzklfi]{font-size:.9rem;opacity:.85}.small-note[data-astro-cid-7euzklfi]{margin:0;font-size:.82rem;opacity:.65;line-height:1.4}.drh-select[data-astro-cid-7euzklfi],input[data-astro-cid-7euzklfi][type=range]{width:100%}.drh-select[data-astro-cid-7euzklfi]{border:1px solid var(--border, rgba(255,255,255,.14));background:var(--surface-alt, rgba(255,255,255,.03));color:inherit;border-radius:12px;padding:.7rem .8rem}.export-buttons[data-astro-cid-7euzklfi]{gap:.55rem}.drh-btn[data-astro-cid-7euzklfi]{width:100%;padding:.8rem 1rem;border-radius:999px;border:1px solid var(--border, rgba(255,255,255,.18));background:transparent;color:inherit;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .12s ease}.drh-btn[data-astro-cid-7euzklfi]:hover{border-color:#ffffff4d}.drh-btn[data-astro-cid-7euzklfi]:active{transform:translateY(1px)}.drh-btn[data-astro-cid-7euzklfi].primary{background:var(--accent, #8ea8ff);color:#fff;border-color:var(--accent, #8ea8ff)}.preview-section[data-astro-cid-7euzklfi]{padding:1rem;border-top:1px solid var(--border, rgba(255,255,255,.12));background:transparent}.preview-grid[data-astro-cid-7euzklfi]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.preview-card[data-astro-cid-7euzklfi]{overflow:hidden;border:1px solid var(--border, rgba(255,255,255,.12));border-radius:14px;background:var(--surface, rgba(255,255,255,.02))}.preview-label[data-astro-cid-7euzklfi]{padding:.75rem .85rem;border-bottom:1px solid var(--border, rgba(255,255,255,.12));font-size:.88rem}.preview-canvas[data-astro-cid-7euzklfi]{width:100%;height:auto;display:block;background:repeating-conic-gradient(#cfcfcf 0% 25%,#fff 0% 50%) 50% / 16px 16px}@media(max-width:720px){.preview-grid[data-astro-cid-7euzklfi]{grid-template-columns:1fr}.drh-toolbar[data-astro-cid-7euzklfi]{flex-direction:column;align-items:stretch}.toolbar-group[data-astro-cid-7euzklfi]{justify-content:center}}