#ui #btnBack,#ui .toolbar{visibility:visible}.app-back-btn{position:absolute;top:var(--mg-inset);left:var(--mg-inset);z-index:101;pointer-events:auto}.app-back-btn:hover{border-color:var(--mg-hairline-strong);color:var(--mg-text)}#ui .toolbar{background:var(--mg-surface);border:1px solid var(--mg-hairline);border-radius:var(--mg-r-lg);box-shadow:var(--mg-shadow);backdrop-filter:blur(var(--mg-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--mg-blur)) saturate(140%);padding:8px 0;gap:6px}.toolbar-group{gap:4px;padding-bottom:6px;border-bottom-color:var(--mg-hairline)}.toolbar-slot{position:relative;display:inline-block}.toolbar-slot--end{margin-top:auto;order:100}.tool-btn{width:33px;height:33px;padding:0;border:1px solid transparent;border-radius:var(--mg-r-sm);background:transparent;color:var(--mg-text-2);font-size:0;line-height:1;transition:background-color var(--mg-dur-fast) var(--mg-ease),color var(--mg-dur-fast) var(--mg-ease),border-color var(--mg-dur-fast) var(--mg-ease)}.tool-btn .icon{width:17px;height:17px}.tool-btn:hover{background:var(--mg-hover);border-color:var(--mg-hairline);color:var(--mg-text)}.tool-btn:active{background:var(--mg-pressed)}.tool-btn.active{background:var(--mg-accent);border-color:var(--mg-accent);color:#fff;box-shadow:var(--mg-accent-glow)}.tool-btn:disabled{opacity:.35;cursor:default;background:transparent;border-color:transparent;color:var(--mg-text-3);box-shadow:none}.tool-btn.btn-danger:hover:not(:disabled){background:var(--mg-danger-soft);border-color:transparent;color:var(--mg-danger)}.tool-btn.btn-primary{color:var(--mg-accent)}.tool-btn.btn-primary:hover:not(:disabled){background:var(--mg-accent-soft);border-color:var(--mg-accent-line);color:#d7d8ff}#modeSelect,#holeTypeSelect{width:calc(var(--toolbar-width) - 6px);height:30px;padding:0 4px;background-color:#ffffff0a;border:1px solid var(--mg-hairline);border-radius:6px;color:var(--mg-text);font-size:11px}#modeSelect:hover,#holeTypeSelect:hover{background-color:var(--mg-hover);border-color:var(--mg-hairline-strong)}#modeSelect option,#holeTypeSelect option{background-color:var(--mg-surface-solid);color:var(--mg-text)}.hole-flyout{background:var(--mg-surface-strong);border:1px solid var(--mg-hairline);border-radius:var(--mg-r-lg);box-shadow:var(--mg-shadow-pop);padding:4px;gap:3px;backdrop-filter:blur(var(--mg-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--mg-blur)) saturate(140%);pointer-events:auto}.flyout-btn{width:var(--mg-control);height:var(--mg-control)}.export-dropdown{position:absolute;top:var(--mg-inset);right:var(--mg-inset);z-index:100;pointer-events:auto}.export-trigger{width:var(--mg-control);height:var(--mg-control)}.export-trigger[aria-expanded=true]{background:var(--mg-accent-soft);border-color:var(--mg-accent-line);color:var(--mg-text)}#btnPreviewSettings{position:absolute;right:var(--mg-inset);bottom:var(--mg-inset);z-index:101;pointer-events:auto}#btnPreviewSettings .ico-collapse{display:none}#btnPreviewSettings.is-open .ico-collapse{display:block}#btnPreviewSettings.is-open .ico-settings{display:none}.app-seg{display:inline-flex;align-items:center;gap:2px;padding:3px;background:var(--mg-surface);border:1px solid var(--mg-hairline);border-radius:var(--mg-r-pill);box-shadow:var(--mg-shadow);backdrop-filter:blur(var(--mg-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--mg-blur)) saturate(140%);pointer-events:auto}.app-seg__btn{height:var(--mg-control-sm);padding:0 11px;border:0;border-radius:var(--mg-r-pill);background:transparent;color:var(--mg-text-2);font:inherit;font-size:12px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color var(--mg-dur-fast) var(--mg-ease),color var(--mg-dur-fast) var(--mg-ease)}.app-seg__btn:hover{color:var(--mg-text)}.app-seg__btn.active{background:#ffffff1c;color:#fff;box-shadow:inset 0 0 0 1px #ffffff14}.app-seg__label{display:inline-flex;align-items:center;gap:6px;height:var(--mg-control-sm);padding:0 10px;color:var(--mg-text-2);font-size:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.app-check{width:14px;height:14px;margin:0;accent-color:var(--mg-accent);cursor:pointer}#status{color:var(--mg-text-3);font-family:ui-monospace,Menlo,monospace;font-size:11.5px;letter-spacing:.01em}.app-chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;background:var(--mg-surface);border:1px solid var(--mg-hairline);border-radius:var(--mg-r-pill);box-shadow:var(--mg-shadow);color:var(--mg-text-2);font-size:11.5px;white-space:nowrap;pointer-events:none}.app-warning{background:#f59e0b1f;border:1px solid rgba(245,158,11,.35);border-radius:var(--mg-r-sm);color:#fbbf24;padding:6px 10px;font-size:12px;line-height:1.5;white-space:pre-line;pointer-events:none}.app-modal-overlay{position:fixed;inset:0;background:#000000b8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:2000;pointer-events:auto}.app-modal{pointer-events:auto;background:var(--mg-surface-strong);border:1px solid var(--mg-hairline);border-radius:var(--mg-r-lg);box-shadow:var(--mg-shadow-pop);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);color:var(--mg-text);overflow:hidden;box-sizing:border-box}.app-modal__header{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:#ffffff0b;border-bottom:1px solid var(--mg-hairline);border-radius:var(--mg-r-lg) var(--mg-r-lg) 0 0;cursor:move;-webkit-user-select:none;user-select:none;touch-action:none}.app-modal__title{margin:0;color:var(--mg-text);font-size:13px;font-weight:500;letter-spacing:.02em}.app-modal__body{padding:14px;min-height:0;overflow-y:auto}.app-modal__footer{flex:none;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:12px 14px;background:#0000002e;border-top:1px solid var(--mg-hairline)}.app-modal__resize{position:absolute;right:0;bottom:0;width:16px;height:16px;pointer-events:none;background:linear-gradient(135deg,transparent 50%,var(--mg-hairline-strong) 50%);border-radius:0 0 var(--mg-r-lg) 0}.app-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;padding:0 14px;border:1px solid var(--mg-hairline);border-radius:var(--mg-r-sm);background:#ffffff0d;color:var(--mg-text-2);font:inherit;font-size:12px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color var(--mg-dur-fast) var(--mg-ease),border-color var(--mg-dur-fast) var(--mg-ease),color var(--mg-dur-fast) var(--mg-ease)}.app-btn:hover{background:var(--mg-hover);border-color:var(--mg-hairline-strong);color:var(--mg-text)}.app-btn--primary{background:var(--mg-accent);border-color:var(--mg-accent);color:#fff;box-shadow:var(--mg-accent-glow)}.app-btn--primary:hover{background:#5558e8;border-color:#5558e8;color:#fff}.app-btn--ghost{background:transparent;border-color:transparent}.app-btn--danger{color:var(--mg-danger)}.app-btn--danger:hover{background:var(--mg-danger-soft);border-color:transparent;color:var(--mg-danger)}.app-btn--block{width:100%}.app-btn:disabled{opacity:.5;cursor:default}.app-field{display:flex;align-items:center;gap:8px;min-width:0}.app-field--block{display:block;margin-bottom:14px}.app-field--block:last-child{margin-bottom:0}.app-label{flex:none;color:var(--mg-text-3);font-size:11px;font-weight:500;letter-spacing:.03em;white-space:nowrap}.app-select,.app-input{height:30px;padding:0 8px;background:#ffffff0a;border:1px solid var(--mg-hairline);border-radius:6px;color:var(--mg-text);font:inherit;font-size:12px;transition:background-color var(--mg-dur-fast) var(--mg-ease),border-color var(--mg-dur-fast) var(--mg-ease)}.app-select{padding-right:24px;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23707c8a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:10px;cursor:pointer}.app-select:hover,.app-input:hover{background-color:var(--mg-hover);border-color:var(--mg-hairline-strong)}.app-select:focus-visible,.app-input:focus-visible{outline:none;border-color:var(--mg-accent);box-shadow:0 0 0 3px var(--mg-accent-soft)}.app-select option{background:var(--mg-surface-solid);color:var(--mg-text)}.app-color{width:34px;height:26px;padding:2px;background:#ffffff0a;border:1px solid var(--mg-hairline);border-radius:6px;cursor:pointer}.app-range{appearance:none;-webkit-appearance:none;height:18px;margin:0;background:transparent;cursor:pointer}.app-range::-webkit-slider-runnable-track{height:4px;border-radius:var(--mg-r-pill);background:#ffffff1f}.app-range::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:#fff;border:2px solid var(--mg-accent);box-shadow:0 1px 4px #00000073}.app-range::-moz-range-track{height:4px;border-radius:var(--mg-r-pill);background:#ffffff1f}.app-range::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--mg-accent)}.app-range:disabled{opacity:.35;cursor:default}@media(prefers-reduced-motion:reduce){.tool-btn,.app-btn,.app-seg__btn,.app-select,.app-input{transition-duration:.01ms!important;transition-delay:0ms!important}}[hidden]{display:none!important}html{background:#0b0e13}body{visibility:visible;margin:0;padding:28px 24px 48px;min-height:100vh;height:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;background:radial-gradient(1100px 520px at 50% -12%,rgba(99,102,241,.14),transparent 62%),#0b0e13;color:var(--mg-text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.container{width:100%;max-width:1200px;margin:0 auto}h1{margin:0 0 26px;color:var(--mg-text);font-size:1.55rem;font-weight:600;letter-spacing:.015em;text-align:center}.header-actions{display:flex;justify-content:flex-end;margin:0 0 18px}.header-actions .app-btn{height:34px;padding:0 14px}.series-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin:0 0 24px}.series-card{position:relative;display:flex;flex-direction:column;overflow:hidden;background:var(--mg-surface);border:1px solid var(--mg-hairline);border-radius:var(--mg-r-lg);box-shadow:var(--mg-shadow);backdrop-filter:blur(var(--mg-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--mg-blur)) saturate(140%);cursor:pointer;transition:transform var(--mg-dur-base) var(--mg-ease),border-color var(--mg-dur-base) var(--mg-ease),box-shadow var(--mg-dur-base) var(--mg-ease)}.series-card:hover{transform:translateY(-4px);border-color:var(--mg-accent-line);box-shadow:var(--mg-shadow-pop)}.card-image{display:flex;align-items:center;justify-content:center;height:200px;overflow:hidden;background:#0000002e;border-bottom:1px solid var(--mg-hairline)}.card-image img{width:100%;height:100%;object-fit:contain}.card-image.is-fallback{background:#0a0e13}.card-image.is-fallback img{display:none}.card-image-fallback{display:flex;align-items:center;justify-content:center;color:var(--mg-text-3)}.card-image-fallback .icon{width:28px;height:28px}.series-empty{grid-column:1 / -1;padding:64px 20px;color:var(--mg-text-3);font-size:13px;text-align:center}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:#ffffff08}.card-info{flex:1;min-width:0}.card-info h3{margin:0 0 2px;overflow:hidden;color:var(--mg-text);font-size:13px;font-weight:500;white-space:nowrap;text-overflow:ellipsis}.card-info p{margin:0;color:var(--mg-text-3);font-size:11.5px}.card-actions{display:flex;gap:6px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;background:#ffffff0d;border:1px solid var(--mg-hairline);border-radius:var(--mg-r-sm);color:var(--mg-text-2);cursor:pointer;transition:background-color var(--mg-dur-fast) var(--mg-ease),border-color var(--mg-dur-fast) var(--mg-ease),color var(--mg-dur-fast) var(--mg-ease)}.icon-btn:hover{background:var(--mg-hover);border-color:var(--mg-hairline-strong);color:var(--mg-text)}.icon-btn.delete{background:var(--mg-danger-soft);border-color:transparent;color:var(--mg-danger)}.icon-btn.delete:hover{background:var(--mg-danger);color:#fff}@media(max-width:720px){body{padding:20px 16px 36px}h1{font-size:1.3rem}.series-grid{gap:14px}}@media(prefers-reduced-motion:reduce){.series-card,.icon-btn{transition-duration:.01ms!important;transition-delay:0ms!important}}.user-menu-container{position:fixed;top:16px;right:16px;z-index:1000}.user-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--mg-accent);border:1px solid var(--mg-hairline-strong);border-radius:50%;box-shadow:var(--mg-shadow);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:transform var(--mg-dur-fast) var(--mg-ease),filter var(--mg-dur-fast) var(--mg-ease)}.user-avatar:hover{filter:brightness(1.1);transform:translateY(-1px)}.user-dropdown{position:absolute;top:44px;right:0;width:260px;padding:8px;background:var(--mg-surface-strong);border:1px solid var(--mg-hairline);border-radius:var(--mg-r-lg);box-shadow:var(--mg-shadow-pop);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);transform-origin:top right;display:none}@keyframes menuFadeIn{0%{opacity:0;transform:scale(.97) translateY(-6px)}to{opacity:1;transform:scale(1) translateY(0)}}.user-dropdown.active{display:block;animation:menuFadeIn .16s var(--mg-ease-out)}.user-info{padding:6px 8px 10px;margin-bottom:6px;border-bottom:1px solid var(--mg-hairline)}.user-email{margin:0 0 2px;color:var(--mg-text);font-size:12.5px;font-weight:500;word-break:break-all}.user-phone{margin:0;color:var(--mg-text-3);font-size:11.5px}.menu-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--mg-r-sm);color:var(--mg-text-2);font-size:12.5px;text-decoration:none;cursor:pointer;transition:background-color var(--mg-dur-fast) var(--mg-ease),color var(--mg-dur-fast) var(--mg-ease)}.menu-item:hover{background:var(--mg-hover);color:var(--mg-text)}.menu-item.danger{margin-top:4px;padding-top:10px;border-top:1px solid var(--mg-hairline);border-radius:0 0 var(--mg-r-sm) var(--mg-r-sm);color:var(--mg-danger)}.menu-item.danger:hover{background:var(--mg-danger-soft);color:var(--mg-danger)}.password-modal{display:none;position:fixed;inset:0;z-index:1001;align-items:center;justify-content:center;background:#000000b8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.password-modal.active{display:flex}.password-card{width:min(400px,90vw);padding:18px;background:var(--mg-surface-strong);border:1px solid var(--mg-hairline);border-radius:var(--mg-r-lg);box-shadow:var(--mg-shadow-pop);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%)}.password-card h2{margin:0 0 14px;color:var(--mg-text);font-size:14px;font-weight:500;letter-spacing:.02em}.password-field{margin-bottom:12px}.password-card .app-label{display:block;margin-bottom:5px}.password-card .app-input{width:100%}.password-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}@media(prefers-reduced-motion:reduce){.user-avatar,.menu-item{transition-duration:.01ms!important;transition-delay:0ms!important}.user-dropdown.active{animation:none}}
