.image-viewer-backdrop{z-index:2000;background:var(--color-overlay,#000000d9);position:fixed;inset:0}.image-viewer-toolbar{z-index:2010;pointer-events:none;align-items:center;min-height:64px;padding:8px 76px 8px 20px;display:flex;position:fixed;top:0;left:0;right:0}.image-viewer-title{color:#eeeeea;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:0;font-size:.9rem;overflow:hidden}.image-viewer-close{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));z-index:2020;color:#eeeeea;cursor:pointer;pointer-events:auto;background:#232321e6;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:0;font-size:2rem;line-height:1;display:flex;position:fixed}.image-viewer-close:hover{background:#464642f2}.image-viewer-viewport{touch-action:none;overscroll-behavior:contain;cursor:zoom-out;justify-content:center;align-items:center;display:flex;position:fixed;inset:64px 0 76px;overflow:hidden}.image-viewer-viewport:active{cursor:grabbing}.image-viewer-image{object-fit:contain;transform-origin:50%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;cursor:grab;pointer-events:auto;width:auto;max-width:calc(100vw - 32px);height:auto;max-height:calc(100dvh - 160px);display:block}.image-viewer-image:active{cursor:grabbing}.image-viewer-controls{right:0;bottom:max(12px, env(safe-area-inset-bottom));z-index:2010;pointer-events:none;justify-content:center;align-items:center;gap:8px;display:flex;position:fixed;left:0}.image-viewer-controls button{border-radius:var(--radius-medium);color:#eeeeea;min-width:44px;height:44px;font:inherit;cursor:pointer;pointer-events:auto;background:#232321f2;border:1px solid #fff3;padding:0 12px}.image-viewer-controls button:disabled{opacity:.7;cursor:not-allowed}.image-viewer-controls button:focus-visible,.image-viewer-close:focus-visible{outline-offset:3px;outline:2px solid #eeeeea}@media (width<=480px){.image-viewer-viewport{inset:64px 0 72px}.image-viewer-image{max-width:calc(100vw - 20px);max-height:calc(100dvh - 140px)}}.upload-page{flex:1;justify-content:center;align-items:flex-start;min-width:0;display:flex}.upload-content{width:100%;min-width:0;max-width:520px}.upload-content h1{margin:0 0 24px;font-size:1.75rem}.upload-form{flex-direction:column;gap:12px;display:flex}.upload-file-input{border:1px dashed var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface);width:100%;min-width:0;max-width:100%;color:var(--color-text);padding:14px;display:block}.upload-file-input::file-selector-button{cursor:pointer}.upload-preview-container{width:100%;min-width:0}.upload-filename{overflow-wrap:anywhere;color:var(--color-text-muted);margin:4px 0 12px;font-size:.9rem}.upload-preview-frame{border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface);justify-content:center;align-items:center;width:100%;min-width:0;height:min(32dvh,260px);display:flex;overflow:hidden}.upload-preview{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.upload-submit{cursor:pointer;width:100%}.upload-submit:disabled{cursor:not-allowed;opacity:.6}.upload-success{width:100%;min-width:0}.upload-success h1{margin-bottom:20px}.upload-result-preview{border-radius:var(--radius-medium);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;justify-content:center;align-items:center;width:100%;min-width:0;height:min(32dvh,260px);display:flex;position:relative;overflow:hidden}.upload-result-image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.upload-result-filename{color:var(--color-text);text-align:left;overflow-wrap:anywhere;-webkit-line-clamp:2;pointer-events:none;background:#181817b8;-webkit-box-orient:vertical;padding:.6rem .75rem;font-size:.85rem;line-height:1.35;display:-webkit-box;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.upload-url-field{min-width:0}.upload-url-field label{margin:10px 0 8px;font-size:.9rem;font-weight:600;display:block}.upload-url-field input{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-background);width:100%;min-width:0;min-height:44px;color:var(--color-text);padding:0 10px;font-size:.875rem}.upload-url-field input:focus{outline:2px solid var(--color-primary);outline-offset:1px}.upload-copy-feedback{min-height:1.35em;color:var(--color-text-muted);margin:10px 0 0;font-size:.9rem;line-height:1.35}.upload-copy-feedback-hidden{visibility:hidden}.upload-copy-feedback-error{color:var(--color-error)}.upload-success-actions{flex-direction:column;gap:12px;margin-top:16px;display:flex}.upload-success-actions .button{cursor:pointer;border:0;width:100%}.confirm-dialog-backdrop{z-index:1000;background:var(--color-overlay);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.confirm-dialog{border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface);width:100%;max-width:420px;color:var(--color-text);box-shadow:0 12px 40px var(--color-shadow);padding:24px}.confirm-dialog h2{margin:0 0 12px;font-size:1.3rem}.confirm-dialog>p{overflow-wrap:anywhere;margin:0;line-height:1.5}.confirm-dialog .confirm-dialog-error{color:var(--color-error);margin-top:12px;font-size:.9rem}.confirm-dialog-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.confirm-dialog-actions .button{cursor:pointer;border:0;min-height:44px;padding:0 16px}.confirm-dialog-actions .button:disabled{cursor:not-allowed;opacity:.6}.images-page{flex:1;justify-content:center;min-width:0;display:flex}.images-content{width:100%;min-width:0;max-width:1560px}.images-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:20px;display:flex}.images-heading h1{margin:0;font-size:1.75rem}.images-count{color:var(--color-text-muted);font-size:.875rem}.images-empty{color:var(--color-text-muted)}.image-grid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.image-card{border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface);min-width:0;padding:14px}.image-card-preview{border-radius:var(--radius-small);background:var(--color-background);width:100%;height:180px;color:inherit;cursor:zoom-in;border:0;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.image-card-thumbnail{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.image-card-details{min-width:0}.image-card-details h2{overflow-wrap:anywhere;margin:12px 0 4px;font-size:1rem}.image-metadata{color:var(--color-text-muted);margin:0 0 16px;font-size:.8rem}.image-url-label{margin-bottom:6px;font-size:.875rem;font-weight:600;display:block}.image-url-row{align-items:stretch;gap:8px;min-width:0;display:flex}.image-url-input{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-background);width:0;min-width:0;min-height:44px;color:var(--color-text);flex:1;padding:0 8px;font-size:.75rem}.image-url-input:focus{outline:2px solid var(--color-primary);outline-offset:1px}.image-copy-button{cursor:pointer;border:0;flex-shrink:0;min-height:44px;padding:0 16px;font-size:.875rem}.image-copy-feedback{min-height:1.35em;color:var(--color-text-muted);overflow-wrap:anywhere;margin:0;font-size:.8rem}.image-copy-feedback.is-hidden{visibility:hidden}@media (width>=640px){.image-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.image-delete-button{border-radius:var(--radius-small);min-height:36px;color:var(--color-error);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;margin:0 0 0 auto;padding:4px 8px;font-size:.85rem;display:block}.image-delete-button:hover{border-color:var(--color-border);background:var(--color-background)}.image-delete-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.image-delete-button:disabled{cursor:not-allowed;opacity:.5}.delete-toast-container{z-index:900;left:50%;bottom:calc(var(--bottom-navigation-height,4rem) + .75rem + env(safe-area-inset-bottom,0px));pointer-events:none;flex-direction:column;gap:.5rem;width:min(28rem,100vw - 2rem);max-height:50vh;display:flex;position:fixed;overflow-y:auto;transform:translate(-50%)}.delete-toast{background:color-mix(in srgb, var(--color-error) 14%, var(--color-surface));border:1px solid color-mix(in srgb, var(--color-error) 55%, var(--color-border));border-radius:var(--radius-medium);box-shadow:0 8px 24px var(--color-shadow);color:var(--color-primary-text);pointer-events:auto;align-items:flex-start;gap:.75rem;padding:.6rem .85rem;display:flex}.delete-toast-message{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.delete-toast-message strong{color:var(--color-error);font-size:.9rem}.delete-toast-filename{overflow-wrap:anywhere;color:var(--color-secondary-text);opacity:.85;font-size:.8rem}.delete-toast-close{border-radius:var(--radius-small);width:1.75rem;height:1.75rem;color:var(--color-secondary-text);cursor:pointer;background:0 0;border:0;flex-shrink:0;place-items:center;padding:0;font-size:1.4rem;line-height:1;display:grid}.delete-toast-close:hover{background:var(--color-background)}.delete-toast-close:focus-visible{outline:2px solid var(--color-error);outline-offset:2px}@media (width>=768px){.images-content{max-width:1560px}.delete-toast-container{bottom:calc(1rem + env(safe-area-inset-bottom,0px))}}:root{--color-background:#181817;--color-surface:#222220;--color-text:#eeeeea;--color-text-muted:#a6a6a0;--color-border:#3a3a37;--color-overlay:#000000b8;--color-primary:#eeeeea;--color-primary-text:#1c1c1a;--color-secondary:#353532;--color-secondary-text:#eeeeea;--color-error:#e06a6a;--color-shadow:#00000059;--radius-small:6px;--radius-medium:8px;--header-height:64px;--bottom-nav-height:64px;color:var(--color-text);background:var(--color-background);font-family:system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--color-background);min-height:100vh}button,input{font:inherit}a{color:inherit;text-decoration:none}.app{flex-direction:column;min-height:100vh;display:flex}main{flex-direction:column;flex:1;padding:24px 20px 88px;display:flex}.header{height:var(--header-height);border-bottom:1px solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:relative}.header-logo{color:var(--color-text);font-size:1.1rem;font-weight:700}.header-menu{position:relative}.menu-button{width:44px;height:44px;color:var(--color-text);cursor:pointer;background:0 0;border:0;font-size:1.5rem}.menu{z-index:10;border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface);width:180px;box-shadow:0 8px 24px var(--color-shadow);padding:12px;position:absolute;top:52px;right:0}.menu-title{margin:4px 8px 12px;font-weight:600}.menu-item{border-radius:var(--radius-small);width:100%;min-height:44px;color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:0;padding:8px}.menu-item:hover{background:var(--color-secondary)}.menu-error{color:var(--color-error);margin:8px;font-size:.875rem}.home{flex:1;justify-content:center;align-items:center;display:flex}.home-content{text-align:center;width:100%;max-width:360px}.home-content h1{margin:0 0 32px;font-size:2rem}.home-actions{flex-direction:column;gap:12px;display:flex}.button{border-radius:var(--radius-medium);background:var(--color-primary);min-height:48px;color:var(--color-primary-text);justify-content:center;align-items:center;padding:0 20px;font-weight:600;display:flex}.button-secondary{background:var(--color-secondary);color:var(--color-secondary-text)}.button-danger{background:var(--color-error);color:var(--color-primary-text)}.auth-page{flex:1;justify-content:center;align-items:center;display:flex}.auth-card{width:100%;max-width:360px}.auth-card h1{text-align:center;margin:0 0 24px;font-size:1.75rem}.auth-form{flex-direction:column;gap:16px;display:flex}.form-field{flex-direction:column;gap:6px;display:flex}.form-field label{font-size:.95rem;font-weight:600}.form-field input{border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface);width:100%;min-height:48px;color:var(--color-text);padding:0 12px}.form-field input:focus{outline:2px solid var(--color-primary);outline-offset:1px;border-color:var(--color-primary)}.auth-form .button{cursor:pointer;border:0}.auth-form .button:disabled{cursor:not-allowed;opacity:.6}.form-error{min-height:1.35em;color:var(--color-error);margin:0;font-size:.9rem;line-height:1.35}.form-error-hidden{visibility:hidden}.back-link{color:var(--color-text);text-align:center;margin-top:20px;display:block}.auth-navigation{z-index:20;height:var(--bottom-nav-height);border-top:1px solid var(--color-border);background:var(--color-surface);display:flex;position:fixed;bottom:0;left:0;right:0}.nav-link{color:var(--color-text-muted);flex:1;justify-content:center;align-items:center;font-weight:600;display:flex}.nav-link.active{color:var(--color-text)}.header-brand{align-items:center;gap:10px;min-width:0;display:flex}.header-icon{object-fit:contain;flex-shrink:0;width:32px;height:32px;display:block}@media (width>=768px){main{padding:32px 32px 40px}.auth-navigation{background:0 0;border-top:0;flex:none;gap:8px;width:auto;height:100%;position:static}.nav-link{border-radius:var(--radius-small);flex:none;padding:0 14px}.nav-link:hover,.nav-link.active{background:var(--color-secondary);color:var(--color-text)}.menu{z-index:30}}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{width:100%;max-width:none;text-align:initial;box-sizing:border-box;flex-direction:column;min-height:100svh;margin:0;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}