*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--bg: #f5f6f8;--page-overscroll-bg: #3c475e;--bg-surface: #ffffff;--bg-surface-hover: #eef0f3;--bg-elevated: #ffffff;--border: #e2e6eb;--border-focus: #35b4b1;--text: #1a1d27;--text-secondary: #4a4f5e;--text-muted: #6b7280;--accent: #303c54;--accent-hover: #3d4a63;--accent-teal: #35b4b1;--accent-teal-hover: #2d9d9a;--accent-subtle: rgba(53, 180, 177, .12);--header-footer-bg: #303c54;--danger: #e05555;--danger-hover: #c94444;--shape-color: rgba(255, 80, 80, .8);--radius: 8px;--radius-sm: 4px;--radius-lg: 12px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "SF Mono", "Fira Code", monospace;--card-shadow: 0 2px 12px rgba(0, 0, 0, .08);--card-shadow-hover: 0 8px 24px rgba(0, 0, 0, .12)}html,body,#root{height:100%;width:100%}html,body{background:var(--page-overscroll-bg)}body{font-family:var(--font);background:var(--page-overscroll-bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:where(a,button,input,select,textarea,[role=button],[tabindex]){-webkit-tap-highlight-color:transparent}:where(a,button,input,select,textarea,[role=button],[tabindex]):focus:not(:focus-visible){outline:none}:where(a,button,input,select,textarea,[role=button],[tabindex]):focus-visible{outline:3px solid rgba(53,180,177,.28);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.editor{display:flex;flex-direction:column;height:100vh;overflow:hidden}.editor__header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0}.editor__title{font-size:16px;font-weight:600;letter-spacing:-.01em}.editor__header-actions{display:flex;gap:8px}.editor__header-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:500;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);color:var(--text);cursor:pointer;transition:all .15s}@media(hover:hover)and (pointer:fine){.editor__header-btn:hover{background:var(--bg-surface-hover);border-color:var(--border-focus)}}.editor__header-btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}@media(hover:hover)and (pointer:fine){.editor__header-btn--primary:hover{background:var(--accent-hover)}}.editor__header-btn--danger{background:var(--danger);border-color:var(--danger);color:#fff}@media(hover:hover)and (pointer:fine){.editor__header-btn--danger:hover{background:var(--danger-hover);border-color:var(--danger-hover);color:#fff}}.editor__header-btn:disabled{opacity:.4;cursor:not-allowed}.editor__toolbar-row{display:flex;align-items:center;justify-content:center;gap:16px;padding:8px 20px;background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0}.editor__generator-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:16px 20px;background:var(--bg-surface);border-bottom:1px solid var(--border)}.editor__generator-topbar{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:12px}.editor__generator-status{font-size:13px;color:var(--text-secondary)}.editor__generator-meta{font-size:12px;color:var(--text-secondary);text-align:right}.editor__generator-field{display:flex;flex-direction:column;gap:8px;min-width:0}.editor__generator-field--full{grid-column:1 / -1}.editor__generator-label{font-size:12px;font-weight:600;color:var(--text-secondary)}.editor__generator-input,.editor__generator-textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font:inherit;line-height:1.5;resize:vertical;transition:border-color .15s,box-shadow .15s,background .15s}.editor__generator-input{min-height:0;resize:none}.editor__generator-textarea{min-height:84px}.editor__generator-input:focus,.editor__generator-textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #35b4b124}.editor__generator-input:disabled,.editor__generator-textarea:disabled{background:var(--bg-surface-hover);cursor:not-allowed}.editor__generator-textarea--readonly{background:var(--bg-surface-hover)}.editor__generator-options{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.editor__generator-context-card{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--bg) 85%,var(--bg-surface) 15%)}.editor__generator-context-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.editor__generator-context-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.editor__generator-context-title{font-size:15px;line-height:1.35;min-width:0}.editor__generator-context-description{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.5;white-space:pre-wrap;max-height:112px;overflow-y:auto;padding-right:4px}.editor__generator-context-reference-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;position:relative;width:fit-content}.editor__generator-context-reference-list--inactive{opacity:.45}.editor__generator-context-reference-thumb{width:52px;height:52px;border-radius:12px;object-fit:cover;border:1px solid var(--border)}.editor__generator-context-toggle{display:inline-flex;align-items:center;gap:8px;margin-top:2px;color:var(--text-secondary);font-size:13px;line-height:1.4;cursor:pointer}.editor__generator-context-toggle input{margin:0}.editor__generator-context-toggle--overlay{position:absolute;top:6px;right:6px;z-index:1;margin-top:0;padding:0;gap:0;line-height:0}.editor__generator-context-button{flex-shrink:0;align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--text-muted);font:inherit;cursor:pointer;transition:border-color .15s,background .15s,color .15s}@media(hover:hover)and (pointer:fine){.editor__generator-context-button:hover:not(:disabled){border-color:var(--border-focus);background:var(--bg-surface-hover);color:var(--text)}}.editor__generator-context-button:disabled{opacity:.6;cursor:not-allowed}.editor__generator-pill-group{display:flex;flex-wrap:wrap;gap:8px}.editor__generator-pill-group--sizes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.editor__generator-pill-group--formats{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:6px;align-items:center}.editor__generator-pill-group--formats-extra{margin-top:6px;flex-wrap:wrap}.editor__generator-pill-group--region-target{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.editor__generator-pill{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-width:84px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font:inherit;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s,transform .15s}.editor__generator-pill--compact{min-width:0;align-items:center;padding:8px 6px;text-align:center}.editor__generator-pill-group--formats .editor__generator-pill{flex:0 0 auto;max-width:100%}.editor__generator-pill-group--formats .editor__generator-pill[data-ratio="1-1"]{width:60px}.editor__generator-pill-group--formats .editor__generator-pill[data-ratio="4-3"]{width:80px}.editor__generator-toggle{align-self:flex-start;margin-top:2px;padding:0;border:0;background:transparent;color:var(--accent);font:inherit;font-size:12px;font-weight:600;cursor:pointer}@media(hover:hover)and (pointer:fine){.editor__generator-toggle:hover:not(:disabled){text-decoration:underline}}.editor__generator-toggle:disabled{opacity:.6;cursor:not-allowed}@media(hover:hover)and (pointer:fine){.editor__generator-pill:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--border-focus)}}.editor__generator-pill:disabled{opacity:.6;cursor:not-allowed}.editor__generator-pill--active{border-color:#35b4b18c;background:#35b4b11f;box-shadow:0 0 0 1px #35b4b12e}.editor__generator-pill--readonly{cursor:default;pointer-events:none}.editor__generator-pill--readonly:disabled{opacity:1;cursor:default}.editor__generator-pill-title{font-size:13px;font-weight:700;line-height:1.1}.editor__generator-pill--compact .editor__generator-pill-title{font-size:12px}.editor__generator-pill-hint{display:flex;flex-direction:column;font-size:11px;color:var(--text-secondary);line-height:1.2}.editor__generator-pill--compact .editor__generator-pill-hint{font-size:10px}.editor__generator-pill-subhint{display:block}.editor__generator-static-note{display:block;margin-top:8px;font-size:12px;color:var(--text-muted)}.editor__generator-controls{display:flex;gap:8px;align-items:center;min-width:0}.editor__generator-controls--inline{flex:1}.editor__generator-slider-value{min-width:18px;font-size:13px;font-weight:700;color:var(--accent);text-align:right}.editor__generator-slider{width:140px;height:4px;flex-shrink:0;-webkit-appearance:none;appearance:none;background:var(--border);border-radius:999px;outline:none}.editor__generator-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer}.editor__generator-slider::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:var(--accent);cursor:pointer}.editor__generator-actions{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:12px}.editor__generator-details{grid-column:1 / -1;display:flex;flex-direction:column;gap:12px}.editor__generator-details-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}@media(hover:hover)and (pointer:fine){.editor__generator-details-toggle:hover{background:var(--bg-surface-hover);border-color:var(--border-focus)}}.editor__generator-details-chevron{display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:transform .15s ease}.editor__generator-details-chevron--open{transform:rotate(180deg)}.editor__generator-prompts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.editor__generator-hint{font-size:13px;color:var(--text-secondary)}.editor__btn-spinner{display:block;flex-shrink:0;width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:editorButtonSpinner .7s linear infinite}@keyframes editorButtonSpinner{to{transform:rotate(360deg)}}.editor__generator-error{grid-column:1 / -1;font-size:13px;color:var(--danger)}.editor__toolbar-hint{font-size:12px;color:var(--text-secondary)}.editor__main{display:flex;flex:1;min-height:0;overflow:hidden;position:relative}.editor__quick-menu{position:absolute;z-index:20;display:flex;flex-direction:row;align-items:stretch;gap:3px;padding:5px;background:color-mix(in srgb,var(--bg-surface) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:10px;box-shadow:var(--card-shadow-hover);pointer-events:auto}.editor__quick-menu-grid{display:grid;grid-template-columns:repeat(var(--quick-menu-columns, 4),26px);gap:3px}.editor__quick-menu-drag-handle{position:relative;width:10px;min-width:10px;cursor:grab;touch-action:none}.editor__quick-menu-drag-handle:before{content:"";position:absolute;top:50%;left:50%;width:4px;height:28px;border-radius:999px;background:color-mix(in srgb,var(--text-muted) 55%,transparent);transform:translate(-50%,-50%)}.editor__quick-menu-drag-handle:active{cursor:grabbing}.editor__quick-menu-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:8px;background:#ffffff0a;color:var(--text-muted);cursor:pointer;transition:background .12s,color .12s,transform .12s,opacity .12s}@media(hover:hover)and (pointer:fine){.editor__quick-menu-btn:hover:not(:disabled){background:var(--bg-surface-hover);color:var(--text);transform:translateY(-1px)}.editor__quick-menu-btn--delete:hover:not(:disabled){background:#e0555526;color:var(--danger)}}.editor__quick-menu-btn:disabled{opacity:.2;cursor:not-allowed}.editor__quick-menu-btn--ai{color:var(--accent)}.editor__quick-menu-btn--delete{color:var(--danger)}.editor__modal-backdrop{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:24px;background:#0a0f1994;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.editor__modal-backdrop--stacked{z-index:1210;background:#0a0f196b}.editor__modal-backdrop--upload-normalization{background:#0a0f196b;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.editor__modal{position:relative;width:min(560px,100%);display:flex;flex-direction:column;gap:14px;padding:20px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow-hover)}.editor__modal--generator{width:min(680px,100%)}.editor__modal--image-change{width:min(820px,100%)}.editor__modal--image-change-preview-expanded{width:min(1280px,calc(100vw - 32px));max-height:calc(100dvh - 32px)}.editor__modal--image-change-preview-expanded>.editor__modal-header,.editor__modal--image-change-preview-expanded .editor__image-change-preview-label,.editor__modal--image-change-preview-expanded .editor__image-change-form{display:none}.editor__modal--pack-context{width:min(560px,100%)}.editor__modal--upload-normalization{width:min(480px,100%);gap:12px;padding:16px;box-shadow:0 18px 48px #0f172a2e}.editor__modal--resolution-warning{width:min(460px,100%);gap:16px;padding:18px;box-shadow:0 18px 48px #0f172a2e}.editor__modal--unsaved-exit{width:min(420px,100%);gap:18px;padding:18px;box-shadow:0 18px 48px #0f172a2e}.editor__modal--welcome{width:min(540px,100%);gap:16px;padding:20px}.editor__modal--region-ai{width:min(920px,100%)}.editor__modal--region-restore{width:min(640px,100%)}.editor__modal--difference-review{width:min(620px,100%);gap:10px;padding:16px;max-height:min(92vh,760px);overflow-y:auto}.editor__difference-review-counter{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--text-secondary);font-size:12px;font-weight:600;white-space:nowrap}.editor__welcome-hint{display:flex;flex-direction:column;gap:12px}.editor__modal-header--welcome{padding-bottom:0}.editor__welcome-hint-intro{max-width:42ch}.editor__welcome-hint-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.editor__welcome-hint-card{display:flex;flex-direction:column;align-items:stretch;padding:13px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);min-height:140px}.editor__welcome-hint-card--ai{background:color-mix(in srgb,var(--accent-subtle) 22%,var(--bg-surface) 78%)}.editor__welcome-hint-card--upload{background:color-mix(in srgb,var(--bg-surface) 72%,var(--bg) 28%)}.editor__welcome-hint-card-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:2px auto 12px;background:var(--accent-subtle);color:var(--accent-teal);flex:0 0 auto}.editor__welcome-hint-card-icon svg{width:20px;height:20px}.editor__welcome-hint-card-title{margin:0;color:var(--text);font-size:14px;font-weight:800;text-align:center}.editor__welcome-hint-card-text{margin:8px 0 0;color:var(--text-secondary);font-size:13px;line-height:1.45;text-align:center}.editor__welcome-hint-checkbox{display:inline-flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}.editor__welcome-hint-checkbox input{width:16px;height:16px;margin:0;accent-color:var(--accent-teal)}.editor__modal-actions.editor__welcome-hint-footer{align-items:center;justify-content:space-between;gap:12px;width:100%}.editor__modal-actions.editor__welcome-hint-footer .editor__welcome-hint-checkbox{margin-right:auto}.editor__difference-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,200px));justify-content:center;gap:10px}.editor__difference-review-card{display:flex;flex-direction:column;gap:6px}.editor__difference-review-label{font-size:12px;font-weight:600;color:var(--text-secondary)}.editor__difference-review-media{--editor-review-max-height: 220px;position:relative;width:min(100%,calc(var(--editor-review-max-height) * var(--editor-review-aspect-ratio, 1)));max-width:100%;max-height:var(--editor-review-max-height);margin:0 auto;overflow:visible}.editor__difference-review-viewport{position:absolute;inset:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:#eef1f5}.editor__difference-review-image,.editor__difference-review-overlay{position:absolute;top:0;left:0}.editor__difference-review-canvas{position:absolute;inset:0}.editor__difference-review-image{display:block;width:100%;height:100%;object-fit:fill}.editor__difference-review-overlay{width:100%;height:100%;pointer-events:none}.create-pack-dialog{gap:12px;max-height:min(92vh,860px);overflow-y:auto;padding-bottom:16px}.create-pack-dialog__textarea{min-height:140px;max-width:100%;resize:both}.create-pack-dialog__textarea--reference-context{min-height:140px}.create-pack-dialog__reference-context{gap:14px}.create-pack-dialog__reference-mode-toggle{display:inline-flex;align-self:center;gap:4px;padding:3px;border:1px solid rgba(48,60,84,.08);border-radius:999px;background:#303c540a}.create-pack-dialog__reference-mode-btn{padding:7px 12px;border:none;border-radius:999px;background:transparent;color:var(--text-secondary);font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.create-pack-dialog__reference-mode-btn--active{background:var(--bg-surface);color:var(--text);box-shadow:0 1px 2px #0f172a14}.create-pack-dialog__reference-mode-btn:disabled{opacity:.6;cursor:not-allowed}.create-pack-dialog__reference-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.create-pack-dialog__reference-quality{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.create-pack-dialog__reference-quality-label{font-size:12px;font-weight:600;color:var(--text-secondary)}.create-pack-dialog__reference-quality-switch{gap:4px}.create-pack-dialog__reference-quality-btn{min-width:44px;padding:6px 8px;border-radius:999px}.create-pack-dialog__reference-trigger{padding:7px 11px;border-radius:10px;background:var(--bg-surface);color:var(--text);border-color:#303c5414;font-size:12px;white-space:nowrap}.create-pack-dialog__reference-trigger.dropzone__action-btn--primary{background:var(--accent);color:#fff}.create-pack-dialog__section-title{margin:0}.create-pack-dialog__reference-generator{width:min(920px,100%)}.create-pack-dialog__reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.create-pack-dialog__reference-option{position:relative;display:flex;flex-direction:column;gap:4px;padding:0}.create-pack-dialog__reference-option-button{width:100%;padding:0;border:none;background:transparent;text-align:center;cursor:pointer;transition:opacity .15s ease}@media(hover:hover)and (pointer:fine){.create-pack-dialog__reference-option-button:hover:not(:disabled) .create-pack-dialog__reference-option-label{color:var(--accent)}}.create-pack-dialog__reference-option-button:disabled{cursor:default}.create-pack-dialog__reference-tile{position:relative;width:100%;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;border:1px solid rgba(48,60,84,.08);border-radius:12px;background:#ffffff8c;overflow:hidden;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.create-pack-dialog__reference-tile-loading{display:flex;align-items:center;justify-content:center}.create-pack-dialog__reference-tile-loading--overlay{position:absolute;inset:0;background:#0f172a57;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.create-pack-dialog__reference-progress-ring{width:48px;height:48px}.create-pack-dialog__reference-progress-ring svg{width:48px;height:48px}.create-pack-dialog__reference-progress-ring .dropzone__progress-track,.create-pack-dialog__reference-progress-ring .dropzone__progress-value{stroke-width:4}.create-pack-dialog__reference-progress-ring .dropzone__progress-label{font-size:10px}.create-pack-dialog__reference-option--active .create-pack-dialog__reference-tile{border-color:#35b4b138;background:#ffffffdb}@media(hover:hover)and (pointer:fine){.create-pack-dialog__reference-option-button:hover:not(:disabled) .create-pack-dialog__reference-tile{border-color:#35b4b138;background:#ffffffdb}}.create-pack-dialog__reference-option--active .create-pack-dialog__reference-tile{box-shadow:0 0 0 2px #35b4b11f}.create-pack-dialog__reference-tile-image{width:100%;height:100%;object-fit:cover;display:block}.create-pack-dialog__reference-generate{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--text-secondary)}.create-pack-dialog__reference-generate-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;background:color-mix(in srgb,var(--accent-subtle) 62%,white 38%);color:var(--accent)}.create-pack-dialog__reference-generate-label{font-size:13px;line-height:1.25;font-weight:600;color:#303c54c7}.create-pack-dialog__reference-tile-state{font-size:13px;line-height:1.2;color:#6b7280bf}.create-pack-dialog__reference-price-button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;border:1px solid color-mix(in srgb,var(--accent-teal) 18%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--accent-subtle) 36%,var(--bg) 64%);color:var(--text);font-weight:700;box-shadow:0 6px 14px #35b4b114}.create-pack-dialog__reference-option-button:focus-visible .create-pack-dialog__reference-price-button{border-color:color-mix(in srgb,var(--accent-teal) 32%,var(--border));background:color-mix(in srgb,var(--accent-subtle) 48%,var(--bg) 52%)}@media(hover:hover)and (pointer:fine){.create-pack-dialog__reference-option-button:hover:not(:disabled) .create-pack-dialog__reference-price-button{border-color:color-mix(in srgb,var(--accent-teal) 32%,var(--border));background:color-mix(in srgb,var(--accent-subtle) 48%,var(--bg) 52%)}}.create-pack-dialog__reference-repeat{position:absolute;top:8px;left:8px;z-index:2;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.38);border-radius:999px;background:#0f172ab8;color:#fff;cursor:pointer;transition:transform .15s ease,background .15s ease,opacity .15s ease}@media(hover:hover)and (pointer:fine){.create-pack-dialog__reference-repeat:hover:not(:disabled){transform:translateY(-1px);background:#0f172ae0}}.create-pack-dialog__reference-repeat:disabled{opacity:.6;cursor:default}.create-pack-dialog__reference-preview-modal{width:min(960px,100%)}.create-pack-dialog__reference-preview-frame{display:flex;align-items:center;justify-content:center;padding:12px;border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--bg) 86%,var(--bg-surface) 14%)}.create-pack-dialog__reference-preview-image{display:block;max-width:100%;max-height:min(70vh,720px);border-radius:12px;object-fit:contain}.reference-images-field{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid rgba(48,60,84,.08);border-radius:var(--radius);background:#ffffff6b}.reference-images-field--collapsed{gap:6px}.reference-images-field__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.reference-images-field__label-row{display:inline-flex;align-items:center;gap:6px;min-width:0}.reference-images-field__header-toggle{flex:1;display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;min-width:0;padding:0;border:none;background:transparent;font:inherit;text-align:left;cursor:pointer}.reference-images-field__header-toggle:disabled{cursor:not-allowed;opacity:.62}.reference-images-field__chevron{display:inline-block;color:var(--text-secondary);font-size:13px;font-weight:850;line-height:1;transition:transform .15s ease}.reference-images-field__chevron--expanded{transform:rotate(90deg)}.reference-images-field__info{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--text-secondary);font-size:12px;font-weight:700;line-height:1;cursor:help;flex-shrink:0}.reference-images-field__info:after{content:attr(data-tooltip);position:absolute;right:0;bottom:calc(100% + 8px);width:260px;max-width:min(260px,calc(100vw - 64px));padding:9px 10px;border:1px solid var(--border);border-radius:10px;background:var(--bg-surface);box-shadow:0 10px 30px #0f172a24;color:var(--text);font-size:12px;font-weight:500;line-height:1.45;white-space:normal;text-align:left;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease;z-index:10}.reference-images-field__info:focus-visible:after{opacity:1;transform:translateY(0)}@media(hover:hover)and (pointer:fine){.reference-images-field__info:hover:after{opacity:1;transform:translateY(0)}}.reference-images-field__meta{color:var(--text-secondary);font-size:12px}.reference-images-field__content{display:flex;flex-direction:column;gap:8px;padding-top:2px}.reference-images-field__grid{display:grid;grid-template-columns:minmax(0,168px);gap:8px;justify-content:flex-start}.reference-images-field__card{display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid rgba(48,60,84,.08);border-radius:14px;background:#ffffff8c}.reference-images-field__preview-button{padding:0;border:none;background:transparent;border-radius:12px;cursor:pointer;transition:transform .15s ease}@media(hover:hover)and (pointer:fine){.reference-images-field__preview-button:hover:not(:disabled){transform:translateY(-1px)}}.reference-images-field__preview-button:disabled{cursor:not-allowed}.reference-images-field__preview{aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--bg-surface-hover);border:1px solid rgba(48,60,84,.08)}.reference-images-field__preview img{width:100%;height:100%;object-fit:cover;display:block}.reference-images-field__footer{display:flex;flex-direction:column;gap:8px}.reference-images-field__name{font-size:11px;line-height:1.4;word-break:break-word;color:var(--text-secondary)}.reference-images-field__card-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.reference-images-field__preview-action,.reference-images-field__remove{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s;flex-shrink:0}.reference-images-field__preview-action{color:var(--accent);border-color:#5a67d847;background:#5a67d814}.reference-images-field__remove{color:var(--danger);border-color:#e055554d;background:#e055550a}@media(hover:hover)and (pointer:fine){.reference-images-field__preview-action:hover:not(:disabled){border-color:#5a67d873;background:#5a67d824}}@media(hover:hover)and (pointer:fine){.reference-images-field__remove:hover:not(:disabled){background:#e055551f}}.reference-images-field__preview-action:disabled,.reference-images-field__remove:disabled{opacity:.6;cursor:not-allowed}.reference-images-field__empty{padding:8px 0;border-top:1px solid rgba(48,60,84,.08);border-bottom:1px solid rgba(48,60,84,.08);border-radius:var(--radius);color:var(--text-secondary);font-size:12px;background:transparent}.create-pack-dialog>.editor__modal-actions{position:sticky;bottom:-16px;margin-top:auto;padding-top:10px;padding-bottom:4px;background:linear-gradient(180deg,rgba(255,255,255,0),var(--bg-surface) 22px)}.reference-images-field__actions{display:flex;justify-content:flex-start;gap:10px;flex-wrap:wrap}.editor__modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.editor__modal-header-meta,.editor__modal-header-actions{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;gap:8px}.editor__modal-close-button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);color:var(--text-muted);cursor:pointer;transition:color .15s,background .15s,border-color .15s}@media(hover:hover)and (pointer:fine){.editor__modal-close-button:hover:not(:disabled){color:var(--text);background:var(--bg-surface-hover);border-color:var(--border-focus)}}.editor__modal-close-button:disabled{opacity:.5;cursor:not-allowed}.editor__modal-close-button--floating{position:absolute;top:14px;right:14px;z-index:1}.editor__modal-credit-badge{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 12px;border:1px solid color-mix(in srgb,var(--accent-teal) 16%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--accent-subtle) 30%,var(--bg) 70%);color:var(--text);font-size:13px;font-weight:700;white-space:nowrap}.editor__modal-credit-action{min-height:32px;padding:6px 12px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));border-radius:999px;background:var(--bg-surface);color:var(--accent);font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:border-color .15s,background .15s,color .15s}@media(hover:hover)and (pointer:fine){.editor__modal-credit-action:hover:not(:disabled){border-color:var(--accent-teal);background:color-mix(in srgb,var(--accent-subtle) 40%,var(--bg-surface) 60%)}}.editor__modal-credit-action:disabled{opacity:.6;cursor:not-allowed}.credit-value{display:inline-flex;align-items:center;gap:.42em;vertical-align:middle}.credit-value--compact{gap:.34em}.credit-value__icon{width:1.28em;height:1.28em;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.credit-value__icon svg{width:100%;height:100%;display:block}.credit-value__coin-base{fill:color-mix(in srgb,var(--accent-teal) 86%,#ffffff 14%)}.credit-value__coin-inner{fill:color-mix(in srgb,var(--accent-teal) 68%,#ffffff 32%)}.credit-value__coin-mark{fill:#fff}.credit-value__coin-highlight{stroke:#ffffffad;stroke-width:1.3;stroke-linecap:round}.credit-value__amount{display:inline-block;line-height:1;font-weight:700}.editor__modal-title{margin:0;font-size:20px}.editor__modal-text{margin:6px 0 0;color:var(--text-secondary);font-size:14px;line-height:1.5}.billing-modal{width:min(920px,calc(100vw - 32px));max-width:920px;min-height:min(560px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);overflow-y:auto}.billing-modal__meta{flex-wrap:wrap}.billing-modal__premium-badge{display:inline-flex;align-items:center;min-height:32px;padding:6px 12px;border-radius:999px;background:color-mix(in srgb,#f5c518 18%,var(--bg) 82%);color:#8a6500;font-size:12px;font-weight:700}.billing-modal__toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}.billing-modal__switch{display:inline-flex;align-items:center;gap:8px;padding:6px;border-radius:999px;background:var(--bg);border:1px solid var(--border)}.billing-modal__switch-btn,.billing-modal__refresh-btn{min-height:38px;padding:0 16px;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--text);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.billing-modal__switch-btn--active{background:var(--accent);color:#fff}.billing-modal--premium .billing-modal__switch-btn--active{background:#f5c518;color:#4a3600}.billing-modal__refresh-btn{border-color:var(--border);background:var(--bg-surface)}.billing-modal__refresh-btn:disabled{opacity:.6;cursor:not-allowed}.billing-modal__summary{margin-top:18px;padding:16px 18px;border-radius:var(--radius);border:1px solid var(--border);background:color-mix(in srgb,var(--accent-subtle) 24%,var(--bg) 76%)}.billing-modal__summary-text,.billing-modal__warning,.billing-modal__notice,.billing-modal__placeholder{font-size:14px;line-height:1.5}.billing-modal__warning{margin-top:8px;color:var(--danger)}.billing-modal__notice{margin-top:12px;color:var(--accent-teal-hover)}.billing-modal__placeholder{margin-top:16px;color:var(--text-secondary)}.billing-modal__packages{display:grid;gap:16px;margin-top:18px}.billing-modal__packages--credits{grid-template-columns:repeat(3,minmax(0,1fr))}.billing-modal__packages--premium{grid-template-columns:minmax(0,1fr);justify-items:center}.billing-modal__card{display:flex;flex-direction:column;gap:18px;min-height:100%;padding:20px;border-radius:18px;border:1px solid var(--border);background:linear-gradient(180deg,color-mix(in srgb,var(--bg-surface) 96%,var(--bg) 4%),color-mix(in srgb,var(--bg) 88%,var(--bg-surface) 12%));box-shadow:0 10px 26px #1a1d270d}.billing-modal__card--featured{border-color:color-mix(in srgb,var(--accent-teal) 46%,var(--border));box-shadow:0 16px 34px #35b4b11f}.billing-modal__card--active{border-color:color-mix(in srgb,#f5c518 42%,var(--border))}.billing-modal__packages--premium .billing-modal__card{width:min(100%,460px)}.billing-modal--premium .billing-modal__card{border-color:color-mix(in srgb,#f5c518 34%,var(--border));background:linear-gradient(180deg,#fffae8fa,#fff4cef0);box-shadow:0 14px 30px #f5c5181f}.billing-modal__card-header{display:flex;flex-direction:column;gap:10px}.billing-modal__card-copy{display:flex;flex-direction:column;gap:6px}.billing-modal__card-title{font-size:19px;line-height:1.2}.billing-modal__card-description{color:var(--text-secondary);font-size:14px;line-height:1.55}.billing-modal__card-badge{display:inline-flex;align-items:center;align-self:flex-start;min-height:28px;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent-teal) 14%,var(--bg) 86%);color:var(--accent-teal-hover);font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.billing-modal__card-badge--active{background:color-mix(in srgb,#f5c518 18%,var(--bg) 82%);color:#8a6500}.billing-modal__card-body{display:flex;flex:1;flex-direction:column;gap:16px}.billing-modal__hero-value,.billing-modal__credit-stack{display:flex;flex-direction:column;gap:8px}.billing-modal__hero-label{color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.billing-modal--premium .billing-modal__hero-label{color:#5a4300b8}.billing-modal__credit-amount{display:inline-flex;align-items:center;align-self:flex-start;min-height:42px;padding:10px 14px;border-radius:14px;background:color-mix(in srgb,var(--accent-subtle) 52%,var(--bg) 48%)}.billing-modal__hero-price{font-size:28px;line-height:1;letter-spacing:-.03em}.billing-modal__feature-list{display:flex;flex-direction:column;gap:10px;list-style:none}.billing-modal__feature-item{position:relative;padding-left:18px;color:var(--text-secondary);font-size:13px;line-height:1.5}.billing-modal__feature-item--icon{display:flex;align-items:center;gap:10px;padding-left:0}.billing-modal__feature-item--icon:before{content:none}.billing-modal__feature-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:#8a6500}.billing-modal__feature-item:before{content:"";position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:999px;background:var(--accent-teal)}.billing-modal--premium .billing-modal__feature-item:before{background:#f5c518}.billing-modal--premium .billing-modal__feature-item--icon:before{content:none}.billing-modal__buy-btn{min-height:46px;border:none;border-radius:14px;background:var(--accent);color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.billing-modal--premium .billing-modal__buy-btn{background:#f5c518;color:#4a3600;box-shadow:0 10px 24px #f5c5182e}@media(hover:hover)and (pointer:fine){.billing-modal__buy-btn:hover:not(:disabled){transform:translateY(-1px);background:var(--accent-hover);box-shadow:0 12px 26px #303c542e}}@media(hover:hover)and (pointer:fine){.billing-modal--premium .billing-modal__buy-btn:hover:not(:disabled){background:#f7cf36;box-shadow:0 12px 26px #f5c5183d}}.billing-modal__buy-btn--featured{background:linear-gradient(135deg,var(--accent-teal),#58cbc8)}@media(hover:hover)and (pointer:fine){.billing-modal__buy-btn--featured:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-teal-hover),var(--accent-teal));box-shadow:0 12px 26px #35b4b138}}.billing-modal__buy-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:860px){.billing-modal__toolbar{flex-direction:column;align-items:stretch}.billing-modal__switch{width:100%;justify-content:space-between}.billing-modal__switch-btn,.billing-modal__refresh-btn{width:100%}.billing-modal__packages--credits{grid-template-columns:1fr}}.editor__modal-text--compact{margin:-4px 0 0;font-size:13px}.editor__upload-normalization-summary{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center}.editor__upload-normalization-summary-card{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--bg) 94%,var(--bg-surface) 6%)}.editor__upload-normalization-summary-card strong{font-size:15px;line-height:1.2}.editor__upload-normalization-summary-card small{color:var(--text-secondary);font-size:12px}.editor__upload-normalization-summary-card--target{border-color:color-mix(in srgb,var(--accent-teal) 14%,var(--border));background:color-mix(in srgb,var(--accent-subtle) 34%,var(--bg) 66%)}.editor__upload-normalization-summary-label,.editor__upload-normalization-meta-label{color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.01em}.editor__upload-normalization-summary-arrow{color:var(--text-muted);font-size:16px;font-weight:500}.editor__upload-normalization-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.editor__upload-normalization-preview-card{display:flex;flex-direction:column;gap:8px;margin:0}.editor__upload-normalization-preview-frame--target{border-color:color-mix(in srgb,var(--accent-teal) 14%,var(--border));background:color-mix(in srgb,var(--accent-subtle) 22%,var(--bg) 78%)}.editor__upload-normalization-preview-frame{position:relative;display:block;width:100%;min-height:180px;padding:0;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--bg) 95%,var(--bg-surface) 5%);overflow:hidden}.editor__upload-normalization-preview-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.editor__upload-normalization-preview-image--source{opacity:.96}.editor__upload-normalization-preview-caption{color:var(--text-secondary);font-size:12px;font-weight:600;text-align:center}.editor__upload-normalization-meta{display:flex;flex-direction:column;gap:10px}.editor__upload-normalization-pill-row{display:flex;flex-wrap:wrap;gap:8px}.editor__upload-normalization-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border:1px solid transparent;border-radius:999px;background:#303c540a;color:var(--text-secondary);font-size:12px;font-weight:600;font:inherit;cursor:default}.editor__upload-normalization-pill--active{border-color:var(--accent);background:var(--accent);color:#fff}.editor__upload-normalization-resolution-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.editor__upload-normalization-resolution-item{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--bg) 95%,var(--bg-surface) 5%)}.editor__upload-normalization-resolution-item span{color:var(--text-secondary);font-size:12px;font-weight:600}.editor__upload-normalization-resolution-item strong{font-size:13px;line-height:1.3}.editor__upload-normalization-resolution-item--active{border-color:color-mix(in srgb,var(--accent-teal) 14%,var(--border));background:color-mix(in srgb,var(--accent-subtle) 30%,var(--bg) 70%)}.editor__generator-textarea--region{min-height:180px;height:100%;resize:vertical}.editor__region-ai-layout{display:grid;grid-template-columns:172px minmax(0,1fr);gap:16px;align-items:stretch}.editor__region-ai-layout--full-transfer{grid-template-columns:1fr}.editor__region-ai-sidebar{min-width:0}.editor__transfer-flow-card{display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--bg) 88%,var(--bg-surface) 12%)}.editor__transfer-flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center}.editor__transfer-stage{display:flex;flex-direction:column;gap:8px;min-width:0}.editor__transfer-stage-label{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text-muted)}.editor__transfer-stage-badge{display:inline-flex;align-items:center;min-height:20px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.01em}.editor__transfer-stage-badge--source{background:#35b4b124;color:var(--accent)}.editor__transfer-stage-badge--target{background:#303c5414;color:var(--text-secondary)}.editor__transfer-frame{aspect-ratio:4 / 3}.editor__transfer-arrow{display:flex;align-items:center;justify-content:center;color:var(--accent)}.editor__transfer-legend{display:flex;flex-wrap:wrap;gap:12px}.editor__transfer-legend-item{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text-secondary)}.editor__transfer-legend-swatch{width:14px;height:14px;border-radius:999px;border:1px solid rgba(0,0,0,.08)}.editor__transfer-legend-swatch--apply{background:#ffffffeb;border-color:var(--border)}.editor__transfer-legend-swatch--keep{background:#000000b8;border-color:#000000b8}.editor__region-ai-form{display:flex;flex-direction:column;gap:10px;min-width:0;min-height:100%}.editor__region-ai-prompt{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}.editor__region-ai-prompt .editor__generator-textarea{flex:1}.editor__image-change-layout{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:16px;align-items:start}.editor__modal--image-change-preview-expanded .editor__image-change-layout{grid-template-columns:minmax(0,1fr)}.editor__image-change-sidebar{min-width:0;justify-self:start;align-self:start}.editor__modal--image-change-preview-expanded .editor__image-change-sidebar{width:100%}.editor__image-change-preview-card{display:flex;flex-direction:column;gap:8px;min-width:0}.editor__image-change-preview-label{font-size:12px;font-weight:600;color:var(--text-muted)}.editor__image-change-preview-frame{appearance:none;position:relative;width:140px;max-width:100%;aspect-ratio:4 / 3;margin:0;padding:0;border-radius:12px;border:1px solid var(--border);background:#ffffffb8;overflow:hidden;cursor:zoom-in}.editor__modal--image-change-preview-expanded .editor__image-change-preview-frame{width:100%;max-height:calc(100dvh - 96px);cursor:zoom-out}.editor__image-change-preview-image{display:block;width:100%;height:100%;border:0;border-radius:0;background:transparent;object-fit:cover}.editor__modal--image-change-preview-expanded .editor__image-change-preview-image{object-fit:contain}.editor__image-change-form{display:flex;flex-direction:column;gap:10px;min-width:0;min-height:100%}.editor__region-preview{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.editor__region-preview-card{display:flex;flex-direction:column;gap:8px;min-width:0}.editor__region-preview-frame{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:12px;border:1px solid var(--border);background:#ffffffb8;overflow:hidden}.editor__region-preview-label{font-size:12px;font-weight:600;color:var(--text-muted)}.editor__region-preview-image,.editor__region-preview-placeholder{width:100%;aspect-ratio:4 / 3;border-radius:12px;border:1px solid var(--border);background:#ffffffb8}.editor__region-preview-image{display:block;width:100%;height:100%;aspect-ratio:auto;border:0;border-radius:0;background:transparent;object-fit:contain}.editor__region-preview-mask{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.editor__region-preview-placeholder{display:flex;align-items:center;justify-content:center;padding:12px;font-size:13px;color:var(--text-secondary);text-align:center}.editor__region-restore{display:flex;flex-direction:column;gap:12px;max-width:100%}.editor__region-restore-list{display:grid;grid-template-columns:1fr;gap:12px}.editor__region-restore-card{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--bg) 86%,var(--bg-surface) 14%)}.editor__region-restore-flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:center}.editor__region-restore-stage{display:flex;flex-direction:column;gap:8px;min-width:0}.editor__region-restore-stage-label{font-size:12px;font-weight:600;color:var(--text-muted)}.editor__region-restore-frame{aspect-ratio:4 / 3}.editor__region-restore-arrow{display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.editor__region-history-empty{padding:14px;border:1px dashed rgba(48,60,84,.16);border-radius:12px;color:var(--text-secondary);font-size:13px;line-height:1.5;text-align:center;background:#ffffff73}.editor__modal-actions{display:flex;justify-content:flex-end;gap:10px}.editor__modal-actions--unsaved-exit .editor__header-btn{min-height:42px}.editor__modal-actions--split{align-items:center;justify-content:space-between}.editor__modal-actions-group{display:flex;justify-content:flex-end;gap:10px}.editor__header-btn--icon{display:inline-flex;align-items:center;gap:6px}.editor__header-btn--icon-only{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0}.editor__download-group{display:flex;gap:6px}.editor__header-btn--active{border-color:var(--border-focus);background:var(--accent-subtle);color:var(--text)}.editor__region-ai-tools{display:flex;align-items:center;gap:8px;flex:0 0 auto}.editor__region-ai-footer .editor__modal-actions-group{flex:1;min-width:0}.editor__region-ai-tool-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid var(--border);border-radius:999px;background:#ffffffd1;color:var(--text-muted);cursor:pointer;transition:all .15s ease}@media(hover:hover)and (pointer:fine){.editor__region-ai-tool-btn:hover:not(:disabled){background:var(--bg-surface-hover);color:var(--text);border-color:#35b4b147}}.editor__region-ai-tool-btn:disabled{opacity:.45;cursor:not-allowed}.editor__canvases{display:flex;flex:1;min-width:0;gap:1px;background:var(--border)}.editor__canvas-panel{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg)}.editor__sidebar{width:280px;flex-shrink:0;display:flex;flex-direction:column;border-left:1px solid var(--border);background:var(--bg-surface);overflow-y:auto}.editor__upload-view{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:16px}.editor__upload-view h2{font-size:24px;font-weight:600}.editor__upload-view p{color:var(--text-secondary);font-size:14px}.editor__upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:800px;width:100%;margin-top:20px}.editor__start-btn{margin-top:24px;padding:12px 32px;font-size:15px;font-weight:600;border:none;border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;transition:all .15s}@media(hover:hover)and (pointer:fine){.editor__start-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}}.dropzone,.hp-card--add,.pack-levels__card--add{border-style:dashed;border-color:#303c5424;background:linear-gradient(180deg,#ffffffe6,#35b4b114)}.dropzone{border:2px dashed rgba(48,60,84,.14);border-radius:var(--radius-lg);padding:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;min-height:200px}.dropzone--drag-over{border-color:var(--accent-teal);background:linear-gradient(180deg,#fff,#35b4b124)}@media(hover:hover)and (pointer:fine){.dropzone:hover,.pack-levels__card--add:hover{border-color:var(--accent-teal);background:linear-gradient(180deg,#fff,#35b4b124)}}.dropzone--loading{cursor:wait;border-color:var(--accent-teal);background:linear-gradient(180deg,#fff,#35b4b124)}@media(hover:hover)and (pointer:fine){.dropzone--loading:hover{border-color:var(--accent-teal);background:linear-gradient(180deg,#fff,#35b4b124)}}.dropzone--has-image{padding:0;overflow:hidden}.dropzone__placeholder{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-secondary);text-align:center}.dropzone__placeholder svg{opacity:.5}.dropzone__placeholder>span{font-size:14px;font-weight:500}.dropzone__placeholder--loading>span{font-weight:600;color:var(--accent)}.dropzone__placeholder small{font-size:12px;color:var(--text-muted);line-height:1.5;max-width:220px}.dropzone__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px}.dropzone__actions--stacked{flex-direction:column;align-items:center;width:min(100%,232px)}.dropzone__action-btn{border:1px solid var(--border);border-radius:999px;background:#ffffffdb;color:var(--text-secondary);font-size:13px;font-weight:600;padding:11px 16px;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease,color .15s ease}.dropzone__actions--stacked .dropzone__action-btn:not(.dropzone__action-btn--subtle){width:100%}.dropzone__action-content{display:grid;grid-template-columns:18px auto 18px;align-items:center;justify-content:center;width:100%;min-height:22px;column-gap:10px}.dropzone__action-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;justify-self:end}.dropzone__action-icon svg{width:18px;height:18px;display:block}.dropzone__action-label{display:block;text-align:center}.dropzone__action-icon-spacer{width:18px;height:18px}.dropzone__action-content--subtle{display:inline-flex;justify-content:center;gap:8px;width:auto;min-height:0}.dropzone__action-content--subtle .dropzone__action-icon{position:static;width:16px;height:16px;justify-self:auto}.dropzone__action-content--subtle .dropzone__action-icon svg{width:16px;height:16px}.dropzone__action-content--subtle .dropzone__action-label{width:auto}.dropzone__action-btn:disabled{opacity:.55;cursor:not-allowed}@media(hover:hover)and (pointer:fine){.dropzone__action-btn:hover:not(:disabled){transform:translateY(-1px);border-color:var(--accent);color:var(--text)}}.dropzone__action-btn--primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 10px 22px #303c541f}.dropzone__action-btn--secondary{background:color-mix(in srgb,var(--bg-surface) 92%,var(--accent-subtle) 8%);border-color:color-mix(in srgb,var(--border) 70%,var(--accent-teal) 30%);color:var(--accent)}.dropzone__action-btn--subtle{padding:0;border:none;border-radius:0;background:transparent;color:var(--text-muted);font-size:12px;font-weight:500}@media(hover:hover)and (pointer:fine){.dropzone__action-btn--primary:hover:not(:disabled){background:var(--accent-hover, var(--accent));color:#fff}.dropzone__action-btn--secondary:hover:not(:disabled){background:var(--bg-surface);border-color:var(--accent-teal);color:var(--accent)}.dropzone__action-btn--subtle:hover:not(:disabled){background:transparent;border-color:transparent;color:var(--accent);transform:none}}.dropzone__progress-ring{position:relative;display:grid;place-items:center;width:64px;height:64px}.dropzone__progress-ring svg{display:block;transform:rotate(-90deg);opacity:1}.dropzone__progress-track,.dropzone__progress-value{fill:none;stroke-width:5}.dropzone__progress-track{stroke:#303c541f}.dropzone__progress-value{stroke:var(--accent-teal);stroke-linecap:round;transition:stroke-dashoffset .4s ease}.dropzone__progress-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--accent)}.dropzone__preview{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.dropzone__preview img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;display:block}.canvas-container{flex:1;position:relative;overflow:visible;background:var(--bg);cursor:grab;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.canvas-container__viewport{position:absolute;inset:0;overflow:hidden}.canvas-container canvas{touch-action:none}.canvas-container:active{cursor:grabbing}.canvas-container--empty{display:flex;align-items:center;justify-content:center}.canvas-placeholder{color:var(--text-muted);font-size:14px}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.toolbar--stacked{flex-direction:column;align-items:center;gap:8px}.toolbar__main{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:4px}.toolbar__group{display:flex;align-items:center;gap:6px;flex-shrink:0}.toolbar__btn{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s}.toolbar__btn svg,.toolbar__icon-btn svg{flex-shrink:0}.toolbar__btn:disabled{opacity:.45;cursor:not-allowed}@media(hover:hover)and (pointer:fine){.toolbar__btn:hover:not(:disabled){background:var(--bg-surface-hover);color:var(--text)}}.toolbar__icon-btn{display:flex;align-items:center;justify-content:center;position:relative;width:28px;height:28px;border:1px solid var(--border);border-radius:999px;background:#ffffffb8;color:var(--text-muted);cursor:pointer;transition:all .15s;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.toolbar__icon-btn-spinner{display:block;flex-shrink:0;width:14px;height:14px;border:2px solid color-mix(in srgb,currentColor 26%,transparent);border-top-color:currentColor;border-radius:50%;animation:editorButtonSpinner .7s linear infinite}.toolbar__icon-btn-progress{display:grid;place-items:center;width:16px;height:16px}.toolbar__icon-btn-progress svg{display:block;transform:rotate(-90deg);overflow:visible}.toolbar__icon-btn-progress-track,.toolbar__icon-btn-progress-value{fill:none;stroke-width:2.2}.toolbar__icon-btn-progress-track{stroke:color-mix(in srgb,currentColor 24%,transparent);opacity:.55}.toolbar__icon-btn-progress-value{stroke:currentColor;stroke-linecap:round;transition:stroke-dashoffset .35s ease}.toolbar__icon-btn-progress-dot{fill:currentColor;opacity:.9}@media(hover:hover)and (pointer:fine){.toolbar__icon-btn:hover:not(:disabled){background:var(--bg-surface-hover);color:var(--text);border-color:#35b4b147}}.toolbar__icon-btn:disabled{opacity:.45;cursor:not-allowed}.toolbar__icon-btn--add{width:34px;height:34px;color:var(--accent);border-color:#35b4b152;background:var(--accent-subtle)}.toolbar__icon-btn--add-count{width:auto;min-width:34px;padding:0 10px;border-radius:999px}.toolbar__icon-btn--delete{width:34px;height:34px;color:var(--danger);border-color:#e0555547;background:#e055551f}@media(hover:hover)and (pointer:fine){.toolbar__icon-btn--delete:hover:not(:disabled){background:#e0555529;color:var(--danger);border-color:#e0555557}}.toolbar__icon-btn-count{font-size:12px;font-weight:700;line-height:1}.toolbar__icon-btn--utility{width:34px;height:34px}.toolbar__icon-btn--active{background:var(--accent-subtle);color:var(--accent);border-color:var(--accent)}.toolbar__icon-btn--auto-detect{width:34px;height:34px;color:var(--accent);border-color:#35b4b152}.toolbar__icon-btn--auto-detect.toolbar__icon-btn--active{background:#35b4b12e;color:var(--accent-teal-hover);border-color:#35b4b1b8;box-shadow:0 0 0 1px #35b4b114}.toolbar__btn--active{background:var(--accent-subtle);color:var(--accent);border-color:var(--accent)}.toolbar__btn--danger{color:var(--danger)}.toolbar__btn--accent{color:var(--accent)!important}@media(hover:hover)and (pointer:fine){.toolbar__btn--accent:hover{background:var(--accent-subtle)}.toolbar__btn--danger:hover:not(:disabled){background:#e0555514;color:var(--danger-hover)}}.toolbar__controls{display:flex;align-items:center;gap:10px;padding:0 4px;flex-wrap:wrap;flex:1 1 auto}.toolbar__detection-actions{display:flex;align-items:center;margin-left:auto}.toolbar__detection-panel{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid rgba(48,60,84,.08);border-radius:14px;background:#fff9;align-self:center}.toolbar__control{display:flex;flex-direction:column;gap:5px;min-width:118px;padding:6px 8px;border:1px solid rgba(48,60,84,.08);border-radius:10px;background:#ffffff85}.toolbar__control-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.toolbar__control-label{font-size:11px;color:var(--text-muted);white-space:nowrap}.toolbar__control-slider{width:100%;height:4px;-webkit-appearance:none;appearance:none;background:var(--border);border-radius:2px;outline:none}.toolbar__control-slider:disabled{opacity:.45}.toolbar__control-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent);cursor:pointer}.toolbar__control-value{font-size:11px;font-family:var(--font-mono);color:var(--text-secondary);min-width:28px;text-align:right}.toolbar__control-value--editable{cursor:pointer;border-radius:4px;padding:1px 4px;transition:background .15s,color .15s}@media(hover:hover)and (pointer:fine){.toolbar__control-value--editable:hover{background:var(--bg-tertiary, rgba(255,255,255,.1));color:var(--text-primary, #fff)}}.toolbar__control-input{width:56px;font-size:11px;font-family:var(--font-mono);color:var(--text-primary, #fff);background:var(--bg-tertiary, rgba(255,255,255,.1));border:1px solid var(--accent, #4a9eff);border-radius:4px;padding:1px 4px;text-align:right;outline:none;appearance:textfield;-moz-appearance:textfield}.toolbar__control-input:disabled{opacity:.45;cursor:not-allowed}.toolbar__control-input::-webkit-inner-spin-button,.toolbar__control-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.toolbar__badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--accent);color:#fff;font-size:10px;font-weight:600;line-height:1}.toolbar__separator{width:1px;height:24px;background:var(--border);margin:0 4px;flex-shrink:0}.toolbar--disabled{opacity:.4;pointer-events:none}.editor__canvas-dropzone{margin:auto;width:calc(100% - 48px);max-width:260px;aspect-ratio:1 / 1;min-height:unset;border-radius:var(--radius-lg);border:2px dashed var(--border)}.editor__canvas-dropzone--source{width:100%;max-width:300px;aspect-ratio:1 / 1;min-height:unset;padding:16px 14px;background:var(--bg)}.editor__source-entry{display:flex;flex:1;align-items:center;justify-content:center;padding:32px}.editor__source-entry-card{width:min(100%,300px);padding:0}.editor__source-entry-card--split{width:min(100%,300px);display:grid;grid-template-columns:1fr;gap:12px}.editor__source-entry-card--split .editor__canvas-dropzone{margin:auto;max-width:300px}.editor__canvas-loading{flex:1;background:var(--bg-surface);animation:editor-loading-pulse 1.4s ease-in-out infinite}@keyframes editor-loading-pulse{0%,to{opacity:1}50%{opacity:.5}}.hp{position:relative;height:100%;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;background:#303c54}.hp:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,#141b2842,#141b2814 48%,#141b282e),radial-gradient(ellipse at 50% 10%,rgba(53,180,177,.18),transparent 60%),#303c54;z-index:0}.hp--with-bg:before{background:linear-gradient(180deg,#141b2842,#141b2814 48%,#141b282e),var(--hp-home-bg) center top / cover no-repeat,radial-gradient(ellipse at 50% 10%,rgba(53,180,177,.18),transparent 60%),#303c54}.hp-nav{position:relative;z-index:2;background:transparent;border-bottom:none}.hp-nav__inner{max-width:1200px;margin:0 auto;padding:18px 32px 0;min-height:72px;display:flex;align-items:center;justify-content:space-between}.hp-nav__left{display:flex;align-items:center;gap:8px}.hp-nav__dev-btn{background:#dc2626;color:#fff;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-family:var(--font);cursor:pointer;transition:opacity .15s}.hp-nav__dev-btn--neutral{background:var(--accent)}@media(hover:hover)and (pointer:fine){.hp-nav__dev-btn:hover:not(:disabled){background:#b91c1c}.hp-nav__dev-btn--neutral:hover:not(:disabled){background:var(--accent-hover)}}.hp-nav__dev-btn:disabled{cursor:not-allowed;opacity:.6}.hp-nav__left{display:flex;gap:8px}.hp-nav__actions{display:flex;align-items:center;gap:14px}.hp-nav__action-group{display:flex;align-items:center;gap:8px}.hp-nav__action-group--divided{padding-left:14px;border-left:1px solid rgba(255,255,255,.14)}.hp-nav__action,.hp-nav__badge{min-height:38px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:#141b283d;color:#fff;font:inherit;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.01em;box-shadow:0 10px 28px #141b281f;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.hp-nav__action{padding:0 14px;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}@media(hover:hover)and (pointer:fine){.hp-nav__action:hover{background:#141b2857;border-color:#ffffff61;transform:translateY(-1px)}}.hp-nav__action--icon{width:38px;padding:0}.hp-nav__action--with-badge{position:relative}.hp-nav__action-count{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--danger);color:#fff;font-size:10px;font-weight:800;line-height:18px;border:1px solid #3c475e}.hp-nav__action--premium-active{background:#f5c51824;border-color:#f5c51861;color:#ffe388}.hp-nav__badge{padding:0 12px}.hp-nav__badge--stars{color:#f5c518}.profile-dialog{width:min(640px,calc(100vw - 32px));max-width:640px;max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 48px);gap:18px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.profile-dialog__backdrop{z-index:1300}.profile-dialog__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.profile-dialog__close{width:38px;min-width:38px;height:38px;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.profile-dialog__section{display:flex;flex-direction:column;gap:12px}.profile-dialog__section-title{font-size:15px;font-weight:800;color:var(--text)}.profile-dialog__info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profile-dialog__slider-list{display:flex;flex-direction:column;gap:12px}.profile-dialog__slider-row{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg)}.profile-dialog__slider-label{color:var(--text);font-size:14px;font-weight:800}.profile-dialog__slider-row input[type=range]{width:100%;accent-color:var(--accent-teal)}.profile-dialog__info-card,.profile-dialog__toggle-row{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg)}.profile-dialog__info-card{display:flex;flex-direction:column;gap:6px;padding:14px}.profile-dialog__info-card--editable{position:relative;padding-right:48px}.profile-dialog__username-form{display:flex;flex-direction:column;gap:10px}.profile-dialog__username-input{min-height:42px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text);font:inherit;font-size:14px;padding:0 12px}.profile-dialog__username-input:focus{outline:2px solid color-mix(in srgb,var(--accent-teal) 30%,transparent);border-color:var(--accent-teal)}.profile-dialog__edit-icon{position:absolute;top:10px;right:10px;width:30px;height:30px;border:1px solid var(--border);border-radius:999px;background:var(--bg-surface);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.profile-dialog__username-actions{display:flex;flex-wrap:wrap;gap:8px}.profile-dialog__mini-btn{min-height:34px;padding:0 12px;border:1px solid var(--border);border-radius:999px;background:var(--accent-teal);color:#fff;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.profile-dialog__mini-btn--ghost{background:var(--bg-surface);color:var(--text)}.profile-dialog__info-label{font-size:12px;font-weight:700;color:var(--text-muted)}.profile-dialog__info-value{font-size:16px;font-weight:700;color:var(--text)}.profile-dialog__toggle-list{display:flex;flex-direction:column;gap:12px}.profile-dialog__toggle-row{width:100%;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;font:inherit;text-align:left}.profile-dialog__toggle-label,.profile-dialog__danger-title{display:block;color:var(--text);font-size:14px;font-weight:800}.profile-dialog__toggle-help,.profile-dialog__username-help,.profile-dialog__danger-text,.profile-dialog__danger-confirm,.profile-dialog__error{display:block;margin-top:4px;color:var(--text-secondary);font-size:13px;line-height:1.45}.profile-dialog__username-help--success{color:#16a34a}.profile-dialog__username-help--error{color:var(--danger)}.profile-dialog__toggle{width:50px;min-width:50px;height:30px;padding:3px;border-radius:999px;background:var(--border);display:inline-flex;align-items:center;transition:background .15s ease}.profile-dialog__toggle--active{background:var(--accent-teal)}.profile-dialog__toggle-thumb{width:24px;height:24px;border-radius:999px;background:#fff;transition:transform .15s ease}.profile-dialog__toggle--active .profile-dialog__toggle-thumb{transform:translate(20px)}.profile-dialog__action-row,.profile-dialog__danger-actions{display:flex;gap:10px}.profile-dialog__action-btn,.profile-dialog__secondary-btn,.profile-dialog__danger-btn,.profile-dialog__danger-link{min-height:40px;padding:0 16px;border-radius:999px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.profile-dialog__action-btn,.profile-dialog__secondary-btn{border:1px solid var(--border);background:var(--bg-surface);color:var(--text)}.profile-dialog__danger-box{padding:14px;border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--danger) 22%,transparent);background:color-mix(in srgb,var(--danger) 8%,var(--bg) 92%)}.profile-dialog__danger-link,.profile-dialog__danger-btn{border:1px solid transparent;background:var(--danger);color:#fff}.profile-dialog__danger-confirm,.profile-dialog__error{color:var(--danger)}.profile-dialog__action-btn:disabled,.profile-dialog__secondary-btn:disabled,.profile-dialog__danger-btn:disabled,.profile-dialog__danger-link:disabled,.profile-dialog__close:disabled,.profile-dialog__edit-icon:disabled,.profile-dialog__mini-btn:disabled,.profile-dialog__username-input:disabled{opacity:.6;cursor:not-allowed}.hp-nav__btn{padding:10px 18px;font-size:13px;font-weight:600;border-radius:999px;cursor:pointer;transition:all .18s ease;border:1px solid transparent;font-family:var(--font);letter-spacing:.01em;display:inline-flex;align-items:center;justify-content:center;min-height:38px}.hp-nav__btn--primary{background:#141b283d;border-color:#ffffff47;color:#fff;box-shadow:0 10px 28px #141b281f;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}@media(hover:hover)and (pointer:fine){.hp-nav__btn--primary:hover{background:#141b2857;border-color:#ffffff61;transform:translateY(-1px)}}.hp-hero{position:relative;z-index:1;padding:36px 32px 24px;overflow:visible;background:transparent}.hp-hero__bg-glow{position:absolute;inset:-140px auto auto 50%;transform:translate(-50%);width:min(680px,82vw);height:360px;background:radial-gradient(ellipse,rgba(53,180,177,.08) 0%,transparent 72%);pointer-events:none}.hp-hero__content{position:relative;max-width:1080px;margin:0 auto}.hp-hero__main{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:28px;align-items:stretch}.hp-hero__main--single{display:block}.hp-hero__copy{padding:18px 0}.hp-hero__copy--centered{max-width:760px;margin:0 auto;text-align:center}.hp-hero__logo-wrap{position:relative;width:100%;max-width:360px;margin:0 auto 4px}.hp-hero__blog-badge{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;margin:0 auto 8px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.34);background:#141b2842;color:#fff;font-size:13px;font-weight:800;text-decoration:none;letter-spacing:.01em;box-shadow:0 12px 28px #141b2824;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .16s ease,background .16s ease,border-color .16s ease}@media(hover:hover)and (pointer:fine){.hp-hero__blog-badge:hover{transform:translateY(-1px);background:#141b285c;border-color:#ffffff7a}}.hp-hero__logo-wrap:before{content:"";position:absolute;left:50%;top:calc(50% + 12px);width:min(122%,455px);height:132%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse at center,#f8fafbbf,#f8fafb00);filter:blur(22px);pointer-events:none;z-index:0}.hp-hero__logo{position:relative;z-index:1;display:block;max-width:360px;width:100%;height:auto;margin:0 auto}.hp-hero__actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:4px}.hp-hero__cta{min-height:42px;padding:0 20px;border-radius:999px;border:1px solid transparent;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:transform .16s ease,background .16s ease,border-color .16s ease}@media(hover:hover)and (pointer:fine){.hp-hero__cta:hover{transform:translateY(-1px)}}.hp-hero__cta--primary{color:#fff;background:#ffffff3d;background:#16a34aad;border-color:#ffffff6b;border-color:#16a34ad1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.hp-hero__cta--secondary{color:var(--hp-footer-text, #fff);background:#fff3;background:color-mix(in srgb,var(--hp-footer-bg, var(--accent-teal)) 42%,transparent);border-color:#ffffff57;border-color:color-mix(in srgb,var(--hp-footer-bg, var(--accent-teal)) 68%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.hp-hero__cta--test{color:#f5c518;background:#2724128a;border-color:#f5c5188c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);min-height:36px;padding:0 14px;font-size:13px}.hp-hero__test-actions{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.hp-hero__cta:disabled{cursor:not-allowed;opacity:.55}@media(min-width:769px){.hp-hero{padding-top:4px;padding-bottom:18px}.hp-hero__copy{padding-top:0;padding-bottom:12px}}.hp-packs{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:8px 32px 52px;background:transparent}.hp-packs__block{margin-bottom:24px}.hp-packs__block:last-child{margin-bottom:0}.hp-packs__block--panel{padding:22px;border-radius:22px;background:#141b283d;border:1px solid rgba(255,255,255,.28);box-shadow:0 18px 44px #141b281f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.hp-packs__block-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.hp-packs__block-title{font-size:20px;font-weight:800;letter-spacing:-.02em;color:#fff;margin-bottom:0}.hp-packs__show-more{display:flex;align-items:center;gap:5px;padding:8px 14px;font-size:12px;font-weight:600;font-family:var(--font);color:var(--accent-teal);background:#35b4b11f;border:1px solid rgba(53,180,177,.14);border-radius:100px;cursor:pointer;transition:all .15s;white-space:nowrap}@media(hover:hover)and (pointer:fine){.hp-packs__show-more:hover{background:var(--accent-teal);color:#fff}}.hp-packs__show-more--center{margin:18px auto 0}.hp-packs__show-more:disabled{cursor:wait;opacity:.7}.hp-packs__empty{color:var(--text-secondary);padding:22px 0;text-align:center}.hp-packs__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.hp-browse{margin-bottom:20px;display:flex;flex-direction:column;gap:16px;padding:0;background:transparent;border:none}.hp-browse__search{position:relative;display:flex;align-items:center}.hp-browse__search-icon{position:absolute;left:14px;color:var(--text-secondary);pointer-events:none;flex-shrink:0}.hp-browse__search-input{width:100%;padding:14px 42px 14px 44px;font-size:14px;font-family:var(--font);font-weight:650;color:var(--text);background:#ffffffe6;border:1px solid rgba(48,60,84,.18);border-radius:100px;outline:none;transition:border-color .15s,box-shadow .15s;box-shadow:0 8px 22px #141b2814,inset 0 1px #ffffffb8}.hp-browse__search-input::placeholder{color:#303c54a8}.hp-browse__search-input:focus{border-color:var(--accent-teal);box-shadow:0 0 0 3px #35b4b11f}.hp-browse__search-clear{position:absolute;right:10px;background:none;border:none;padding:4px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:color .15s}@media(hover:hover)and (pointer:fine){.hp-browse__search-clear:hover{color:var(--text)}}.hp-browse__controls{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.hp-browse__filters{display:flex;gap:8px;flex-wrap:wrap}.hp-browse__filter-group{display:flex;gap:4px}.hp-browse__chip{padding:8px 14px;font-size:12px;font-weight:600;font-family:var(--font);color:var(--text-secondary);background:#fff;border:1px solid rgba(48,60,84,.08);border-radius:100px;cursor:pointer;transition:all .15s;white-space:nowrap}@media(hover:hover)and (pointer:fine){.hp-browse__chip:hover{border-color:var(--accent-teal);color:var(--accent-teal)}}.hp-browse__chip--active{background:var(--accent-teal);border-color:var(--accent-teal);color:#fff}@media(hover:hover)and (pointer:fine){.hp-browse__chip--active:hover{background:var(--accent-teal-hover);border-color:var(--accent-teal-hover);color:#fff}}.hp-browse__chip--active.hp-browse__chip--easy{background:#059669;border-color:#059669}.hp-browse__chip--active.hp-browse__chip--medium{background:#d97706;border-color:#d97706}.hp-browse__chip--active.hp-browse__chip--hard{background:#dc2626;border-color:#dc2626}.hp-browse__sort{display:flex;align-items:flex-start;gap:8px;flex-direction:column;flex-shrink:0;min-width:0}.hp-browse__sort-label{font-size:12px;font-weight:800;color:#fff;white-space:nowrap}.hp-browse__sort-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hp-browse__sort-chip{min-height:34px;padding:0 12px;font-size:12px;font-weight:750;font-family:var(--font);color:var(--sort-color, var(--text-secondary));background-color:var(--sort-bg, rgba(255, 255, 255, .82));border:1px solid var(--sort-border, rgba(48, 60, 84, .16));border-radius:100px;cursor:pointer;outline:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:border-color .15s,background-color .15s,color .15s}.hp-browse__sort-chip:focus-visible{border-color:var(--sort-border, rgba(53, 180, 177, .38));color:var(--sort-color, var(--accent-teal));background-color:var(--sort-hover-bg, rgba(255, 255, 255, .92))}@media(hover:hover)and (pointer:fine){.hp-browse__sort-chip:hover{border-color:var(--sort-border, rgba(53, 180, 177, .38));color:var(--sort-color, var(--accent-teal));background-color:var(--sort-hover-bg, rgba(255, 255, 255, .92))}}.hp-browse__sort-chip:focus-visible{box-shadow:0 0 0 3px #35b4b133}.hp-browse__sort-chip--active{background-color:var(--sort-bg, rgba(53, 180, 177, .14));border-color:var(--sort-border, rgba(53, 180, 177, .38));color:var(--sort-color, var(--accent-teal));font-weight:850}.hp-browse__empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:10px;padding:56px 24px;color:var(--text-muted);text-align:center;border-radius:22px;background:#ffffff9e;border:1px dashed rgba(48,60,84,.12)}.hp-browse__empty p{font-size:14px;font-weight:500}.hp-browse__empty-reset{padding:8px 20px;font-size:13px;font-weight:600;font-family:var(--font);color:var(--accent-teal);background:var(--accent-subtle);border:none;border-radius:100px;cursor:pointer;transition:all .15s}@media(hover:hover)and (pointer:fine){.hp-browse__empty-reset:hover{background:var(--accent-teal);color:#fff}}.hp-card{aspect-ratio:1;display:flex;flex-direction:column;background:#ffffffeb;border:1px solid rgba(48,60,84,.08);border-radius:20px;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 16px 34px #303c5414}@media(hover:hover)and (pointer:fine){.hp-card:hover{border-color:#35b4b138;transform:translateY(-6px);box-shadow:0 24px 42px #303c541f}}.hp-card--skeleton{cursor:default}@media(hover:hover)and (pointer:fine){.hp-card--skeleton:hover{border-color:#303c5414;transform:none;box-shadow:0 16px 34px #303c5414}}.hp-card--hidden{border-color:#11182729;box-shadow:0 16px 34px #1118271f}.hp-card__cover{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(180deg,#eff4fb,#f8fbff)}.hp-card__cover--empty{background:#fff}.hp-card__cover-loading{position:absolute;inset:0;overflow:hidden;background:linear-gradient(180deg,#e7eef8fa,#f5f8fcfa)}.hp-card__cover-shimmer{position:absolute;inset:0 auto 0 -60%;width:60%;background:linear-gradient(90deg,#fff0,#ffffffb3,#fff0);animation:hp-cover-shimmer 1.15s ease-in-out infinite}.hp-card__cover-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.4) 100%);z-index:2}.hp-card__cover-img{position:relative;width:100%;height:100%;object-fit:cover;display:block;z-index:1;opacity:1;transition:opacity .18s ease}.hp-card__cover-img--loading{opacity:0}.hp-card__icon{font-size:44px;position:relative;z-index:1;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.hp-card__empty-cover-label{position:relative;z-index:1;max-width:160px;padding:0 16px;text-align:center;font-size:15px;font-weight:600;line-height:1.35;color:var(--text-secondary)}@keyframes hp-cover-shimmer{0%{transform:translate(0)}to{transform:translate(270%)}}.hp-card__body{flex-shrink:0;padding:7px 10px 8px;display:flex;flex-direction:column;gap:1px}.hp-card__title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.hp-card__fit-text{display:block;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-card__title{--fit-text-max: 14;--fit-text-min: 8.5;font-size:calc(var(--fit-text-size, var(--fit-text-max)) * 1px);font-weight:700;letter-spacing:var(--fit-title-letter-spacing, -.01em);color:var(--text);text-transform:var(--fit-title-transform, uppercase);min-width:0;flex:1 1 auto}.hp-card__author{--fit-text-max: 11;--fit-text-min: 9;font-size:calc(var(--fit-text-size, var(--fit-text-max)) * 1px);color:var(--accent-teal);font-weight:500;flex:1 1 auto;min-width:0}.hp-card__author--link{cursor:pointer}@media(hover:hover)and (pointer:fine){.hp-card__author--link:hover{text-decoration:underline}}.hp-card__stat{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--text-muted);font-weight:500;flex-shrink:0}.hp-card__meta-row{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:16px;min-width:0}.hp-card__status{position:absolute;top:10px;left:10px;z-index:2;display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.hp-card__status-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.hp-card__status--draft{background:#50410fe6;color:#f2c94c}.hp-card__status--published{background:#14502de6;color:#86efac}.hp-card__status--pending_review{background:#3c4673eb;color:#c7d2fe}.hp-card__status--hidden{background:#111827eb;color:#f9fafb}.hp-card__status--skeleton{width:62px;height:22px;padding:0;background:#ffffffb8;color:transparent}.hp-card__type{position:absolute;top:10px;left:10px;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;max-width:calc(100% - 20px);border-radius:8px;color:#fff}.hp-card__type--with-status{top:40px}.hp-card__type--official{background:var(--hp-footer-bg, rgba(53, 180, 177, .72));background:color-mix(in srgb,var(--hp-footer-bg, rgb(53, 180, 177)) 72%,transparent)}.hp-card__progress-dots{z-index:3}.pack-levels__completion-badge--dots.hp-card__progress-dots--summary{align-items:flex-start;align-self:flex-start}.hp-card__progress-segment{font-size:11px;line-height:1;font-weight:800;color:#ffffffeb;text-shadow:0 1px 4px rgba(0,0,0,.32)}.hp-card__progress-segment--open{color:#ffffffd1}@media(max-width:768px){.hp-card__type{top:6px;left:6px;width:22px;height:22px;border-radius:7px}.hp-card__type--with-status{top:34px}.hp-card__type svg{width:14px;height:14px}.hp-card__progress-segment{font-size:10px}}.hp-card__author-spacer{flex:1}.hp-card__like{display:flex;align-items:center;gap:3px;padding:1px 3px;background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:10px;font-weight:600;font-family:var(--font);border-radius:var(--radius-sm);transition:all .15s;flex-shrink:0;margin:-1px -3px -1px auto}@media(hover:hover)and (pointer:fine){.hp-card__like:hover{color:#e05555}}.hp-card__like--active{color:#e05555}@media(hover:hover)and (pointer:fine){.hp-card__like--active:hover{color:#c74444}}.hp-card__like-count{line-height:1}.hp-card--detailed .hp-card__body{gap:8px;padding:10px 12px 12px}.hp-card__owner-meta{font-size:11px;font-weight:600;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-card__stat--owner{color:var(--text-secondary)}.hp-card__footer{display:flex;align-items:center;justify-content:flex-end}.hp-card__line{display:block;border-radius:999px;background:#e6ecf3}.hp-card__line--title{flex:1 1 auto;height:14px;max-width:72%}.hp-card__line--stat{width:32px;height:12px;flex-shrink:0}.hp-card__line--meta{flex:1 1 auto;height:11px;max-width:58%}.hp-card__line--icon{width:24px;height:12px;flex-shrink:0}.hp-card__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:100%}.hp-card__action-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid rgba(48,60,84,.1);border-radius:10px;background:#303c540a;color:var(--text-secondary);cursor:pointer;transition:all .15s}@media(hover:hover)and (pointer:fine){.hp-card__action-btn:hover{border-color:#35b4b13d;background:#35b4b11f;color:var(--text)}}.hp-card__action-btn--danger{border-color:#e055553d;color:var(--danger)}@media(hover:hover)and (pointer:fine){.hp-card__action-btn--danger:hover{background:#e055551a;border-color:#e0555552;color:var(--danger-hover)}}.hp-card--add{display:flex;align-items:center;justify-content:center;min-height:0;padding:0;font-family:var(--font);text-align:center;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.hp-card--add:focus-visible{outline:3px solid rgba(53,180,177,.28);outline-offset:3px}.hp-card--add::-moz-focus-inner{border:0;padding:0}@media(hover:hover)and (pointer:fine){.hp-card--add:hover{box-shadow:0 24px 42px #303c541f}}.hp-card__add-inner{display:flex;flex-direction:column;align-items:center;gap:5px;padding:14px 18px;text-align:center}@media(hover:hover)and (pointer:fine){.hp-card--add:hover .hp-card__add-btn{background:var(--accent-teal);color:#fff}}.hp-card__add-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#35b4b124;color:var(--accent-teal);margin-bottom:0}.hp-card__add-title{font-size:17px;font-weight:700;color:var(--text)}.hp-card__add-desc{font-size:13px;line-height:1.6;color:var(--text-secondary);max-width:220px}.hp-card__add-btn{padding:10px 20px;font-size:13px;font-weight:600;border-radius:999px;border:1px solid var(--accent-teal);background:transparent;color:var(--accent-teal);cursor:pointer;transition:all .15s;font-family:var(--font);margin-top:2px}@media(hover:hover)and (pointer:fine){.hp-card__add-btn:hover{background:var(--accent-teal);color:#fff}}.hp-footer{position:relative;z-index:1;background:var(--hp-footer-bg, var(--page-overscroll-bg));border-top:none;padding:24px 32px}.hp-footer__inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.hp-footer__copy{font-size:13px;color:var(--hp-footer-text, rgba(255, 255, 255, .85));font-weight:500;letter-spacing:.02em}.hp-footer__links{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px 18px}.hp-footer__link{font-size:13px;font-weight:500;color:var(--hp-footer-link, rgba(255, 255, 255, .78));text-decoration:none;transition:color .15s ease,opacity .15s ease}@media(hover:hover)and (pointer:fine){.hp-footer__link:hover{color:var(--hp-footer-link-hover, #fff)}}.my-packs-page{min-height:100vh;background:var(--bg)}.my-packs__header{display:flex;align-items:center;gap:16px;padding:16px 32px;border-bottom:1px solid var(--border);background:var(--bg-surface);flex-wrap:wrap}.my-packs__header-copy{flex:1;min-width:0}.my-packs__header h1{font-size:18px;font-weight:600}.my-packs__create-btn{width:38px;height:38px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--text);cursor:pointer;font-family:var(--font);transition:all .15s}@media(hover:hover)and (pointer:fine){.my-packs__create-btn:hover{background:var(--bg-surface-hover)}}.my-packs__content{max-width:1200px;margin:0 auto;padding:28px 32px 32px}.my-packs__state{min-height:220px;display:grid;place-items:center}.my-packs__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.my-packs__empty{min-height:280px}.author-packs__state{min-height:220px;display:grid;place-items:center}.author-packs__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.pack-levels-page{min-height:100vh;background:var(--bg)}.pack-levels__header{display:flex;align-items:center;gap:16px;padding:16px 32px;border-bottom:1px solid var(--border);background:var(--bg-surface);flex-wrap:wrap}.pack-levels__title-row{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.pack-levels__title-icon{width:44px;height:44px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;overflow:hidden}.pack-levels__title-icon-img{width:100%;height:100%;object-fit:cover}.pack-levels__title-row h1{font-size:18px;font-weight:600}.pack-levels__subtitle{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;max-width:min(100%,38rem);min-width:0;line-height:1.45}.pack-levels__subtitle--expanded{white-space:normal;overflow-wrap:break-word;overflow:visible;text-overflow:unset}.pack-levels__draft-badge{display:inline-block;padding:2px 8px;margin-left:8px;font-size:11px;font-weight:600;background:#50410fd9;color:#f2c94c;border-radius:100px}.pack-levels__official-badge{display:inline-block;padding:2px 8px;margin-left:8px;font-size:11px;font-weight:600;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border-radius:100px}.pack-levels__hidden-badge{display:inline-block;padding:2px 8px;margin-left:8px;font-size:11px;font-weight:600;background:#7f1d1de6;color:#fecaca;border-radius:100px}.pack-levels__title-info{flex:1;min-width:0}.pack-levels__title-with-edit{display:flex;align-items:center;gap:8px}.pack-levels__edit-icon{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius);display:flex;align-items:center;transition:color .15s,background .15s;flex-shrink:0}@media(hover:hover)and (pointer:fine){.pack-levels__edit-icon:hover{color:var(--accent);background:#ffffff0f}}.pack-levels__edit-form{display:flex;flex-direction:column;gap:8px;width:min(100%,720px)}.pack-levels__edit-input,.pack-levels__edit-textarea{width:100%;padding:8px 12px;font-size:14px;font-family:inherit;color:var(--text);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);outline:none;transition:border-color .15s}.pack-levels__edit-input:focus,.pack-levels__edit-textarea:focus{border-color:var(--accent)}.pack-levels__edit-input{font-size:18px;font-weight:700}.pack-levels__edit-textarea{resize:vertical;min-height:40px}.pack-levels__diff-pill{padding:3px 12px;font-size:12px;font-weight:600;border:none;border-radius:999px;cursor:pointer;transition:all .15s ease;background:transparent;color:var(--text-muted)}@media(hover:hover)and (pointer:fine){.pack-levels__diff-pill:hover:not(.pack-levels__diff-pill--active){color:var(--text-primary)}}.pack-levels__diff-pill--easy.pack-levels__diff-pill--active{background:linear-gradient(135deg,#059669,#10b981);color:#fff}.pack-levels__diff-pill--medium.pack-levels__diff-pill--active{background:linear-gradient(135deg,#d97706,#f59e0b);color:#fff}.pack-levels__diff-pill--hard.pack-levels__diff-pill--active{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}.pack-levels__edit-actions{display:flex;gap:8px}.pack-levels__edit-btn{padding:6px 16px;font-size:13px;font-weight:600;border-radius:var(--radius);border:none;cursor:pointer;transition:opacity .15s}.pack-levels__edit-btn:disabled{opacity:.5;cursor:not-allowed}.pack-levels__edit-btn--save{background:var(--accent);color:#fff}@media(hover:hover)and (pointer:fine){.pack-levels__edit-btn--save:hover:not(:disabled){background:var(--accent-hover)}}.pack-levels__edit-btn--cancel{background:var(--bg-surface);color:var(--text-secondary)}@media(hover:hover)and (pointer:fine){.pack-levels__edit-btn--cancel:hover:not(:disabled){background:var(--bg-surface-hover)}}.pack-levels__actions{display:flex;gap:8px;flex-shrink:0}.pack-levels__actions--compact{align-items:center;justify-content:flex-end}.pack-levels__mobile-actions{flex-shrink:0;margin-left:auto;display:flex;flex-direction:column;align-items:flex-end}.pack-levels__mobile-menu{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;flex-basis:100%;margin-top:8px}.pack-levels__action-btn{padding:8px 18px;font-size:13px;font-weight:600;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--text);cursor:pointer;font-family:var(--font);transition:all .15s}.pack-levels__action-btn--icon{width:38px;height:38px;padding:0;display:inline-flex;align-items:center;justify-content:center}.pack-levels__action-btn--icon .pack-levels__btn-spinner{margin-right:0}@media(hover:hover)and (pointer:fine){.pack-levels__action-btn:hover{background:var(--bg-surface-hover)}}.pack-levels__action-btn--active{background:var(--bg-surface-hover)}.pack-levels__action-btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}@media(hover:hover)and (pointer:fine){.pack-levels__action-btn--primary:hover{background:var(--accent-hover)}}.pack-levels__action-btn--success{background:#16a34a;border-color:#16a34a;color:#fff}@media(hover:hover)and (pointer:fine){.pack-levels__action-btn--success:hover{background:#15803d;border-color:#15803d}}.pack-levels__action-btn--warning{background:#ea580c;border-color:#ea580c;color:#fff}@media(hover:hover)and (pointer:fine){.pack-levels__action-btn--warning:hover{background:#c2410c;border-color:#c2410c}}.pack-levels__action-btn--danger{background:#dc2626;border-color:#dc2626;color:#fff}@media(hover:hover)and (pointer:fine){.pack-levels__action-btn--danger:hover{background:#b91c1c;border-color:#b91c1c}}.pack-levels__action-btn--visibility{background:linear-gradient(135deg,#1f2937,#374151);border-color:#1f2937;color:#fff}@media(hover:hover)and (pointer:fine){.pack-levels__action-btn--visibility:hover{background:linear-gradient(135deg,#111827,#1f2937);border-color:#111827}}.pack-levels__actions--admin{margin-top:4px}.pack-levels__action-btn--admin{background:linear-gradient(135deg,#7c3aed,#a855f7);border-color:#7c3aed;color:#fff}@media(hover:hover)and (pointer:fine){.pack-levels__action-btn--admin:hover{background:linear-gradient(135deg,#6d28d9,#9333ea);border-color:#6d28d9}}.pack-levels__action-btn:disabled{opacity:.85;cursor:not-allowed}.pack-levels__action-btn .pack-levels__btn-spinner{display:block;flex-shrink:0;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:packLevelsSpinner .7s linear infinite}.pack-songs-dialog{width:min(560px,calc(100vw - 32px));max-width:560px;max-height:min(760px,calc(100vh - 32px))}.pack-songs-dialog--with-sidebar{width:min(760px,calc(100vw - 32px));max-width:760px}.level-song-dialog{width:min(450px,calc(100vw - 32px));max-width:450px;max-height:min(720px,calc(100vh - 32px));min-height:0}.level-song-dialog__list{display:flex;flex-direction:column;flex:1 1 auto;gap:8px;margin-top:14px;min-height:0;max-height:min(54vh,420px);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-right:4px}.level-song-dialog__row{display:flex;align-items:center;gap:8px;width:100%;max-width:100%;min-width:0;box-sizing:border-box;padding:7px 9px;border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-radius:10px;background:color-mix(in srgb,var(--bg) 94%,var(--bg-surface) 6%);transition:border-color .15s ease,background .15s ease}@media(hover:hover)and (pointer:fine){.level-song-dialog__row:hover{border-color:color-mix(in srgb,var(--accent) 24%,var(--border))}}.level-song-dialog__option{flex:1 1 0%;width:0;display:flex;align-items:center;gap:14px;min-width:0;overflow:hidden;padding:0;border:0;border-radius:0;background:transparent;color:var(--text);text-align:left;cursor:pointer;transition:color .15s ease}@media(hover:hover)and (pointer:fine){.level-song-dialog__option:hover{color:inherit}}.level-song-dialog__row--selected{border-color:var(--accent);background:#303c541a}.level-song-dialog__option--song{gap:14px}.level-song-dialog__radio{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--accent);border-radius:999px;background:var(--bg-surface);flex-shrink:0}.level-song-dialog__radio--selected{border-color:var(--accent)}.level-song-dialog__radio-dot{width:8px;height:8px;border-radius:999px;background:var(--accent)}.level-song-dialog__option-copy{flex:1 1 auto;min-width:0;overflow:hidden;display:flex;flex-direction:column}.level-song-dialog__option-title{font-size:13px;font-weight:600;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.level-song-dialog__option-meta{font-size:11px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.level-song-dialog__actions{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.pack-songs-dialog__summary{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:0}.pack-songs-dialog__summary-badge{display:inline-flex;align-items:center;min-height:32px;padding:6px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));background:color-mix(in srgb,var(--accent-subtle) 38%,var(--bg) 62%);color:var(--text);font-size:13px;font-weight:700}.pack-songs-dialog__summary-badge--exclude{border-color:color-mix(in srgb,#ef4444 34%,var(--border));background:color-mix(in srgb,#ef4444 12%,var(--bg) 88%);color:color-mix(in srgb,#ef4444 88%,var(--text))}.pack-songs-dialog__mode-toggle{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;padding:4px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--bg) 92%,var(--bg-surface) 8%)}.pack-songs-dialog__mode-btn{min-height:30px;padding:5px 10px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--text-secondary);font:inherit;font-size:12px;font-weight:800;cursor:pointer}.pack-songs-dialog__mode-btn:disabled{cursor:not-allowed;opacity:.5}.pack-songs-dialog__mode-btn--active{border-color:color-mix(in srgb,var(--accent) 28%,var(--border));background:color-mix(in srgb,var(--accent-subtle) 48%,var(--bg) 52%);color:var(--text)}.pack-songs-dialog__mode-btn--exclude.pack-songs-dialog__mode-btn--active{border-color:color-mix(in srgb,#ef4444 45%,var(--border));background:color-mix(in srgb,#ef4444 13%,var(--bg) 87%);color:color-mix(in srgb,#ef4444 88%,var(--text))}.pack-songs-dialog__body{display:grid;grid-template-columns:minmax(0,1fr);flex:1 1 auto;min-height:0;gap:12px;margin-top:8px;align-items:start;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-right:4px}.pack-songs-dialog__body--with-sidebar{grid-template-columns:minmax(0,1fr) 240px}.pack-songs-dialog__main,.pack-songs-dialog__sidebar{display:flex;flex-direction:column;gap:10px}.pack-songs-dialog__section{display:flex;flex-direction:column;gap:8px}.pack-songs-dialog__section--songs,.pack-songs-dialog__section--upload,.pack-songs-dialog__section--generate{padding:10px;border:1px solid color-mix(in srgb,var(--border) 90%,transparent);border-radius:16px;background:color-mix(in srgb,var(--bg-surface) 95%,var(--bg) 5%);box-shadow:0 8px 24px #0f172a0a}.pack-songs-dialog__section-header,.pack-songs-dialog__group-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.pack-songs-dialog__section-toggle{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:4px 8px;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--text-secondary);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.pack-songs-dialog__group-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pack-songs-dialog__section-title,.pack-songs-dialog__group-title{margin:0}.pack-songs-dialog__section-title{font-size:14px}.pack-songs-dialog__section-hint{margin:3px 0 0;color:var(--text-secondary);font-size:12px;line-height:1.35}.pack-songs-dialog__group-title{display:inline-flex;align-items:center;gap:6px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pack-songs-dialog__group-title>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.pack-songs-dialog__group-type-icon{display:inline-flex;align-items:center;flex-shrink:0;color:var(--text-secondary)}.pack-songs-dialog__groups{display:flex;flex-direction:column;gap:8px}.pack-songs-dialog__group{padding:10px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--bg) 96%,var(--bg-surface) 4%)}.pack-songs-dialog__group-count{display:inline-block;color:var(--text-secondary);font-size:12px;font-weight:600}.pack-songs-dialog__group-meta{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.pack-songs-dialog__chevron{color:var(--text-secondary);transition:transform .15s ease}.pack-songs-dialog__chevron--expanded{transform:rotate(180deg)}.pack-songs-dialog__list{display:flex;flex-direction:column;gap:5px;margin-top:4px}.pack-songs-dialog__song{display:flex;align-items:center;gap:8px;width:100%;max-width:100%;min-width:0;box-sizing:border-box;padding:7px 9px;border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-radius:10px;background:color-mix(in srgb,var(--bg) 94%,var(--bg-surface) 6%);transition:border-color .15s ease,background .15s ease}@media(hover:hover)and (pointer:fine){.pack-songs-dialog__song:hover{border-color:color-mix(in srgb,var(--accent) 24%,var(--border))}}.pack-songs-dialog__song--selected{border-color:var(--accent);background:#303c541a}.pack-songs-dialog__song--exclude-mode{border-color:color-mix(in srgb,#ef4444 38%,var(--border));background:color-mix(in srgb,#ef4444 7%,var(--bg) 93%)}.pack-songs-dialog__song--excluded{border-color:color-mix(in srgb,#ef4444 78%,var(--border));background:color-mix(in srgb,#ef4444 14%,var(--bg) 86%)}.pack-songs-dialog__song--missing{border-color:color-mix(in srgb,#f59e0b 58%,var(--border))}.pack-songs-dialog__song--pending{position:relative;flex-direction:column;align-items:stretch}.pack-songs-dialog__song--pending-error{border-color:color-mix(in srgb,#ef4444 72%,var(--border))}.pack-songs-dialog__song-main{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 0%;width:0;overflow:hidden;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.pack-songs-dialog__song-main--static{cursor:default}.pack-songs-dialog__pending-main{display:flex;align-items:center;gap:8px;min-width:0}.pack-songs-dialog__generation-progress{color:var(--accent);flex-shrink:0;width:18px;height:18px}.pack-songs-dialog__checkbox{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--accent);border-radius:6px;background:var(--bg-surface);color:#fff;flex-shrink:0}.pack-songs-dialog__checkbox--checked{background:var(--accent);border-color:var(--accent)}.pack-songs-dialog__checkbox--exclude{border-color:color-mix(in srgb,#ef4444 78%,var(--border));background:var(--bg-surface)}.pack-songs-dialog__checkbox--excluded{background:#ef4444;border-color:#ef4444}.pack-songs-dialog__song-copy{flex:1 1 auto;display:flex;flex-direction:column;gap:2px;min-width:0;overflow:hidden}.pack-songs-dialog__song-title{font-size:13px;font-weight:600;color:var(--text);min-width:0;overflow:hidden;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pack-songs-dialog__song-meta{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pack-songs-dialog__preview-btn{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.pack-songs-dialog__song-actions{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}@media(hover:hover)and (pointer:fine){.pack-songs-dialog__preview-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 28%,var(--border));color:var(--text);background:color-mix(in srgb,var(--accent-subtle) 20%,var(--bg) 80%)}}.pack-songs-dialog__preview-btn--active{border-color:var(--accent);color:#fff;background:var(--accent)}.pack-songs-dialog__preview-btn:disabled{opacity:.6;cursor:not-allowed}.pack-songs-dialog__delete-btn{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #ef4444;border-radius:10px;background:#ef4444;color:#fff;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease,opacity .15s ease}@media(hover:hover)and (pointer:fine){.pack-songs-dialog__delete-btn:hover:not(:disabled){border-color:#ef4444;background:color-mix(in srgb,#ef4444 90%,black 10%)}}.pack-songs-dialog__delete-btn:disabled{opacity:.6;cursor:not-allowed}.pack-songs-dialog__remove-btn,.pack-songs-dialog__edit-btn{border-color:var(--border);background:var(--bg);color:var(--text)}@media(hover:hover)and (pointer:fine){.pack-songs-dialog__remove-btn:hover:not(:disabled),.pack-songs-dialog__edit-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 28%,var(--border));background:color-mix(in srgb,var(--accent-subtle) 20%,var(--bg) 80%);color:var(--text)}}.pack-songs-dialog__delete-spinner{display:block;flex-shrink:0;width:14px;height:14px;border:2px solid color-mix(in srgb,#ef4444 22%,transparent);border-top-color:currentColor;border-radius:50%;animation:editorButtonSpinner .7s linear infinite}.pack-songs-dialog__empty{margin:0;padding:12px 14px;border:1px dashed var(--border);border-radius:14px;color:var(--text-secondary);background:color-mix(in srgb,var(--bg) 92%,var(--bg-surface) 8%)}.pack-songs-dialog__upload-form{display:flex;flex-direction:column;gap:10px}.pack-songs-dialog__browse{padding:0;background:transparent;border:0;box-shadow:none;gap:8px}.pack-songs-dialog__sort{align-items:flex-start;gap:6px}.pack-songs-dialog__browse .hp-browse__sort-chips{gap:6px}.pack-songs-dialog__browse .hp-browse__sort-chip{min-height:32px;padding:6px 10px;color:var(--sort-color);background:var(--sort-bg);border-color:var(--sort-border)}.pack-songs-dialog__browse .hp-browse__sort-chip span{color:inherit}.pack-songs-dialog__browse .hp-browse__sort-label{color:var(--text-secondary)}.pack-songs-dialog__load-more{align-self:center;min-height:34px;padding:7px 14px;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--text);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.pack-songs-dialog__load-more:disabled{opacity:.65;cursor:not-allowed}.pack-songs-dialog__section--generate{gap:12px}.pack-songs-dialog__credit-pill{display:inline-flex;align-items:center;min-height:28px;padding:4px 8px;border:1px solid var(--border);border-radius:999px;background:var(--bg);flex-shrink:0}.pack-songs-dialog__generate-hint{margin:0;color:var(--text-secondary);font-size:12px;line-height:18px}.pack-songs-dialog__generate-prompt{width:100%;min-height:112px;resize:vertical;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--bg);color:var(--text);font:inherit;font-size:13px;line-height:1.45}.pack-songs-dialog__generate-prompt:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 42%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-subtle) 58%,transparent)}.pack-songs-dialog__generate-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.pack-songs-dialog__balance{color:var(--text-secondary);font-size:12px;line-height:18px}.pack-songs-dialog__generate-btn{width:100%;justify-content:center}.pack-songs-dialog__sidebar{position:sticky;top:0}.pack-songs-dialog__upload-dropzone{min-height:152px;padding:18px;border:1px dashed var(--border);border-radius:16px;background:var(--bg)}.pack-songs-dialog__upload-dropzone .dropzone__placeholder{gap:6px}.pack-songs-dialog__upload-dropzone .dropzone__placeholder>span{max-width:220px;color:var(--text);font-size:14px;font-weight:700;line-height:1.35}.pack-songs-dialog__upload-dropzone .dropzone__placeholder small{max-width:220px;color:var(--text-secondary);font-size:12px;line-height:18px}.pack-songs-dialog__upload-dropzone.dropzone--drag-over,.pack-songs-dialog__upload-dropzone.dropzone--loading{border-color:var(--border);background:var(--bg)}@media(hover:hover)and (pointer:fine){.pack-songs-dialog__upload-dropzone:hover,.pack-songs-dialog__upload-dropzone.dropzone--loading:hover{border-color:var(--border);background:var(--bg)}}.pack-songs-dialog__selected-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.pack-songs-dialog__selected-pill{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border-radius:999px;background:var(--bg);border:1px solid var(--border);color:var(--text-secondary);font-size:11px;font-weight:600}@keyframes packLevelsSpinner{to{transform:rotate(360deg)}}.pack-levels__content{max-width:1000px;margin:0 auto 32px;padding:10px 32px calc(32px + env(safe-area-inset-bottom,0px))}.pack-levels__title-skeleton{display:flex;flex-direction:column;gap:8px}.pack-levels__skeleton{background:linear-gradient(90deg,var(--bg-elevated) 0%,var(--bg-surface-hover) 50%,var(--bg-elevated) 100%);background-size:200% 100%;animation:packLevelsSkeletonShimmer 1.5s ease-in-out infinite;border-radius:var(--radius)}.pack-levels__skeleton--title{width:180px;height:22px}.pack-levels__skeleton--subtitle{width:280px;height:14px}.pack-levels__skeleton--image{width:100%;height:100%;border-radius:0}.pack-levels__skeleton--stats{width:70%;height:12px;margin-bottom:12px}.pack-levels__skeleton--buttons{width:100%;height:36px}.pack-levels__card--skeleton .pack-levels__card-preview{overflow:hidden}.pack-levels__card--skeleton{pointer-events:none}@keyframes packLevelsSkeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pack-levels__loading,.pack-levels__empty{text-align:center;color:var(--text-secondary);padding:60px 0}.pack-levels__empty>button{margin-top:16px;padding:10px 24px;font-size:14px;font-weight:600;border:none;border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;font-family:var(--font)}.pack-levels__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.pack-levels__card{aspect-ratio:1;display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:var(--card-shadow)}@media(hover:hover)and (pointer:fine){.pack-levels__card:hover{border-color:var(--border-focus);transform:translateY(-4px);box-shadow:var(--card-shadow-hover)}}@media(hover:hover)and (pointer:fine){.pack-levels__card--locked:hover{border-color:var(--border);transform:none;box-shadow:var(--card-shadow)}}.pack-levels__card--add{padding:0;align-items:stretch;justify-content:center;text-align:center;font-family:var(--font);cursor:pointer}@media(hover:hover)and (pointer:fine){.pack-levels__card--add:hover{box-shadow:0 24px 42px #303c541f}}.pack-levels__card--add:focus-visible{outline:3px solid rgba(53,180,177,.28);outline-offset:3px}.pack-levels__add-inner{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px}.pack-levels__add-icon{width:46px;height:46px;min-width:46px;min-height:46px;flex-shrink:0;aspect-ratio:1 / 1;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#35b4b124;color:var(--accent-teal)}.pack-levels__add-title{font-size:15px;line-height:1.2;font-weight:700;color:var(--text)}.pack-levels__add-desc{max-width:220px;font-size:12px;line-height:1.35;color:var(--text-secondary)}.pack-levels__add-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;margin-top:2px;border:1px solid var(--accent-teal);border-radius:999px;color:var(--accent-teal);font-size:12px;font-weight:600;transition:all .15s}@media(hover:hover)and (pointer:fine){.pack-levels__card--add:hover .pack-levels__add-btn{background:var(--accent-teal);color:#fff}}.pack-levels__card-preview{flex:1;min-height:0;position:relative;overflow:hidden;background:var(--bg-elevated)}.pack-levels__card-preview--clickable{cursor:pointer}.pack-levels__card-preview--locked{cursor:default}.pack-levels__card-preview img{width:100%;height:100%;object-fit:cover}.pack-levels__card-preview--locked img,.pack-levels__card-preview--locked .pack-levels__card-placeholder{filter:blur(6px) saturate(.92) brightness(.9);transform:scale(1.02)}.pack-levels__card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:36px}.pack-levels__card-overlay{position:absolute;top:8px;left:8px}.pack-levels__locked-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background:#070b142e;pointer-events:none}.pack-levels__locked-badge{display:inline-flex;align-items:center;justify-content:center;padding:10px;border-radius:999px;background:#070b14b8;color:#fff;font-size:12px;font-weight:700;letter-spacing:.02em;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.pack-levels__card-number{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:999px;background:#000000ad;font-size:11px;font-weight:700;color:#fff}.pack-levels__drag-handle{display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;color:#ffffffb3;cursor:grab;transition:color .15s,background .15s}@media(hover:hover)and (pointer:fine){.pack-levels__drag-handle:hover{color:#fff;background:#ffffff26}}.pack-levels__drag-handle:active{cursor:grabbing}.pack-levels__drag-handle--preview{position:absolute;right:8px;bottom:8px}.pack-levels__card[draggable=true]{cursor:grab}.pack-levels__card[draggable=true]:active{cursor:grabbing}.pack-levels__card[data-level-index]{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.pack-levels__card--dragging{opacity:.4;transform:scale(.95);box-shadow:none}.pack-levels__card-body{padding:8px 10px}.pack-levels__card-stats{display:flex;gap:14px;font-size:12px;color:var(--text-muted);margin-bottom:11px}.pack-levels__card-actions{display:flex;justify-content:flex-end;gap:3px}.pack-levels__card-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);color:var(--text);cursor:pointer;transition:all .15s;flex-shrink:0}@media(hover:hover)and (pointer:fine){.pack-levels__card-btn:hover{background:var(--bg-surface-hover);border-color:var(--border-focus);color:var(--text)}}.pack-levels__card-btn--active{border-color:color-mix(in srgb,var(--accent) 36%,var(--border));background:color-mix(in srgb,var(--accent-subtle) 30%,var(--bg) 70%);color:var(--accent)}.pack-levels__card-btn--play{background:var(--accent);border-color:var(--accent);color:#fff}@media(hover:hover)and (pointer:fine){.pack-levels__card-btn--play:hover{background:var(--accent-hover)}}.pack-levels__card-btn--danger{background:var(--danger);border-color:var(--danger);color:#fff}@media(hover:hover)and (pointer:fine){.pack-levels__card-btn--danger:hover{background:var(--danger-hover);border-color:var(--danger-hover);color:#fff}}.pack-levels__card--allgold{border-width:2px;border-color:#ffd70073}@media(hover:hover)and (pointer:fine){.pack-levels__card--allgold:hover{border-color:#ffd700b3}}.pack-levels__card--completed{border-width:2px;border-color:#38ef7d59}@media(hover:hover)and (pointer:fine){.pack-levels__card--completed:hover{border-color:#38ef7d99}}.pack-levels__card--attempted{border-width:2px;border-color:#f2c94c59}@media(hover:hover)and (pointer:fine){.pack-levels__card--attempted:hover{border-color:#f2c94c99}}.pack-levels__completion-badge{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;line-height:1;box-shadow:0 2px 6px #0006}.pack-levels__completion-badge--dots{display:flex;flex-direction:column;align-items:flex-end;padding:5px 6px;gap:3px;background:#00000080;border-radius:10px;width:auto;height:auto;min-width:0}.pack-levels__dot-row{display:flex;gap:3px}.pack-levels__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pack-levels__dot--found{background:#38ef7d;box-shadow:0 0 0 1px #0003}.pack-levels__dot--fast{background:gold;box-shadow:0 0 0 1px #0003}.pack-levels__dot--open{background:#ffffffeb;box-shadow:0 0 0 1px #00000047}.pack-levels__dot--missed{background:#e05555;box-shadow:0 0 0 1px #0003}.game-page{height:100vh;display:flex;flex-direction:column;overflow:hidden}.game-page__header{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;justify-content:stretch;padding:10px 20px;background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0}.game-page__side-slot{display:flex;align-items:center;justify-content:center;min-width:0}.game-page__center-info{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;min-width:0}.game-page__lives{display:flex;align-items:center;gap:4px}.game-page__heart{transition:all .3s ease;flex-shrink:0}.game-page__heart--lost{opacity:.25;filter:grayscale(1)}.game-page__heart--just-lost{animation:heartLost .5s ease}@keyframes heartLost{0%{transform:scale(1);opacity:1;filter:grayscale(0)}20%{transform:scale(1.3)}40%{transform:scale(.8) rotate(-10deg)}60%{transform:scale(1.1) rotate(5deg)}80%{transform:scale(.95);opacity:.4;filter:grayscale(.8)}to{transform:scale(1);opacity:.25;filter:grayscale(1)}}.game-page__found-count{font-size:22px;font-weight:700;color:var(--accent);background:var(--accent-subtle);padding:8px 22px;border-radius:100px}.game-page__stars{display:flex;align-items:center;justify-content:center;min-width:72px}.game-page__stars__inner{display:flex;align-items:center;gap:6px;font-size:22px;font-weight:700;color:#f5c518;transform-origin:center}.game-page__stars__inner--pulse{display:flex;align-items:center;gap:6px;font-size:22px;font-weight:700;color:#f5c518;transform-origin:center;animation:star-counter-pulse .42s cubic-bezier(.36,.07,.19,.97) forwards}@keyframes star-counter-pulse{0%{transform:scale(1);filter:none}25%{transform:scale(1.55);filter:drop-shadow(0 0 10px rgba(245,197,24,.95))}60%{transform:scale(.88);filter:drop-shadow(0 0 4px rgba(245,197,24,.5))}to{transform:scale(1);filter:none}}.game-page__star-icon{color:#f5c518;flex-shrink:0}.flying-star-wrapper{position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%,-50%)}.flying-star{animation:flying-star-x .72s ease-in-out forwards}.flying-star__arc{animation:flying-star-y .72s cubic-bezier(.4,0,.6,1) forwards}.flying-star__icon{display:block;color:#38ef7d;filter:drop-shadow(0 0 6px rgba(56,239,125,.8));animation:flying-star-scale .72s ease-out forwards;transform-origin:center}.flying-star__icon--gold{color:#f5c518;filter:drop-shadow(0 0 8px rgba(245,197,24,1))}@keyframes flying-star-x{0%{transform:translate(0)}to{transform:translate(var(--dx))}}@keyframes flying-star-y{0%{transform:translateY(0)}to{transform:translateY(var(--dy))}}@keyframes flying-star-scale{0%{transform:scale(0) rotate(-20deg);opacity:0}14%{transform:scale(2.4) rotate(12deg);opacity:1}65%{transform:scale(1.6) rotate(-6deg);opacity:1}to{transform:scale(.3) rotate(20deg);opacity:0}}.game-page__completion-backdrop{z-index:10000;padding:18px}.game-page__completion-modal{width:min(440px,100%);padding:28px 24px 22px;border-radius:24px;text-align:center;border:1px solid rgba(56,239,125,.34);box-shadow:0 26px 70px #1118273d;overflow:visible;animation:completion-modal-rise .32s cubic-bezier(.18,.9,.24,1.1) both;position:relative}.game-page__completion-modal:before{content:"";position:absolute;inset:-28% -18% auto;height:170px;background:radial-gradient(ellipse at center,rgba(245,197,24,.18),transparent 68%);opacity:0;pointer-events:none;animation:completion-modal-aura 1.8s ease-out .26s both}.game-page__completion-modal--perfect{border-color:#f5c5188a;box-shadow:0 26px 70px #1118273d,0 0 44px #f5c5182e}.game-page__completion-stars{position:relative;min-height:84px;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}.game-page__completion-star{position:relative;display:inline-flex}.game-page__completion-star>svg{position:relative;z-index:1;width:62px;height:62px;color:#9ca3af57;filter:grayscale(.8);transform:scale(.82)}.game-page__completion-star-earned{position:absolute;inset:0;z-index:2;display:inline-flex;align-items:center;justify-content:center;color:#f5c518;filter:drop-shadow(0 0 16px rgba(245,197,24,.62));animation:completion-star-stamp .56s cubic-bezier(.18,.9,.2,1.28) both,completion-star-pulse 2.2s ease-in-out calc(var(--star-delay) + .76s) infinite;animation-delay:var(--star-delay),calc(var(--star-delay) + .76s)}.game-page__completion-star-earned>svg{position:relative;z-index:1;width:62px;height:62px}.game-page__completion-star:nth-child(2){margin-top:-10px}.game-page__completion-star:nth-child(2)>svg{width:70px;height:70px}.game-page__completion-star:nth-child(2) .game-page__completion-star-earned>svg{width:70px;height:70px}.game-page__completion-star-burst{position:absolute;left:50%;top:50%;z-index:0;pointer-events:none;transform:translate(-50%,-50%)}.game-page__completion-star-particle{position:absolute;left:50%;top:50%;color:#f5c518;opacity:0;transform:translate(-50%,-50%) rotate(var(--particle-angle)) translate(0) scale(.35);transform-origin:center;animation:completion-star-particle .86s cubic-bezier(.16,.82,.28,1) calc(var(--star-delay) + .52s) both}.game-page__completion-star-particle svg{position:relative;z-index:1;display:block;width:14px;height:14px;filter:drop-shadow(0 0 8px rgba(245,197,24,.82))}.game-page__completion-star-tail{position:absolute;right:7px;top:50%;width:36px;height:4px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(245,197,24,.78));transform:translateY(-50%);opacity:.9}@keyframes completion-modal-rise{0%{transform:translateY(18px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes completion-modal-aura{0%{opacity:0;transform:translateY(-16px) scale(.9)}35%{opacity:1}to{opacity:.52;transform:translateY(0) scale(1)}}@keyframes completion-star-stamp{0%{transform:translateY(-34px) scale(1.18);opacity:0}56%{transform:translateY(0) scale(1);opacity:1}74%{transform:translateY(0) scale(1.14);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes completion-star-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 14px rgba(245,197,24,.52))}50%{transform:scale(1.06);filter:drop-shadow(0 0 26px rgba(245,197,24,.9))}}@keyframes completion-star-particle{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--particle-angle)) translate(4px) scale(.4)}16%{opacity:1}62%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--particle-angle)) translate(var(--particle-distance)) scale(.95)}}.game-page__completion-eyebrow{display:block;color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.game-page__completion-title{margin:6px 0 0;color:var(--text);font-size:34px;line-height:1.05;font-weight:900}.game-page__completion-metrics{--completion-metrics-gap: 10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--completion-metrics-gap);margin-top:22px}.game-page__completion-metric{position:relative;min-height:112px;padding:14px 12px 12px;border-radius:20px;border:1px solid var(--border);background:var(--bg-surface);overflow:hidden}.game-page__completion-metric:after{content:"";position:absolute;inset:0 auto 0 -55%;width:42%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);transform:skew(-18deg);pointer-events:none;animation:completion-metric-shine 1.5s ease-out 1.05s both}.game-page__completion-metric--stars{grid-column:1 / -1;justify-self:center;width:calc((100% - var(--completion-metrics-gap)) / 2);color:#5a4300;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.85),transparent 44%),linear-gradient(180deg,#fff8dafa,#ffeb9ead);border-color:#f5c51861}.game-page__completion-metric--speed{color:#243c86;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.82),transparent 44%),linear-gradient(180deg,#f1f6fffa,#e2ecffcc);border-color:#567eff40}.game-page__completion-metric--time{color:#155e43;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.82),transparent 44%),linear-gradient(180deg,#edfff8fa,#d2f8e8c7);border-color:#38ef7d47}.game-page__completion-metric-label,.game-page__completion-metric-sub{display:block;font-weight:850}.game-page__completion-metric-label{font-size:11px;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;opacity:.66}.game-page__completion-metric-value{display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px;margin-top:5px;animation:completion-metric-pop .23s cubic-bezier(.18,.9,.24,1.2) both}.game-page__completion-metric-value svg{color:#f5c518;filter:drop-shadow(0 0 8px rgba(245,197,24,.42))}.game-page__completion-metric-star-icon{width:48px;height:48px}.game-page__completion-metric-value strong{color:currentColor;font-size:34px;line-height:1;font-weight:950;letter-spacing:-.04em}.game-page__completion-metric-value span{margin-top:9px;font-size:18px;line-height:1;font-weight:950}.game-page__completion-metric-sub{margin-top:3px;color:currentColor;font-size:12px;line-height:1.2;opacity:.62}@keyframes completion-metric-pop{0%{transform:scale(.9)}70%{transform:scale(1.07)}to{transform:scale(1)}}@keyframes completion-metric-shine{0%{transform:translate(0) skew(-18deg);opacity:0}20%{opacity:1}to{transform:translate(360%) skew(-18deg);opacity:0}}.game-page__completion-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.game-page__completion-primary,.game-page__completion-secondary{min-height:52px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}.game-page__completion-primary{border:1px solid var(--accent);background:var(--accent);color:#fff;box-shadow:0 12px 24px #35b4b138}.game-page__completion-secondary{border:1px solid var(--border);background:transparent;color:var(--text-secondary)}.game-page__completion-primary svg,.game-page__completion-secondary svg{width:22px;height:22px}@media(hover:hover)and (pointer:fine){.game-page__completion-primary:hover,.game-page__completion-secondary:hover{transform:translateY(-1px)}.game-page__completion-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.game-page__completion-secondary:hover{background:var(--bg-surface-hover);color:var(--text)}}@media(max-width:520px){.game-page__completion-modal{padding:24px 18px 18px}.game-page__completion-title{font-size:30px}.game-page__completion-stats{gap:7px}.game-page__completion-metrics{--completion-metrics-gap: 8px}.game-page__completion-metric{min-height:104px;padding:12px 10px 10px}.game-page__completion-metric-value strong{font-size:30px}.game-page__completion-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}.icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s;flex-shrink:0;padding:0}@media(hover:hover)and (pointer:fine){.icon-btn:hover{background:var(--bg-surface-hover);color:var(--text);border-color:var(--border-focus)}}.icon-btn--primary{background:var(--accent);color:#fff;border-color:var(--accent)}@media(hover:hover)and (pointer:fine){.icon-btn--primary:hover{background:var(--accent-hover);color:#fff;border-color:var(--accent-hover)}}.game-page__right-actions{display:flex;align-items:center;justify-content:center;gap:8px}.game-page__hint-button{position:relative}.game-page__hint-button svg{width:22px;height:22px}.game-page__hint-badge{position:absolute;right:-4px;top:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#35b4b1fa;color:#fff;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #35b4b147}.game-page__hint-modal{max-width:400px;padding:20px 22px;border-radius:18px;border:1px solid var(--border);box-shadow:0 18px 50px #11182729}.game-page__hint-modal__body{display:flex;flex-direction:column;align-items:center;gap:10px}.game-page__hint-modal__counter-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}.game-page__hint-modal__counter{width:136px;height:136px;border-radius:999px;border:1px solid rgba(53,180,177,.28);background:#35b4b114;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.game-page__hint-modal__counter-value{color:var(--text);font-size:46px;line-height:50px;font-weight:800}.game-page__hint-modal__counter-label{color:var(--text-secondary);font-size:14px;font-weight:700}.game-page__hint-modal__counter-timer{color:var(--text-secondary);font-size:13px;font-weight:700;line-height:14px}.game-page__hint-modal__title{margin:0;text-align:center}.game-page__hint-modal__premium-card{width:100%;border:1px solid rgba(245,197,24,.48);border-radius:18px;padding:16px 16px 14px;background:linear-gradient(180deg,#fffae8fa,#fff0bde6);text-align:left;box-shadow:0 14px 32px #f5c51829}.game-page__hint-modal__premium-card-head{display:flex;align-items:flex-start}.game-page__hint-modal__premium-card-copy{display:flex;flex-direction:column;gap:4px}.game-page__hint-modal__premium-card-title,.game-page__hint-modal__premium-card-eyebrow,.game-page__hint-modal__premium-card-benefit,.game-page__hint-modal__premium-card-cta{display:block}.game-page__hint-modal__premium-card-eyebrow{color:#5a4300b8;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}.game-page__hint-modal__premium-card-title{color:#5a4300;font-size:18px;font-weight:800;line-height:1.2}.game-page__hint-modal__premium-card-benefit{margin-top:12px;display:flex;align-items:center;gap:10px;color:#5a4300;font-size:13px;font-weight:700}.game-page__hint-modal__premium-card-benefit-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;color:#8a6700;flex-shrink:0}.game-page__hint-modal__premium-card-cta{margin-top:14px;width:100%;min-height:42px;border:1px solid #d8a700;border-radius:12px;background:#f5c518;color:#4a3600;font-size:14px;font-weight:800;cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease;box-shadow:0 8px 18px #f5c51833}@media(hover:hover)and (pointer:fine){.game-page__hint-modal__premium-card-cta:hover{background:#f7cf36;transform:translateY(-1px);box-shadow:0 12px 22px #f5c5183d}}.game-page__hint-modal__app-card{width:100%;display:flex;flex-direction:column;gap:14px;padding:16px;border:1px solid rgba(86,126,255,.26);border-radius:18px;background:linear-gradient(180deg,#f1f6fffa,#e2ecffeb);box-shadow:0 14px 30px #567eff24}.game-page__hint-modal__app-card-head{display:flex;align-items:flex-start}.game-page__hint-modal__app-card-copy{display:flex;flex-direction:column;gap:4px;min-width:0;text-align:left}.game-page__hint-modal__app-card-eyebrow{color:#3153b8c7;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.game-page__hint-modal__app-card-title{color:#243c86;font-size:18px;font-weight:800}.game-page__hint-modal__app-card-text{color:#39518f;font-size:13px;line-height:1.5}.game-page__hint-modal__app-card-cta{width:100%;min-height:42px;border:1px solid #456bde;border-radius:12px;background:#4f79f6;color:#fff;font-size:14px;font-weight:800;cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease,opacity .15s ease;box-shadow:0 8px 18px #4f79f638}@media(hover:hover)and (pointer:fine){.game-page__hint-modal__app-card-cta:hover:not(:disabled){background:#446de7;transform:translateY(-1px);box-shadow:0 12px 22px #4f79f642}}.game-page__hint-modal__app-card-cta:disabled{opacity:.72;cursor:default;box-shadow:none}.game-page__hint-modal__close{width:100%;margin-top:6px;border:0;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:700;cursor:pointer;padding:8px 12px}@media(hover:hover)and (pointer:fine){.game-page__hint-modal__close:hover{color:var(--text)}}.game-page__toggle-times{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s;flex-shrink:0}@media(hover:hover)and (pointer:fine){.game-page__toggle-times:hover{background:var(--bg-surface-hover);color:var(--text);border-color:var(--border-focus)}}.game-page__toggle-times--active{color:var(--accent);border-color:var(--accent);background:var(--accent-subtle)}@media(hover:hover)and (pointer:fine){.game-page__toggle-times--active:hover{background:var(--accent-subtle);color:var(--accent)}}.game-page__result-banner{padding:8px 20px;text-align:center;background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0}.game-page__result-banner-text{font-size:14px;font-weight:600}.game-page__result-banner-text--success{color:#38ef7d}.game-page__result-banner-text--fail{color:var(--text-secondary)}.game-page__result-actions{display:flex;gap:8px}.game-page__loading,.game-page__error{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:16px}.game-page__canvases{flex:1;display:flex;gap:2px;background:var(--border);min-height:0}.game-page__canvas-panel{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:var(--bg)}.game-page__canvas-area{flex:1;min-height:0;overflow:hidden;position:relative;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.game-page__canvas-area canvas{touch-action:none}.game-page__image-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:5;color:var(--text-secondary);font-size:14px;font-weight:500}.game-page__spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:gameSpinner .8s linear infinite}@keyframes gameSpinner{to{transform:rotate(360deg)}}.pack-levels__edit-btn--danger{background:var(--danger);color:#fff}@media(hover:hover)and (pointer:fine){.pack-levels__edit-btn--danger:hover:not(:disabled){background:var(--danger-hover)}}.pack-levels__actions--report{margin-left:auto}.moderation-report-dialog{width:min(100%,520px);gap:14px}.moderation-report-dialog__textarea{min-height:132px}.feedback-dialog__backdrop{z-index:11000}.feedback-dialog{width:min(100%,520px);gap:18px;padding:22px}.feedback-dialog__rating{display:flex;justify-content:center;gap:4px;padding:4px 0}.feedback-dialog__star{width:52px;height:52px;border:0;background:transparent;color:var(--text-muted);font-size:44px;line-height:1;cursor:pointer;transition:color .15s,transform .15s}.feedback-dialog__star--active{color:#f5c518;filter:drop-shadow(0 0 9px rgba(245,197,24,.42));transform:translateY(-1px) scale(1.03)}@media(hover:hover)and (pointer:fine){.feedback-dialog__star:hover:not(:disabled){color:#f5c518;transform:translateY(-1px) scale(1.04)}}.feedback-dialog__star:disabled{cursor:not-allowed;opacity:.6}.feedback-dialog__field{display:flex;flex-direction:column;gap:8px}.feedback-dialog__label{color:var(--text);font-size:13px;font-weight:700}.feedback-dialog__textarea{width:100%;min-height:124px;max-height:240px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:var(--bg-surface);color:var(--text);font:inherit;font-size:14px;line-height:1.45;resize:vertical;transition:border-color .15s,box-shadow .15s,background .15s}.feedback-dialog__textarea::placeholder{color:var(--text-muted)}.feedback-dialog__textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #35b4b129;outline:none}.feedback-dialog__textarea:disabled{opacity:.65;cursor:not-allowed}.feedback-dialog__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.feedback-dialog__action{min-height:44px;padding:9px 12px;border-radius:12px;border:1px solid var(--border);font:inherit;font-size:13px;font-weight:750;cursor:pointer;transition:background .15s,border-color .15s,transform .15s,opacity .15s}.feedback-dialog__action:disabled{cursor:not-allowed;opacity:.55}.feedback-dialog__action--secondary{background:var(--bg-surface);color:var(--text-secondary)}.feedback-dialog__action--primary{background:var(--accent);border-color:var(--accent);color:#fff}@media(hover:hover)and (pointer:fine){.feedback-dialog__action:hover:not(:disabled){transform:translateY(-1px)}.feedback-dialog__action--secondary:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--border-focus);color:var(--text)}.feedback-dialog__action--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}}.pack-ratings-dialog__backdrop{z-index:11000}.pack-ratings-dialog{width:min(100%,640px);max-height:min(780px,calc(100dvh - 32px));gap:16px;padding:22px}.pack-ratings-dialog__summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(135deg,var(--bg-surface),var(--bg))}.pack-ratings-dialog__average{display:block;color:var(--text);font-size:36px;line-height:1;font-weight:900;letter-spacing:-.04em}.pack-ratings-dialog__count{margin:0;color:var(--text-secondary);font-size:14px;font-weight:700}.pack-ratings-dialog__stars{display:inline-flex;align-items:center;gap:2px;color:var(--text-muted);line-height:1}.pack-ratings-dialog__star{color:var(--text-muted);font-size:18px}.pack-ratings-dialog__star--active{color:#f5c518;filter:drop-shadow(0 0 6px rgba(245,197,24,.32))}.pack-ratings-dialog__list{display:grid;gap:10px;min-height:120px;max-height:min(420px,calc(100dvh - 320px));overflow:auto;padding-right:4px}.pack-ratings-dialog__empty{margin:0;padding:28px 12px;color:var(--text-secondary);text-align:center}.pack-ratings-dialog__item{display:grid;gap:10px;padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--bg-surface)}.pack-ratings-dialog__item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pack-ratings-dialog__item-header strong{display:block;margin-bottom:5px;color:var(--text);font-size:14px}.pack-ratings-dialog__item-header span{flex-shrink:0;color:var(--text-muted);font-size:12px;white-space:nowrap}.pack-ratings-dialog__message{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.45;white-space:pre-wrap}.pack-ratings-dialog__message--muted{color:var(--text-muted);font-style:italic}.pack-ratings-dialog__load-more{width:100%}.feedback-inbox-dialog{min-height:min(720px,calc(100vh - 32px))}.feedback-inbox__stars{color:var(--text-muted);letter-spacing:1px;white-space:nowrap}.feedback-inbox__star--active{color:#f5c518}.feedback-inbox__detail h2{margin:0;font-size:24px}.feedback-inbox__meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.feedback-inbox__meta div{min-width:0}.feedback-inbox__meta dt{margin-bottom:3px;color:var(--text-muted);font-size:12px;font-weight:700}.feedback-inbox__meta dd{color:var(--text);font-size:14px;word-break:break-word}@media(max-width:640px){.feedback-dialog__actions,.feedback-inbox__meta{grid-template-columns:1fr}}.editor__field-label{font-size:13px;font-weight:600;color:var(--text)}.editor__field-hint{margin-top:-6px;font-size:12px;color:var(--text-secondary)}.moderation-inbox-page{min-height:100vh;background:var(--bg)}.moderation-inbox-dialog{width:min(1200px,calc(100vw - 32px));max-width:1200px;max-height:min(92vh,900px);padding:0;overflow:hidden;display:flex;flex-direction:column}.moderation-inbox__header{display:flex;align-items:center;gap:16px;padding:16px 32px;border-bottom:1px solid var(--border);background:var(--bg-surface)}.moderation-inbox__header--dialog{padding:18px 22px}.moderation-inbox__header-copy{flex:1;min-width:0}.moderation-inbox__header-copy h1{display:flex;align-items:center;gap:10px;font-size:20px}.moderation-inbox__header-copy p{margin-top:4px;color:var(--text-secondary);font-size:13px}.moderation-inbox__toggle{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.moderation-inbox__toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.moderation-inbox__toggle span{color:var(--text-secondary);font-size:13px;font-weight:600}.moderation-inbox__refresh-btn,.moderation-inbox__open-pack-btn,.moderation-inbox__approve-btn,.moderation-inbox__reject-btn,.moderation-inbox__toggle-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);color:var(--text);font:inherit;font-weight:600;cursor:pointer}.moderation-inbox__refresh-btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center}.moderation-inbox__open-pack-btn{padding:10px 14px}.moderation-inbox__toggle-btn{min-width:68px;padding:9px 14px;border-radius:999px}.moderation-inbox__toggle-btn--active,.moderation-inbox__approve-btn{background:var(--accent);border-color:var(--accent);color:#fff}.moderation-inbox__reject-btn{background:var(--danger);border-color:var(--danger);color:#fff;padding:10px 14px}.moderation-inbox__approve-btn{padding:10px 14px}@media(hover:hover)and (pointer:fine){.moderation-inbox__refresh-btn:hover:not(:disabled),.moderation-inbox__open-pack-btn:hover:not(:disabled),.moderation-inbox__toggle-btn:hover:not(:disabled){background:var(--bg-surface-hover)}}@media(hover:hover)and (pointer:fine){.moderation-inbox__approve-btn:hover:not(:disabled){filter:brightness(1.05)}}@media(hover:hover)and (pointer:fine){.moderation-inbox__reject-btn:hover:not(:disabled){filter:brightness(1.05)}}.moderation-inbox__refresh-btn:disabled,.moderation-inbox__open-pack-btn:disabled,.moderation-inbox__approve-btn:disabled,.moderation-inbox__reject-btn:disabled,.moderation-inbox__toggle-btn:disabled{opacity:.6;cursor:not-allowed}.moderation-inbox__content{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:20px;padding:24px 32px 40px;align-items:start}.moderation-inbox__content--dialog{flex:1;min-height:0;padding:0 22px 22px;align-items:stretch;overflow:hidden}.moderation-inbox__list-panel,.moderation-inbox__detail-panel{border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);background:var(--bg-surface);overflow:hidden}.moderation-inbox__list-panel,.moderation-inbox__detail-panel{min-height:0}.moderation-inbox__list-panel,.moderation-inbox__detail-panel{overflow:auto}.moderation-inbox__panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border)}.moderation-inbox__panel-header h2{font-size:15px}.moderation-inbox__panel-header span{min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:var(--bg);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.moderation-inbox__state{padding:28px 18px;color:var(--text-secondary)}.moderation-inbox__state--error{color:var(--danger)}.moderation-inbox__filters{display:flex;flex-wrap:wrap;gap:10px;padding:14px 18px 12px}.moderation-inbox__filter-btn{min-height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.moderation-inbox__filter-btn--active{background:var(--accent);border-color:var(--accent);color:#fff}.moderation-inbox__ai-controls{margin:0 18px 12px;padding:12px;border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);background:var(--bg);display:flex;flex-direction:column;gap:10px}.moderation-inbox__ai-controls-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.moderation-inbox__ai-controls-header h3{font-size:14px;margin:0}.moderation-inbox__ai-hint,.moderation-inbox__ai-usage{color:var(--text-secondary);font-size:11px;line-height:1.45}.moderation-inbox__ai-usage{text-align:right;font-weight:700}.moderation-inbox__ai-controls-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.moderation-inbox__ai-controls-grid label{display:flex;flex-direction:column;gap:6px;color:var(--text-secondary);font-size:12px;font-weight:700}.moderation-inbox__ai-controls-grid input[type=number],.moderation-inbox__ai-controls-grid input[type=text]{min-height:34px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);color:var(--text);padding:0 10px;font:inherit}.moderation-inbox__ai-checkbox{justify-content:center;grid-column:1 / -1;flex-direction:row;align-items:center}.moderation-inbox__ai-checkbox input{width:18px;height:18px}.moderation-inbox__ai-controls-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.moderation-inbox__ai-error{color:var(--danger);font-size:12px;margin-right:auto}.moderation-inbox__list{display:flex;flex-direction:column}.moderation-inbox__list-item{border:none;border-top:1px solid var(--border);background:transparent;text-align:left;padding:16px 18px;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:background .15s ease}@media(hover:hover)and (pointer:fine){.moderation-inbox__list-item:hover{background:var(--bg)}}.moderation-inbox__list-item--active{background:#00a39514}.moderation-inbox__list-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.moderation-inbox__list-top strong{font-size:14px}.moderation-inbox__list-top span,.moderation-inbox__list-meta{color:var(--text-secondary);font-size:12px}.moderation-inbox__list-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.moderation-inbox__list-message{color:var(--text);font-size:13px;line-height:1.45}.moderation-inbox__feedback-stars{display:inline-flex;margin-right:8px;color:#f5c518;font-weight:850;letter-spacing:.5px;white-space:nowrap}.moderation-inbox__list-message--empty{color:var(--text-muted);font-style:italic}.moderation-inbox__load-more{margin:14px 18px 18px;min-height:42px;border:1px solid var(--border);border-radius:14px;background:var(--bg);color:var(--text);font-weight:750;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}@media(hover:hover)and (pointer:fine){.moderation-inbox__load-more:hover:not(:disabled){transform:translateY(-1px);border-color:var(--accent);background:#00a39514}}.moderation-inbox__load-more:disabled{cursor:not-allowed;opacity:.65}.moderation-inbox__detail-card{padding:22px;display:flex;flex-direction:column;gap:18px}.moderation-inbox__detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.moderation-inbox__detail-header h2{font-size:20px}.moderation-inbox__detail-header p{margin-top:6px;color:var(--text-secondary);font-size:13px}.moderation-inbox__detail-badges{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.moderation-inbox__detail-actions{display:flex;flex-wrap:wrap;gap:10px}.moderation-inbox__detail-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.moderation-inbox__detail-meta dt{color:var(--text-secondary);font-size:12px;margin-bottom:4px}.moderation-inbox__detail-meta dd{font-size:14px;font-weight:600}.moderation-inbox__thumbnail-frame{border-radius:calc(var(--radius) + 2px);overflow:hidden;border:1px solid var(--border);background:var(--bg);max-width:420px}.moderation-inbox__thumbnail{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover}.moderation-inbox__message-card{border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);background:var(--bg);padding:16px}.moderation-inbox__message-card h3{font-size:14px;margin-bottom:8px}.moderation-inbox__message-card p{color:var(--text);line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.moderation-inbox__message-card a{color:var(--accent);overflow-wrap:anywhere;font-weight:700}.moderation-inbox__ai-result-link{display:block;max-width:520px}.moderation-inbox__ai-result-image{display:block;width:100%;max-height:420px;object-fit:contain;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-surface)}.moderation-inbox__ai-audio-result{display:flex;flex-direction:column;gap:8px}.moderation-inbox__ai-audio-result audio{width:100%;max-width:520px}.moderation-inbox__pill{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 8px;border-radius:999px;border:1px solid var(--border);background:var(--bg);color:var(--text-secondary);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.moderation-inbox__pill--accent{border-color:#00a39533;background:#00a39514;color:var(--accent)}.moderation-inbox__pill--status-open{background:#3b82f614;border-color:#3b82f62e;color:#1d4ed8}.moderation-inbox__pill--status-approved{background:#10b98114;border-color:#10b9812e;color:#047857}.moderation-inbox__pill--status-rejected,.moderation-inbox__pill--status-cancelled{background:#ef444414;border-color:#ef44442e;color:#b91c1c}@media(max-width:768px){.moderation-inbox-dialog{width:min(100%,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);height:calc(100dvh - 24px);border-radius:22px}.moderation-inbox__header--dialog{padding:12px 14px;flex-direction:column;align-items:stretch;gap:12px}.moderation-inbox__header-copy{width:100%}.moderation-inbox__header-copy h1{font-size:18px}.moderation-inbox__header-copy p{display:none}.moderation-inbox__toolbar{width:100%;justify-content:space-between;align-items:center;gap:8px;flex-wrap:nowrap}.moderation-inbox__toggle{flex:1;min-width:0;justify-content:space-between;padding:8px 10px;border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);background:var(--bg)}.moderation-inbox__toggle-label{font-size:12px;line-height:1.35}.moderation-inbox__content--dialog{grid-template-columns:minmax(0,1fr);gap:12px;padding:0 14px 14px;overflow:auto}.moderation-inbox__list-panel,.moderation-inbox__detail-panel{overflow:visible}.moderation-inbox__panel-header{padding:14px}.moderation-inbox__filters{padding:12px 14px 0;gap:8px}.moderation-inbox__filter-btn{min-height:32px;font-size:12px;padding:0 10px}.moderation-inbox__list-item{padding:14px;gap:6px}.moderation-inbox__list-top{gap:8px}.moderation-inbox__list-top strong{font-size:13px;line-height:1.35}.moderation-inbox__list-time,.moderation-inbox__list-message{display:none}.moderation-inbox__detail-card{padding:16px 14px;gap:14px}.moderation-inbox__detail-header{flex-direction:column;align-items:stretch;gap:12px}.moderation-inbox__detail-header h2{font-size:18px;line-height:1.3}.moderation-inbox__detail-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.moderation-inbox__open-pack-btn,.moderation-inbox__approve-btn,.moderation-inbox__reject-btn{width:100%;justify-content:center}.moderation-inbox__detail-meta{grid-template-columns:minmax(0,1fr);gap:10px}.moderation-inbox__thumbnail-frame{max-width:none}.moderation-inbox__message-card{padding:14px}}@media(max-width:480px){.moderation-inbox__header--dialog{padding:10px 12px}.moderation-inbox__header-copy h1{font-size:17px}.moderation-inbox__content--dialog{padding:0 12px 12px}.moderation-inbox__toggle-label{display:none}.moderation-inbox__toolbar{gap:6px}.moderation-inbox__toggle{flex:0 0 auto;padding:0;border:none;background:transparent}.moderation-inbox__toggle-btn{min-width:56px;padding:8px 12px}.moderation-inbox__panel-header,.moderation-inbox__filters,.moderation-inbox__list-item,.moderation-inbox__detail-card{padding-left:12px;padding-right:12px}.moderation-inbox__list-meta{gap:6px}.moderation-inbox__list-actor{display:none}.moderation-inbox__pill{font-size:10px;min-height:22px;padding:0 7px}}@media(max-width:768px){.hp:before{bottom:auto;height:max(calc(100lvh + 96px),var(--hp-home-bg-height, 177.7vw))}.hp--with-bg:before{background:linear-gradient(180deg,#141b282e,#141b280a 48%,#f8fafb00),var(--hp-home-bg) center top / cover no-repeat,radial-gradient(ellipse at 50% 10%,rgba(53,180,177,.18),transparent 60%),#303c54}.hp-nav__inner{padding:14px 16px 0;min-height:68px}.hp-nav__actions{gap:8px}.hp-nav__action-group{gap:6px}.hp-nav__action-group--divided{padding-left:10px}.hp-nav__badge{padding:0 10px}.moderation-inbox__header{padding:16px;align-items:flex-start}.moderation-inbox__content{grid-template-columns:minmax(0,1fr);padding:16px}.moderation-inbox__detail-header{flex-direction:column}.moderation-inbox__detail-meta{grid-template-columns:minmax(0,1fr)}.profile-dialog{width:min(100%,calc(100vw - 24px));max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 24px);padding:18px}.profile-dialog__info-grid{grid-template-columns:minmax(0,1fr)}.profile-dialog__action-row,.profile-dialog__danger-actions{flex-direction:column}.hp-hero__logo,.hp-hero__logo-wrap{max-width:280px}.hp-hero{padding:28px 16px 20px}.hp-hero__main{grid-template-columns:1fr}.hp-hero__copy{padding:0}.hp-hero__actions{margin-top:18px}.hp-packs{padding:8px 16px 40px}.hp-home-meta{padding:0 16px 24px}.hp-home-meta__inner{padding:16px 8px 0}.hp-packs__block--panel{padding:16px;border-radius:22px}.hp-packs__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hp-browse__controls{flex-direction:column}.hp-browse__filters{flex-direction:column;width:100%}.hp-browse__filter-group{flex-wrap:wrap}.hp-browse__sort,.hp-browse__sort-chips{width:100%}.my-packs__grid,.author-packs__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.my-packs__content{padding:0 10px 24px}.pack-levels__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pack-levels__content{padding:10px 10px calc(24px + env(safe-area-inset-bottom,0px))}.pack-songs-dialog{max-height:calc(100vh - 20px);overflow:hidden}.editor__modal--pack-context{gap:14px;padding:18px}.editor__modal-header{align-items:flex-start}.level-song-dialog__list{margin-top:0;max-height:min(58vh,420px);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-right:4px}.level-song-dialog__row{gap:6px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-surface)}@media(hover:hover)and (pointer:fine){.level-song-dialog__row:hover{border-color:var(--border)}}.level-song-dialog__row--selected{border-color:var(--accent);background:#303c541a}.level-song-dialog__option{gap:14px;padding:0;border:0;border-radius:0;background:transparent}.level-song-dialog__option--song{gap:14px}@media(hover:hover)and (pointer:fine){.level-song-dialog__option:hover{border-color:transparent}}.level-song-dialog__row--selected .level-song-dialog__option{border-color:transparent;background:transparent}.level-song-dialog__actions{gap:4px}.pack-songs-dialog__summary{margin-top:0}.pack-songs-dialog__summary-badge{border-color:var(--border);background:var(--bg);color:var(--text-secondary);min-height:32px;padding:7px 10px;border-radius:999px}.pack-songs-dialog__body{grid-template-columns:1fr;flex:1 1 auto;width:calc(100% + 36px);max-width:calc(100% + 36px);min-height:0;margin-left:-18px;margin-right:-18px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-left:18px;padding-right:10px;gap:14px;margin-top:0}.pack-songs-dialog__main,.pack-songs-dialog__sidebar{gap:14px;position:static}.pack-songs-dialog__sidebar{order:-1}.pack-songs-dialog__section{gap:10px}.pack-songs-dialog__section--songs,.pack-songs-dialog__section--upload,.pack-songs-dialog__section--generate,.pack-songs-dialog__group{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.pack-songs-dialog__generate-prompt{min-height:104px}.pack-songs-dialog__generate-footer{align-items:flex-start;flex-direction:column}.pack-songs-dialog__groups{gap:14px}.pack-songs-dialog__group-header{margin-bottom:4px}.pack-songs-dialog__group-toggle{padding:2px 0 4px}.pack-songs-dialog__list{gap:8px;margin-top:0}.pack-songs-dialog__song{gap:6px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-surface)}@media(hover:hover)and (pointer:fine){.pack-songs-dialog__song:hover{border-color:var(--border)}}.pack-songs-dialog__song--selected{border-color:var(--accent);background:#303c541a}.pack-songs-dialog__song-main{gap:10px}.pack-songs-dialog__song-title,.level-song-dialog__option-title{font-size:14px}.pack-songs-dialog__song-meta,.level-song-dialog__option-meta{font-size:12px}.pack-songs-dialog__song-actions{gap:4px}.pack-songs-dialog__preview-btn,.pack-songs-dialog__delete-btn{width:38px;height:38px;border-radius:8px}.pack-songs-dialog__group-count{min-width:0;min-height:0;padding:0;border:0;background:transparent}.pack-songs-dialog__upload-dropzone{min-height:152px;padding:18px;border-radius:16px}.pack-songs-dialog__upload-dropzone .dropzone__placeholder{gap:6px}.pack-songs-dialog__upload-dropzone .dropzone__placeholder>span,.pack-songs-dialog__upload-dropzone .dropzone__placeholder small{max-width:100%}.editor__toolbar-row{overflow-x:auto;-webkit-overflow-scrolling:touch;justify-content:center;padding:8px 12px;gap:8px}.toolbar{flex-wrap:nowrap}.toolbar__main,.toolbar__detection-panel{flex-wrap:wrap}.editor__generator-panel{grid-template-columns:1fr;padding:12px;gap:12px}.editor__generator-topbar{flex-direction:column;align-items:stretch}.editor__generator-meta{text-align:left}.editor__generator-options{grid-template-columns:1fr;gap:12px}.editor__modal--generator{width:100%;max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 32px);padding:16px;gap:12px;overflow-y:auto;-webkit-overflow-scrolling:touch}.editor__modal--generator .editor__modal-header,.editor__modal--image-change .editor__modal-header,.editor__modal--region-ai .editor__modal-header{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:10px}.editor__modal--generator .editor__modal-header>:not(.editor__modal-header-actions),.editor__modal--image-change .editor__modal-header>:not(.editor__modal-header-actions),.editor__modal--region-ai .editor__modal-header>:not(.editor__modal-header-actions){min-width:0;width:100%}.editor__modal--generator .editor__modal-header-actions,.editor__modal--image-change .editor__modal-header-actions,.editor__modal--region-ai .editor__modal-header-actions{justify-self:end;order:-1;width:auto;max-width:100%;flex-wrap:nowrap}.editor__modal--generator .editor__modal-header-meta,.editor__modal--image-change .editor__modal-header-meta,.editor__modal--region-ai .editor__modal-header-meta{width:auto;justify-content:flex-end;flex-wrap:nowrap}.editor__modal--generator .editor__generator-field{gap:8px}.editor__modal--generator .editor__generator-pill-group--sizes{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.editor__modal--generator .editor__generator-pill-group--sizes .editor__generator-pill{min-height:0;padding:8px 4px;border-radius:12px}.editor__modal--generator .editor__generator-pill-group--sizes .editor__generator-pill-title{font-size:12px}.editor__modal--generator .editor__generator-pill-group--sizes .editor__generator-pill-hint{font-size:10px}.editor__modal--generator .editor__generator-pill-group--formats{flex-wrap:wrap}.editor__modal--generator .editor__modal-actions{display:grid;grid-template-columns:1fr 1fr}.editor__modal--generator .editor__header-btn{width:100%;justify-content:center}.editor__generator-context-card,.editor__generator-context-title-row{flex-direction:column}.editor__generator-context-button{width:32px}.editor__generator-actions{flex-direction:column;align-items:stretch}.editor__generator-prompts{grid-template-columns:1fr;gap:12px}.editor__modal--region-ai{width:min(560px,100%);max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 32px);overflow-y:auto;-webkit-overflow-scrolling:touch}.editor__difference-review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.editor__upload-normalization-summary{grid-template-columns:1fr}.editor__upload-normalization-summary-arrow{display:none}.editor__upload-normalization-preview-grid,.editor__upload-normalization-resolution-list{grid-template-columns:1fr}.create-pack-dialog__reference-toolbar{flex-wrap:nowrap;gap:6px}.create-pack-dialog__reference-mode-toggle{width:auto;flex-shrink:0;justify-content:flex-start;gap:2px}.create-pack-dialog__reference-mode-btn{flex:0 0 auto;padding:5px clamp(5px,1.8vw,7px);font-size:11px;text-align:center}.create-pack-dialog__reference-quality{min-width:0;gap:2px;flex:1 1 auto;flex-wrap:nowrap}.create-pack-dialog__reference-quality-label{display:none}.create-pack-dialog__reference-quality-switch{gap:2px;flex-wrap:nowrap}.create-pack-dialog__reference-quality-btn{min-width:clamp(25px,7vw,29px);padding:5px 3px;font-size:10px}.create-pack-dialog__reference-trigger{padding:6px 8px;font-size:11px}.create-pack-dialog__reference-panel-header{flex-direction:column;align-items:stretch}.create-pack-dialog__reference-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.create-pack-dialog__reference-generate{gap:2px;padding:0 3px;transform:scale(.74)}.create-pack-dialog__reference-generate-icon{width:28px;height:28px}.create-pack-dialog__reference-generate-icon svg{width:18px;height:18px}.create-pack-dialog__reference-generate-label{font-size:10px;line-height:1.1}.create-pack-dialog__reference-price-button{min-height:24px;padding:3px 6px}.create-pack-dialog__reference-progress-ring,.create-pack-dialog__reference-progress-ring svg{width:42px;height:42px}.editor__region-ai-layout{grid-template-columns:1fr;gap:12px}.editor__region-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.editor__transfer-flow{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px}.editor__image-change-layout{grid-template-columns:1fr;gap:12px}.editor__region-restore-flow{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px}.editor__modal-actions--split,.editor__modal-actions-group{flex-direction:column;align-items:stretch}.editor__region-ai-footer{flex-direction:row;align-items:center;justify-content:space-between}.editor__region-ai-footer .editor__modal-actions-group{flex-direction:row;align-items:center;justify-content:flex-end;min-width:0}.editor__region-ai-footer .editor__header-btn--primary{flex:1;min-width:0}.editor__region-restore-arrow,.editor__transfer-arrow{justify-content:center}.editor__generator-controls--inline{width:100%}.editor__generator-slider{width:100%;flex:1}.editor__source-entry{padding:20px}.editor__source-entry-card,.editor__source-entry-card--split{width:min(100%,300px);padding:0}.editor__source-entry-card--split{grid-template-columns:1fr;gap:12px}.editor__canvas-dropzone--source{max-width:300px;min-height:192px;padding:16px 14px}.editor__canvas-dropzone--source .dropzone__placeholder{gap:10px}.editor__canvas-dropzone--source .dropzone__placeholder svg{width:40px;height:40px}.editor__canvas-dropzone--source .dropzone__progress-ring,.editor__canvas-dropzone--source .dropzone__progress-ring svg{width:72px;height:72px}.editor__canvas-dropzone--source .dropzone__placeholder>span{font-size:13px}.editor__canvas-dropzone--source .dropzone__placeholder small{font-size:11px;line-height:1.35;max-width:190px}.editor__canvas-dropzone--source .dropzone__actions--stacked{width:min(100%,200px);gap:8px}.editor__canvas-dropzone--source .dropzone__action-btn{font-size:12px;padding:9px 14px}.editor__canvases{flex-direction:column;min-height:0}.editor__canvas-panel{min-height:0;flex:1}.editor__canvas-panel .canvas-container{min-height:0}.game-page__canvases{flex-direction:column}.game-page__header{grid-template-columns:36px minmax(0,1fr) 36px;padding:8px 12px;gap:8px}.icon-btn{width:36px;height:36px}.pack-levels__header{flex-wrap:wrap;align-items:center;gap:6px;padding:10px 16px}.pack-levels__title-row{flex:1 1 auto;min-width:0}.pack-levels__title-with-edit{gap:6px}.pack-levels__draft-badge,.pack-levels__hidden-badge{display:none}.pack-levels__title-row--compact{flex:0 0 auto}.pack-levels__title-info--hidden-mobile{display:none}.pack-levels__actions{gap:6px}.pack-levels__action-btn--icon{width:36px;height:36px}.pack-levels__mobile-menu{gap:6px;margin-top:6px}.game-page__center-info{gap:8px}.game-page__found-count{font-size:18px;padding:6px 16px}.game-page__stars__inner,.game-page__stars__inner--pulse{gap:5px;font-size:18px}.game-page__star-icon{width:22px;height:22px}.game-page__heart{width:20px;height:20px}.game-page__right-actions{gap:4px}.game-page__toggle-times{width:32px;height:32px}.game-page__result-banner{padding:6px 12px}.game-page__result-banner-text{font-size:12px}.game-page__image-loading{font-size:12px;gap:12px}.hp-card__body{padding:4px 6px 5px}.hp-card__title{--fit-text-max: 12;--fit-text-min: 6.5}.hp-card__empty-cover-label{max-width:120px;padding:0 10px;font-size:12px}.hp-card__author{--fit-text-max: 10;--fit-text-min: 8}.hp-card__stat{font-size:9px;gap:3px}.hp-card__stat svg{width:11px;height:11px}.hp-card__meta-row{min-height:14px;gap:4px}.hp-card__like{font-size:9px;gap:2px}.hp-card__like svg{width:11px;height:11px}.my-packs__header{gap:12px;padding:14px 16px}.my-packs__create-btn{width:36px;height:36px}.my-packs__content{padding:10px 16px 24px}.hp-card__status{top:6px;left:6px;font-size:8px;padding:3px 6px}.hp-card__owner-meta{font-size:10px}.hp-card__actions{gap:4px}.hp-card__action-btn{width:30px;height:30px}.pack-levels__card-overlay{top:6px;left:6px}.pack-levels__card-number{font-size:11px}.pack-levels__drag-handle{padding:2px}.pack-levels__drag-handle--preview{right:6px;bottom:6px}.pack-levels__drag-handle svg{width:13px;height:13px}.pack-levels__card-body{padding:4px 6px}.pack-levels__card-actions{gap:2px;flex-wrap:wrap}.pack-levels__card-btn{width:24px;height:24px;border-radius:7px}.pack-levels__card-btn svg{width:12px;height:12px}.pack-levels__completion-badge{top:6px;right:6px}.pack-levels__completion-badge--dots{min-width:0;padding:4px 5px;gap:2px;border-radius:8px}.pack-levels__dot-row{gap:2px}.pack-levels__dot{width:6px;height:6px}.pack-levels__add-inner{gap:3px;padding:8px}.pack-levels__add-icon{width:34px;height:34px;min-width:34px;min-height:34px}.pack-levels__add-icon svg{width:16px;height:16px}.pack-levels__add-title{font-size:11px;line-height:1.15}.pack-levels__add-desc{max-width:136px;font-size:9px;line-height:1.25}.pack-levels__add-btn{padding:4px 12px;font-size:10px;line-height:1.2;margin-top:1px}.hp-card__add-inner{gap:3px;padding:8px 10px}.hp-card__add-icon{width:36px;height:36px}.hp-card__add-icon svg{width:18px;height:18px}.hp-card__add-title{font-size:12px}.hp-card__add-desc{font-size:10px;line-height:1.3;max-width:150px}.hp-card__add-btn{padding:5px 14px;font-size:11px;margin-top:0}}@media(max-width:768px)and (orientation:landscape),(max-height:520px)and (orientation:landscape){.hp:before{height:auto}.hp-nav__inner{padding-top:10px;min-height:56px}.hp-hero{padding-top:4px;padding-bottom:14px}.hp-hero__copy{padding:0}.hp-hero__logo-wrap{width:clamp(180px,31.5vw,250px);max-width:76vh;margin-bottom:4px}.hp-hero__logo{max-width:100%}.hp-hero__logo-wrap:before{top:calc(50% + 4px);width:122%;height:126%}.hp-hero__actions{margin-top:4px}.hp-packs{max-width:min(720px,calc(100vw - 32px));padding-top:4px}.hp--with-bg:before{background:linear-gradient(180deg,#141b282e,#141b280a 48%,#f8fafb00),var(--hp-home-bg) center top / cover no-repeat,radial-gradient(ellipse at 50% 10%,rgba(53,180,177,.18),transparent 60%),#303c54}.hp-packs__grid,.pack-levels__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.game-page__canvases{flex-direction:row}}.auth-modal-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:authOverlayIn .2s ease}@keyframes authOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes authModalIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-modal{position:relative;width:100%;max-width:420px;max-height:90vh;overflow-y:auto;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px 32px;box-shadow:0 20px 60px #00000026;animation:authModalIn .25s ease}.auth-modal__close{position:absolute;top:14px;right:14px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:color .15s,background .15s;display:flex;align-items:center;justify-content:center}@media(hover:hover)and (pointer:fine){.auth-modal__close:hover{color:var(--text);background:var(--bg-surface-hover)}}.auth-modal__header{text-align:center;margin-bottom:28px}.auth-modal__title{font-size:22px;font-weight:700;margin-bottom:6px;color:var(--text)}.auth-modal__subtitle{font-size:14px;color:var(--text-secondary);line-height:1.5}.auth-modal__google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;font-size:14px;font-weight:600;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);cursor:pointer;transition:all .15s;font-family:var(--font)}@media(hover:hover)and (pointer:fine){.auth-modal__google-btn:hover{border-color:var(--border-focus);background:var(--bg-surface-hover)}}.auth-modal__google-btn:disabled{opacity:.5;cursor:not-allowed}.auth-modal__divider{display:flex;align-items:center;gap:12px;margin:24px 0;color:var(--text-muted);font-size:12px}.auth-modal__divider:before,.auth-modal__divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-modal__form{display:flex;flex-direction:column;gap:16px}.auth-modal__field{display:flex;flex-direction:column;gap:6px}.auth-modal__field label{font-size:13px;font-weight:600;color:var(--text-secondary)}.auth-modal__field input{padding:10px 14px;font-size:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);outline:none;transition:border-color .15s;font-family:var(--font)}.auth-modal__field input:focus{border-color:var(--border-focus)}.auth-modal__forgot-link{background:none;border:none;color:var(--accent-teal);font-size:13px;font-weight:500;cursor:pointer;text-align:right;padding:0;margin-top:-8px;font-family:var(--font)}@media(hover:hover)and (pointer:fine){.auth-modal__forgot-link:hover{text-decoration:underline}}.auth-modal__error{font-size:13px;color:var(--danger);padding:8px 12px;background:#e055551a;border-radius:var(--radius-sm)}.auth-modal__submit-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px;font-size:14px;font-weight:600;border:none;border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;transition:all .15s;font-family:var(--font);width:100%}@media(hover:hover)and (pointer:fine){.auth-modal__submit-btn:hover{background:var(--accent-hover)}}.auth-modal__submit-btn:disabled{opacity:.5;cursor:not-allowed}.auth-modal__cancel-btn{padding:12px;font-size:14px;font-weight:600;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--text);cursor:pointer;transition:all .15s;font-family:var(--font);width:100%}@media(hover:hover)and (pointer:fine){.auth-modal__cancel-btn:hover{background:var(--bg-surface-hover)}}.auth-modal__cancel-btn:disabled{opacity:.5;cursor:not-allowed}.auth-modal__switch{text-align:center;font-size:13px;color:var(--text-secondary);margin-top:20px}.auth-modal__switch button{background:none;border:none;color:var(--accent-teal);font-weight:600;cursor:pointer;font-family:var(--font);font-size:13px}@media(hover:hover)and (pointer:fine){.auth-modal__switch button:hover{text-decoration:underline}}.auth-modal__conflict{text-align:center}.auth-modal__conflict-icon{color:var(--accent-teal);margin-bottom:16px}.auth-modal__conflict .auth-modal__title{margin-bottom:8px}.auth-modal__conflict .auth-modal__subtitle{margin-bottom:28px}.auth-modal__conflict-options{display:flex;flex-direction:column;gap:8px}.auth-modal__conflict-hint{font-size:12px;color:var(--text-muted);margin-bottom:12px;line-height:1.4}.auth-modal__forgot-success{text-align:center}.auth-modal__forgot-success-icon{color:var(--accent-teal);margin-bottom:16px}.auth-modal__forgot-success .auth-modal__title{margin-bottom:8px}.auth-modal__forgot-success .auth-modal__subtitle{margin-bottom:28px}.auth-modal__forgot-success strong{color:var(--text)}@media(max-width:480px){.editor__source-entry{padding:12px}.editor__source-entry-card,.editor__source-entry-card--split{width:min(100%,220px)}.editor__canvas-dropzone--source{max-width:220px;min-height:132px;padding:12px 8px}.editor__canvas-dropzone--source .dropzone__placeholder{gap:6px}.editor__canvas-dropzone--source .dropzone__placeholder svg{width:28px;height:28px}.editor__canvas-dropzone--source .dropzone__progress-ring,.editor__canvas-dropzone--source .dropzone__progress-ring svg{width:64px;height:64px}.editor__canvas-dropzone--source .dropzone__placeholder>span{font-size:11px}.editor__canvas-dropzone--source .dropzone__placeholder small{font-size:9px;line-height:1.2;max-width:148px}.editor__canvas-dropzone--source .dropzone__actions--stacked{width:min(100%,156px);gap:8px}.editor__canvas-dropzone--source .dropzone__action-btn{font-size:10px;padding:7px 10px}.editor__canvas-dropzone--source .dropzone__action-content{grid-template-columns:14px auto 14px;column-gap:6px;min-height:16px}.editor__canvas-dropzone--source .dropzone__action-icon,.editor__canvas-dropzone--source .dropzone__action-icon svg,.editor__canvas-dropzone--source .dropzone__action-icon-spacer{width:14px;height:14px}.editor__modal--difference-review{width:100%;padding:12px;gap:8px}.editor__modal--difference-review .editor__modal-header{flex-direction:column;align-items:stretch;gap:8px}.editor__difference-review-counter{align-self:flex-start;min-height:28px;padding:4px 10px;font-size:11px}.editor__difference-review-grid{grid-template-columns:repeat(2,minmax(0,160px));gap:8px}.editor__modal--welcome{width:100%;padding:16px}.editor__welcome-hint-grid{grid-template-columns:1fr}.editor__difference-review-card{gap:6px}.editor__difference-review-label{font-size:11px}.editor__difference-review-media{--editor-review-max-height: 180px}.editor__modal--difference-review .editor__modal-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px}.editor__modal--difference-review .editor__modal-actions-group{display:flex;flex-wrap:wrap;gap:8px}.editor__modal--difference-review .editor__modal-actions-group:first-child{justify-content:flex-start}.editor__modal--difference-review .editor__modal-actions-group:last-child{justify-content:flex-end}.editor__modal--difference-review .editor__modal-actions-group:empty{display:none}.auth-modal{padding:28px 20px;margin:10px}.auth-modal__title{font-size:20px}}@media(max-width:768px){.editor__modal-backdrop,.auth-modal-overlay{align-items:center;justify-content:center;padding-top:calc(env(safe-area-inset-top,0px) + 16px);padding-right:16px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 16px);padding-left:16px;overflow-y:auto}.editor__modal-backdrop--pack-context-center{align-items:center;padding-top:16px}.editor__modal,.editor__modal--difference-review,.auth-modal{margin-top:auto;margin-bottom:auto;max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 32px)}.editor__modal--unsaved-exit{width:100%}.editor__modal-actions--unsaved-exit{display:grid;grid-template-columns:1fr}.editor__modal-actions--unsaved-exit .editor__header-btn{width:100%}}.leaderboard-dialog{width:min(560px,calc(100vw - 32px));max-height:min(720px,calc(100dvh - 32px));gap:0;padding:0;overflow:hidden}.leaderboard-dialog__header{align-items:flex-start;padding:20px;border-bottom:1px solid rgba(48,60,84,.08)}.leaderboard-dialog__title-block{display:flex;align-items:center;gap:14px;min-width:0}.leaderboard-dialog__icon{width:44px;height:44px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;color:var(--text);background:var(--accent-subtle);flex-shrink:0}.leaderboard-dialog__body{padding:18px 22px 22px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;max-height:calc(min(720px,100dvh - 32px) - 104px)}.lb-state{min-height:220px;padding:28px;border-radius:20px;background:var(--bg);color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;font-weight:700}.lb-state span{color:var(--text-muted);font-size:13px;font-weight:500}.lb-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent-teal);border-radius:50%;animation:lb-spin .8s linear infinite}@keyframes lb-spin{to{transform:rotate(360deg)}}.lb-top-list{display:flex;flex-direction:column;gap:8px}.lb-list{display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border);border-radius:20px;overflow:hidden}.lb-row{display:flex;align-items:center;gap:12px;min-height:56px;padding:12px 16px;background:var(--bg-surface);transition:background .15s,border-color .15s}.lb-list .lb-row:not(:last-child){border-bottom:1px solid var(--border)}.lb-row--featured{min-height:64px;border-radius:18px;border:1px solid rgba(245,197,24,.24);background:linear-gradient(135deg,#fffaf0fa,#fffffffa);box-shadow:0 12px 26px #303c5414}.lb-row--current{background:var(--accent-subtle);border-color:#35b4b16b}@media(hover:hover)and (pointer:fine){.lb-row:hover{background:var(--bg-surface-hover)}}.lb-row__rank{width:44px;text-align:center;font-size:14px;font-weight:800;color:var(--text-muted);flex-shrink:0}.lb-row__rank--top-1,.lb-row__rank--top-2,.lb-row__rank--top-3{color:var(--text);font-size:22px;line-height:1}.lb-row__name{flex:1;font-size:14px;font-weight:800;color:var(--text);display:flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-row__you{font-size:11px;font-weight:800;color:var(--accent-teal);background:#35b4b11f;padding:3px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.lb-row__stars{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:800;color:#f5c518;flex-shrink:0}.lb-current-user{margin-top:2px}.lb-current-user__divider{display:flex;align-items:center;gap:16px;margin-bottom:8px}.lb-current-user__divider:before,.lb-current-user__divider:after{content:"";flex:1;height:1px;background:var(--border)}.lb-current-user__divider span{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.lb-current-user .lb-row{background:var(--bg-surface);border:1px solid rgba(53,180,177,.42);border-radius:18px;box-shadow:0 12px 26px #303c5414}.legal-page{min-height:100vh;background:#eef2f7}.blog-page{min-height:100vh;background:radial-gradient(circle at 12% 0%,rgba(53,180,177,.13),transparent 32%),radial-gradient(circle at 86% 8%,rgba(48,60,84,.12),transparent 30%),#eef2f7}.blog-header{position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#3c475ef0;border-bottom:1px solid rgba(255,255,255,.08)}.blog-header__inner{max-width:980px;margin:0 auto;padding:0 24px;min-height:76px;display:flex;align-items:center;gap:16px}.blog-header .icon-btn{border-color:#fff3;color:#ffffffd1}@media(hover:hover)and (pointer:fine){.blog-header .icon-btn:hover{border-color:#fff6;color:#fff;background:#ffffff1a}}.blog-header__copy{display:flex;flex-direction:column;gap:4px;min-width:0}.blog-header__eyebrow,.blog-hero__eyebrow,.blog-card__eyebrow,.blog-post-hero__eyebrow{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.blog-header__eyebrow{color:#ffffffa3}.blog-header__title{font-size:20px;font-weight:700;line-height:1.2;color:#fff}.blog-main{max-width:1120px;margin:0 auto;padding:24px 24px 64px}.blog-main--article{max-width:900px}.blog-hero__card,.blog-post,.blog-empty{border-radius:28px;background:#fffffff0;border:1px solid rgba(48,60,84,.08);box-shadow:0 24px 48px #1921311f}.blog-hero__card{padding:20px 24px;border-radius:22px}.blog-hero__eyebrow,.blog-card__eyebrow,.blog-post-hero__eyebrow{color:var(--text-muted)}.blog-hero__title{margin-top:8px;font-size:clamp(26px,3.2vw,38px);line-height:1.08;font-weight:850;color:var(--text)}.blog-hero__text{margin-top:10px;max-width:680px;font-size:15px;line-height:1.6;color:var(--text-secondary)}.blog-filter{margin-top:16px;padding:14px 16px;border-radius:18px;border:1px solid rgba(48,60,84,.08);background:#ffffffc7;display:flex;align-items:center;gap:12px;box-shadow:0 12px 26px #232b3a0f}.blog-filter__label{flex:0 0 auto;font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.blog-filter__chips{display:flex;flex-wrap:wrap;gap:8px}.blog-filter__chip{min-height:32px;padding:0 12px;border-radius:999px;border:1px solid rgba(48,60,84,.12);background:#fff;color:var(--text-secondary);font:inherit;font-size:13px;font-weight:750;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.blog-filter__chip--active{border-color:var(--accent);background:var(--accent);color:#fff}@media(hover:hover)and (pointer:fine){.blog-filter__chip:hover{border-color:#303c5447;color:var(--text)}.blog-filter__chip--active:hover{color:#fff}}.blog-list{margin-top:14px;display:flex;flex-direction:column;gap:12px}.blog-list-item{display:grid;grid-template-columns:168px minmax(0,1fr);gap:18px;padding:14px;border-radius:20px;border:1px solid rgba(48,60,84,.08);background:#ffffffeb;color:inherit;text-decoration:none;box-shadow:0 12px 28px #232b3a12;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}@media(hover:hover)and (pointer:fine){.blog-list-item:hover{transform:translateY(-1px);border-color:#35b4b152;box-shadow:0 18px 34px #232b3a1a}}.blog-list-item__media{overflow:hidden;border-radius:14px;background:#d8e4ed}.blog-list-item__image{display:block;width:100%;height:100%;aspect-ratio:3 / 2;object-fit:cover}.blog-list-item__image--placeholder{background:radial-gradient(circle at 22% 22%,rgba(255,255,255,.86),transparent 18%),radial-gradient(circle at 72% 18%,rgba(53,180,177,.38),transparent 24%),linear-gradient(135deg,#303c54,#35b4b1)}.blog-list-item__body{min-width:0;padding:2px 4px 2px 0}.blog-list-item__meta{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:12px;font-weight:700;color:var(--text-muted)}.blog-list-item__title{margin-top:8px;font-size:clamp(18px,2vw,23px);line-height:1.18;font-weight:850;color:var(--text)}.blog-list-item__description{margin-top:8px;max-width:680px;font-size:14px;line-height:1.58;color:var(--text-secondary)}.blog-list-item__tags{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px}.blog-list-item__tag{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;background:#35b4b11a;color:#246b6b;font-size:12px;font-weight:750}.blog-grid{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.blog-card{display:flex;flex-direction:column;min-height:100%;overflow:hidden;border-radius:18px;border:1px solid rgba(48,60,84,.08);background:#ffffffeb;color:inherit;text-decoration:none;box-shadow:0 12px 26px #232b3a12;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}@media(hover:hover)and (pointer:fine){.blog-card:hover{transform:translateY(-2px);border-color:#35b4b152;box-shadow:0 18px 34px #232b3a1a}}.blog-card__image{width:100%;aspect-ratio:3 / 2;object-fit:cover;background:#d8e4ed}.blog-card__image--placeholder,.blog-post-hero__image--placeholder{background:radial-gradient(circle at 22% 22%,rgba(255,255,255,.86),transparent 18%),radial-gradient(circle at 72% 18%,rgba(53,180,177,.38),transparent 24%),linear-gradient(135deg,#303c54,#35b4b1)}.blog-card__body{padding:14px 16px 16px}.blog-card__title{margin-top:7px;font-size:17px;line-height:1.22;font-weight:850;color:var(--text)}.blog-card__description{margin-top:8px;font-size:13px;line-height:1.5;color:var(--text-secondary);display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.blog-card__meta,.blog-post-hero__meta{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px 14px;font-size:13px;color:var(--text-muted)}.blog-post{overflow:hidden}.blog-post-hero{display:block}.blog-post-hero__media{margin:0 24px;overflow:hidden;border-radius:22px;background:#d8e4ed}.blog-post-hero__image{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:contain}.blog-post-hero__copy{max-width:760px;padding:34px 36px 24px}.blog-post-hero__title{margin-top:12px;font-size:clamp(34px,5vw,50px);line-height:1.02;font-weight:900;letter-spacing:-.04em;color:var(--text)}.blog-post-hero__description{margin-top:18px;font-size:16px;line-height:1.7;color:var(--text-secondary)}.blog-post__content{max-width:760px;margin:0 auto;padding:34px 32px 44px}.blog-post__intro{font-size:18px;line-height:1.75;color:var(--text)}.blog-post__intro+.blog-post__intro{margin-top:16px}.blog-benchmark,.blog-data-table{margin-top:30px;padding:22px;border-radius:22px;border:1px solid rgba(48,60,84,.1);background:color-mix(in srgb,var(--accent-teal) 7%,#fff 93%)}.blog-data-table{background:#ffffffeb}.blog-benchmark__header{max-width:680px}.blog-benchmark__title{font-size:22px;line-height:1.25;font-weight:850;color:var(--text)}.blog-benchmark__description,.blog-benchmark__footnote{margin-top:10px;font-size:14px;line-height:1.65;color:var(--text-secondary)}.blog-benchmark__scroll{margin-top:18px;overflow-x:auto;border-radius:16px;border:1px solid rgba(48,60,84,.1);background:#fff}.blog-benchmark__table{width:100%;min-width:680px;border-collapse:collapse;font-size:14px}.blog-benchmark__table th,.blog-benchmark__table td{padding:13px 14px;text-align:left;border-bottom:1px solid rgba(48,60,84,.08);vertical-align:top}.blog-benchmark__table th{background:#303c540d;color:var(--text);font-size:12px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.blog-benchmark__table td{color:var(--text-secondary);line-height:1.45}.blog-benchmark__table td:first-child,.blog-benchmark__table td:nth-child(4){color:var(--text);font-weight:850}.blog-benchmark__table tr:last-child td{border-bottom:none}.blog-verdicts{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.blog-verdict{padding:18px;border-radius:18px;border:1px solid rgba(48,60,84,.09);background:#fff;box-shadow:0 12px 28px #232b3a0f}.blog-verdict__label{font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-teal)}.blog-verdict__value{margin-top:8px;font-size:18px;line-height:1.2;font-weight:850;color:var(--text)}.blog-verdict__text{margin-top:10px;font-size:14px;line-height:1.6;color:var(--text-secondary)}.blog-checklist{margin-top:26px;padding:22px;border-radius:22px;border:1px solid rgba(48,60,84,.1);background:#fff;box-shadow:0 12px 28px #232b3a0f}.blog-checklist__title{font-size:22px;line-height:1.25;font-weight:850;color:var(--text)}.blog-checklist__items{margin-top:16px;display:grid;gap:10px;list-style:none}.blog-checklist__item{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;align-items:start;font-size:15px;line-height:1.6;color:var(--text-secondary)}.blog-checklist__mark{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;background:#35b4b124;color:#217a78;font-size:13px;font-weight:900}.blog-prompts{margin-top:26px;display:grid;gap:14px}.blog-prompt{padding:20px;border-radius:20px;border:1px solid rgba(48,60,84,.1);background:#f8fbfc;box-shadow:0 10px 24px #232b3a0d}.blog-prompt__title{font-size:18px;line-height:1.25;font-weight:850;color:var(--text)}.blog-prompt__text{margin-top:12px;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid rgba(48,60,84,.08);color:var(--text);font-family:var(--font-mono);font-size:13px;line-height:1.7}.blog-prompt__note{margin-top:10px;font-size:14px;line-height:1.6;color:var(--text-secondary)}.blog-post-section{margin-top:34px}.blog-post-section__title,.blog-post-sources__title,.blog-empty__title{font-size:22px;line-height:1.25;font-weight:850;color:var(--text)}.blog-post-section__text{margin-top:14px;font-size:16px;line-height:1.78;color:var(--text-secondary)}.blog-post-section__list{margin-top:16px;padding-left:20px;display:grid;gap:12px;font-size:16px;line-height:1.72;color:var(--text-secondary)}.blog-post-sources{margin-top:38px;padding-top:24px;border-top:1px solid rgba(48,60,84,.12)}.blog-post-sources__links{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px}.blog-post-sources__link,.blog-empty__link{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid rgba(48,60,84,.12);background:#fff;color:var(--accent);text-decoration:none;font-size:14px;font-weight:800}.blog-empty{padding:28px 32px}.blog-empty__link{margin-top:16px}.legal-header{position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#3c475ef0;border-bottom:1px solid rgba(255,255,255,.08)}.legal-header__inner{max-width:980px;margin:0 auto;padding:0 24px;min-height:76px;display:flex;align-items:center;gap:16px}.legal-header .icon-btn{border-color:#fff3;color:#ffffffd1}@media(hover:hover)and (pointer:fine){.legal-header .icon-btn:hover{border-color:#fff6;color:#fff;background:#ffffff1a}}.legal-header__copy{display:flex;flex-direction:column;gap:4px;min-width:0}.legal-hero__eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.legal-header__eyebrow{color:#ffffffa3}.legal-header__title{font-size:20px;font-weight:700;line-height:1.2;color:#fff}.legal-main{max-width:980px;margin:0 auto;padding:28px 24px 64px}.legal-hero__card{padding:28px 32px 32px;border-radius:28px;background:#fffffff0;border:1px solid rgba(48,60,84,.08);box-shadow:0 24px 48px #1921311f}.legal-hero__eyebrow{color:var(--text-muted)}.legal-hero__title{margin-top:10px;font-size:clamp(28px,4vw,42px);line-height:1.05;font-weight:800;color:var(--text)}.legal-hero__text{margin-top:18px;max-width:760px;font-size:16px;line-height:1.7;color:var(--text-secondary)}.legal-hero__meta{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px 16px;font-size:13px;color:var(--text-muted)}.legal-nav{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px}.legal-nav__link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(48,60,84,.12);background:#ffffffc7;color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:600;transition:all .15s ease}@media(hover:hover)and (pointer:fine){.legal-nav__link:hover{border-color:#303c543d;background:#fff;color:var(--text)}}.legal-nav__link--active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 12px 24px #303c5429}.legal-notice{margin-top:20px;padding:16px 18px;border-radius:18px;border:1px solid transparent;font-size:14px;line-height:1.6}.legal-notice--info{background:#2baec214;border-color:#2baec22e;color:#23454e}.legal-notice--warning{background:#f5c51824;border-color:#d19a0c38;color:#604a12}.legal-account-action{margin-top:20px;padding:22px 24px;border-radius:24px;border:1px solid color-mix(in srgb,var(--danger) 22%,transparent);background:color-mix(in srgb,var(--danger) 7%,#fff 93%);box-shadow:0 18px 36px #232b3a14}.legal-account-action__title{font-size:18px;line-height:1.3;font-weight:800;color:var(--text)}.legal-account-action__text,.legal-account-action__warning,.legal-account-action__error{margin-top:10px;font-size:14px;line-height:1.65;color:var(--text-secondary)}.legal-account-action__controls{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px}.legal-account-action__button{min-height:42px;padding:0 18px;border-radius:999px;border:1px solid transparent;font:inherit;font-size:14px;font-weight:800;cursor:pointer}.legal-account-action__button--primary{margin-top:16px}.legal-account-action__button--primary,.legal-account-action__button--danger{background:var(--danger);color:#fff}.legal-account-action__button--secondary{border-color:#303c5424;background:#fff;color:var(--text)}.legal-account-action__button:disabled{opacity:.6;cursor:not-allowed}.legal-account-action__warning,.legal-account-action__error{color:var(--danger)}.legal-sections{margin-top:20px;display:flex;flex-direction:column;gap:16px}.legal-section{padding:26px 28px;border-radius:24px;background:#ffffffeb;border:1px solid rgba(48,60,84,.08);box-shadow:0 18px 36px #232b3a14}.legal-section__title{font-size:18px;line-height:1.3;font-weight:700;color:var(--text)}.legal-section__text{margin-top:14px;font-size:15px;line-height:1.75;color:var(--text-secondary)}.legal-section__list{margin-top:14px;padding-left:20px;display:grid;gap:10px;color:var(--text-secondary);font-size:15px;line-height:1.7}@media(max-width:768px){.hp-footer{padding:22px 16px}.hp-footer__inner{flex-direction:column;align-items:center;gap:14px;text-align:center}.hp-footer__links{justify-content:center;gap:8px 14px}.leaderboard-dialog{width:min(100%,calc(100vw - 32px))}.leaderboard-dialog__body{padding:16px}.leaderboard-dialog__title-block{align-items:flex-start}.lb-row{padding:12px}.lb-row__rank{width:34px}.legal-header__inner,.blog-header__inner{padding:0 16px;min-height:72px}.legal-header__title,.blog-header__title{font-size:18px}.legal-main,.blog-main{padding:20px 16px 48px}.blog-filter{align-items:flex-start;flex-direction:column}.legal-hero__card{padding:24px 20px;border-radius:24px}.blog-hero__card,.blog-empty{padding:20px;border-radius:20px}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.blog-list-item{grid-template-columns:112px minmax(0,1fr);gap:12px;padding:12px}.blog-list-item__description{display:none}.blog-list-item__tags{margin-top:10px}.blog-post-hero__image{aspect-ratio:3 / 2}.blog-post-hero__copy{padding:28px 22px 20px}.blog-post-hero__media{margin:0 16px;border-radius:18px}.blog-post__content{padding:28px 22px 36px}.blog-post__intro{font-size:16px}.blog-benchmark,.blog-data-table{padding:18px}.blog-verdicts{grid-template-columns:1fr}.legal-nav{gap:8px}.legal-nav__link{min-height:38px;font-size:13px}.legal-section{padding:22px 18px;border-radius:20px}}@media(max-width:480px){.legal-hero__meta{flex-direction:column;gap:6px}}