.collection-graphics{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));z-index:90;font:13px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#262c24}
.graphics-trigger{display:flex;align-items:center;gap:7px;border:1px solid #cbd0c4;border-radius:22px;background:#fffffff0;color:#43513b;min-height:38px;padding:7px 13px;box-shadow:0 3px 14px #182b1514;font:inherit}
.graphics-trigger svg{display:block;width:19px;height:19px}
.graphics-trigger.is-external{display:grid;place-items:center;flex:0 0 auto;width:36px;height:36px;min-height:36px;padding:8px;border-radius:50%}
.graphics-trigger:hover{background:#fff;border-color:#8d9e80}.graphics-trigger:focus-visible{outline:2px solid #657d53;outline-offset:3px}
.graphics-dialog{position:absolute;inset:auto 0 50px auto;margin:0;width:min(365px,calc(100vw - 28px));max-height:min(430px,calc(100dvh - 86px));overflow:hidden;padding:0;border:1px solid #d1d7cb;border-radius:16px;background:#fafbf7;color:#262c24;box-shadow:0 12px 50px #14200c30;font:12px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.graphics-dialog[open]{display:flex;flex-direction:column;animation:graphics-rise 170ms ease-out}
.graphics-body{min-height:0;overflow:auto;overscroll-behavior:contain}
.graphics-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none;padding:13px 17px 10px;border-bottom:1px solid #e3e7de}.graphics-heading h2{margin:0;font-size:17px;font-weight:620;letter-spacing:-.3px}
.graphics-close{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border:1px solid #e2e5dd;border-radius:50%;background:#edf0e9;color:#45533b;padding:5px}.graphics-close svg{display:block;width:18px;height:18px}
.graphics-introduction{margin:0;padding:0 17px 10px;color:#697160}.graphics-fields{padding:0 17px}
.graphics-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;align-items:center;padding:10px 0;border-top:1px solid #e3e7de}.graphics-label{display:block;font-weight:550}
.graphics-field select{font:inherit;max-width:170px;min-height:34px;border:1px solid #ccd4c3;border-radius:7px;background:#fff;color:#2c3625;padding:5px 26px 5px 9px}.graphics-hint{display:block;font-size:11px;font-weight:400;color:#707865;line-height:1.5}.graphics-field>.graphics-hint{grid-column:1/-1}
.graphics-checkbox{display:flex;gap:11px;align-items:flex-start;padding:10px 0;border-top:1px solid #e3e7de}.graphics-checkbox input{flex:0 0 auto;margin:3px 0 0;width:16px;height:16px;accent-color:#627b50}.graphics-checkbox .graphics-hint{margin-top:3px}
.graphics-status{margin:4px 17px 10px;padding:9px 10px;border-radius:9px;background:#edf1e7;color:#637357;font-size:10px;line-height:1.65;font-variant-numeric:tabular-nums}.graphics-storage{margin:0 17px 11px;color:#746b50;font-size:11px}
.graphics-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 17px 15px}.graphics-actions button,.graphics-scene-actions button,.graphics-scene-actions a{font:inherit;border:1px solid #cdd5c5;border-radius:8px;padding:8px 12px;min-height:36px}.graphics-reset{background:#fff;color:#59674d}.graphics-done{background:#5b704b;color:#fff;border-color:#5b704b!important;min-width:78px}
.graphics-scene-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex:none;gap:8px;padding:13px 17px 11px}.graphics-scene-actions button,.graphics-scene-actions a{background:#fff;color:#45573a}.graphics-scene-actions .graphics-open-music{background:#435b35;color:#fff;border-color:#435b35}.graphics-desktop-only{grid-column:1/-1;text-align:center;text-decoration:none}.graphics-desktop-only:hover{background:#edf1e7}
.collection-graphics.is-hosted{position:absolute;right:12px;bottom:12px}.is-hosted>.graphics-trigger{display:none}.is-hosted>.graphics-dialog{bottom:0;width:min(365px,calc(100vw - 56px));max-height:min(430px,calc(100dvh - 120px))}
.collection-graphics.has-external-trigger:not(.is-hosted)>.graphics-dialog{position:fixed;inset:auto var(--graphics-drawer-right,14px) var(--graphics-drawer-bottom,14px) auto;width:var(--graphics-drawer-width,min(365px,calc(100vw - 28px)));max-height:var(--graphics-drawer-height,min(430px,calc(100dvh - 28px)))}
@keyframes graphics-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.graphics-dialog[open]{animation:none}}
.graphics-dialog button:focus-visible,.graphics-dialog a:focus-visible,.graphics-dialog select:focus-visible,.graphics-dialog input:focus-visible{outline:2px solid #657d53;outline-offset:3px}
@media(max-width:480px){.collection-graphics{right:10px;bottom:10px}.graphics-trigger{font-size:11px;min-height:34px;padding:6px 10px}.graphics-dialog{bottom:44px;width:min(365px,calc(100vw - 24px))}.is-hosted>.graphics-dialog{bottom:0}.graphics-field select{max-width:170px}}