:root{--dm-accent:#8b5cf6;--dm-accent-hover:#7c3aed;--dm-border:#ffffff14}.sidebar-scrollable{flex:1;padding-bottom:24px;overflow-y:auto}.dm-thumbnail-container{flex-direction:column;gap:12px;margin-top:10px;display:flex}.dm-thumb-upload-box{border:1px dashed var(--dm-border);border-radius:var(--radius-md);text-align:center;cursor:pointer;color:var(--text-secondary);background:#ffffff03;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:11px;transition:all .2s;display:flex}.dm-thumb-upload-box:hover{border-color:var(--dm-accent);color:var(--text-primary);background:#8b5cf608}.dm-thumb-upload-box svg{color:var(--dm-accent)}.dm-thumb-item{border-radius:var(--radius-md);border:1.5px solid var(--dm-border);cursor:pointer;box-sizing:border-box;background:#ffffff05;align-items:center;height:64px;padding:6px;transition:all .2s;display:flex;position:relative;overflow:hidden}.dm-thumb-item:hover{background:#ffffff0a;border-color:#fff3}.dm-thumb-item.active{border-color:var(--dm-accent);box-shadow:0 0 0 1px var(--dm-accent);background:#8b5cf60d}.dm-thumb-preview{object-fit:cover;border-radius:var(--radius-sm);background:#000;border:1px solid #ffffff0f;width:52px;height:52px}.dm-thumb-delete-btn{color:#fff;cursor:pointer;opacity:.7;background:#0009;border:1px solid #ffffff1a;border-radius:50%;outline:none;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;transition:opacity .2s;display:flex;position:absolute;top:6px;right:6px}.dm-thumb-delete-btn:hover{opacity:1;background:#ef4444}.dm-thumb-index{color:var(--text-secondary);margin-left:12px;font-size:12px;font-weight:600}.dm-thumb-item.active .dm-thumb-index{color:#fff}.dm-apply-scope-wrapper{border-top:1px solid var(--dm-border);margin-top:10px;padding-top:12px}.dm-apply-scope-label{color:var(--text-muted);font-size:11px;font-weight:500}.dm-btn-scope{border:1px solid var(--dm-border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;background:#ffffff05;padding:8px;font-family:inherit;font-size:11px;transition:all .2s}.dm-btn-scope:hover{color:#fff;border-color:#fff3}.dm-btn-scope.active{border-color:var(--dm-accent);color:#fff;background:#8b5cf61a}.dm-categories-group{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.dm-btn-cat{border:1px solid var(--dm-border);color:var(--text-secondary);cursor:pointer;background:#ffffff05;border-radius:12px;padding:6px 12px;font-size:11px;transition:all .2s}.dm-btn-cat:hover{color:#fff;border-color:#ffffff26}.dm-btn-cat.active{background:var(--dm-accent);border-color:var(--dm-accent);color:#fff;box-shadow:0 2px 8px #8b5cf64d}.dm-finish-colors-row{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.dm-btn-finish-color{cursor:pointer;border:2px solid #0000;border-radius:50%;outline:none;width:28px;height:28px;padding:0;transition:all .2s;box-shadow:0 2px 4px #0003,inset 0 1px #ffffff26}.dm-btn-finish-color:hover{transform:scale(1.1)}.dm-btn-finish-color.active{box-shadow:0 0 0 2px var(--dm-accent);border-color:#fff;transform:scale(1.1)}.dm-btn-orientation{border:1px solid var(--dm-border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;background:#ffffff05;padding:6px 10px;font-family:inherit;font-size:10px;font-weight:500;transition:all .2s}.dm-btn-orientation:hover{color:#fff;border-color:#ffffff26}.dm-btn-orientation.active{border-color:var(--dm-accent);color:#fff;background:#8b5cf61a}.dm-canvas-viewport{background:var(--bg-primary);background-image:radial-gradient(#ffffff0d 1px,#0000 1px);background-size:24px 24px;flex:1;justify-content:center;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.dm-canvas-toolbar{border:1px solid var(--dm-border);-webkit-backdrop-filter:blur(12px);z-index:10;background:#121218d9;border-radius:20px;align-items:center;gap:4px;padding:4px 8px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080}.dm-toolbar-divider{background:var(--dm-border);width:1px;height:16px;margin:0 4px}.dm-toolbar-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:32px;height:32px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s;display:flex}.dm-toolbar-btn:hover{color:#fff;background:#ffffff0d}.dm-range-wrapper{align-items:center;gap:12px;margin-top:4px;display:flex}.dm-range{background:var(--dm-border);height:4px;accent-color:var(--dm-accent);cursor:pointer;border-radius:2px;outline:none;flex:1}.dm-range-val{color:var(--text-muted);text-align:right;font-variant-numeric:tabular-nums;min-width:32px;font-size:11px}.dm-presets-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:4px;display:grid}.dm-btn-preset{border:1px solid var(--dm-border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;background:#ffffff05;outline:none;padding:8px;font-family:inherit;font-size:11px;font-weight:500;transition:all .2s}.dm-btn-preset:hover{color:#fff;border-color:#ffffff26}.dm-btn-preset.active{border-color:var(--dm-accent);color:#fff;background:#8b5cf61a}.dm-color-row{align-items:center;gap:8px;margin-top:4px;display:flex}.dm-color-picker-wrapper{border-radius:var(--radius-md);border:1px solid var(--dm-border);cursor:pointer;box-sizing:border-box;width:34px;height:34px;position:relative;overflow:hidden}.dm-color-picker-wrapper input[type=color]{cursor:pointer;background:0 0;border:none;width:50px;height:50px;position:absolute;top:-8px;left:-8px}.app-container{flex-direction:row;height:calc(100vh - 60px);display:flex;overflow:hidden}.sidebar{background:#121218;border-right:1px solid #ffffff14;flex-direction:column;width:320px;height:100%;display:flex}.sidebar-section[data-astro-cid-46bkf5g4]{padding:20px}.sidebar-title[data-astro-cid-46bkf5g4]{text-transform:uppercase;color:var(--text-muted);letter-spacing:.8px;margin-bottom:12px;font-size:11px;font-weight:700}.mobile-close-btn[data-astro-cid-46bkf5g4]{color:var(--text-secondary);cursor:pointer;z-index:100;background:0 0;border:none;font-size:24px;display:none;position:absolute;top:14px;right:14px}@media (width<=768px){.mobile-close-btn[data-astro-cid-46bkf5g4]{display:block}}