:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "SF Mono", Menlo, Monaco, Consolas, monospace;--pinterest-red: #E60023;--pinterest-red-hover: #ad081b;--pinterest-red-active: #8f0616;--pinterest-red-light: #FCE8EA;--bg-main: #FFFFFF;--bg-canvas: #FFFFFF;--bg-secondary: #F0F0F0;--bg-card: #FFFFFF;--bg-pill: #E9E9E9;--bg-pill-hover: #E2E2E2;--bg-pill-active: #111111;--bg-modal: #FFFFFF;--text-main: #111111;--text-secondary: #5F5F5F;--text-muted: #767676;--text-light: #FFFFFF;--border-subtle: #E9E9E9;--border-light: rgba(0, 0, 0, .08);--radius-pin: 16px;--radius-pin-inner: 16px;--radius-modal: 32px;--radius-pill: 9999px;--radius-round: 50%;--shadow-pin-hover: 0 4px 16px rgba(0, 0, 0, .12);--shadow-nav: 0 2px 10px rgba(0, 0, 0, .05);--shadow-modal: 0 16px 40px rgba(0, 0, 0, .22);--shadow-pill: 0 2px 8px rgba(0, 0, 0, .08);--transition-fast: .15s ease-in-out;--transition-normal: .22s cubic-bezier(.2, 0, 0, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);line-height:1.4;min-height:100vh;overflow-x:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none;touch-action:manipulation}a{color:inherit;text-decoration:none}.app-container{max-width:1440px;margin:0 auto;padding:0 16px 80px}.navbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:14px;padding:12px 16px;background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);margin-bottom:18px}.brand{display:flex;align-items:center;gap:8px;cursor:pointer;text-decoration:none}.brand-icon-wrapper{width:40px;height:40px;border-radius:var(--radius-round);background:var(--pinterest-red);display:flex;align-items:center;justify-content:center;color:#fff;transition:transform var(--transition-fast)}.brand:hover .brand-icon-wrapper{transform:scale(1.05)}.brand-text h1{font-size:1.25rem;font-weight:800;letter-spacing:-.03em;color:var(--pinterest-red)}.navbar-search{flex:1;display:flex;align-items:center;background:var(--bg-secondary);border-radius:var(--radius-pill);padding:10px 18px;gap:10px;transition:background-color var(--transition-fast),box-shadow var(--transition-fast)}.navbar-search:focus-within{background:#fff;box-shadow:0 0 0 2px var(--pinterest-red)}.navbar-search input{border:none;background:transparent;width:100%;font-size:.95rem;color:var(--text-main);outline:none;font-family:inherit}.navbar-search input::placeholder{color:var(--text-muted)}.nav-actions{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;font-size:.92rem;font-weight:700;border-radius:var(--radius-pill);transition:all var(--transition-fast);white-space:nowrap}.btn-primary{background:var(--pinterest-red);color:#fff}.btn-primary:hover{background:var(--pinterest-red-hover)}.btn-primary:active{background:var(--pinterest-red-active);transform:scale(.97)}.btn-secondary{background:var(--bg-pill);color:var(--text-main)}.btn-secondary:hover{background:var(--bg-pill-hover)}.btn-secondary:active{transform:scale(.97)}.btn-icon{width:42px;height:42px;border-radius:var(--radius-round);background:var(--bg-pill);color:var(--text-main);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.btn-icon:hover{background:var(--bg-pill-hover)}.btn-icon:active{transform:scale(.95)}.btn-danger{background:#ffe8e8;color:#d31225}.btn-danger:hover{background:#ffd6d6}.filter-pills-bar{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:14px;margin-bottom:18px;scrollbar-width:none}.filter-pills-bar::-webkit-scrollbar{display:none}.filter-pill{padding:8px 16px;border-radius:var(--radius-pill);background:var(--bg-pill);color:var(--text-main);font-size:.88rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.filter-pill:hover{background:var(--bg-pill-hover)}.filter-pill.active{background:var(--text-main);color:#fff}.stats-banner{display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary);border-radius:var(--radius-pin);padding:16px 22px;margin-bottom:24px;gap:16px;flex-wrap:wrap}.stats-group{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.stat-item{display:flex;align-items:baseline;gap:6px}.stat-item-number{font-size:1.25rem;font-weight:800;color:var(--text-main)}.stat-item-label{font-size:.82rem;color:var(--text-muted);font-weight:600}.upload-card{background:var(--bg-card);border:2px dashed #CDCDCD;border-radius:var(--radius-modal);padding:36px 24px;margin-bottom:30px;text-align:center;cursor:pointer;transition:all var(--transition-fast);background:#fafafa}.upload-card:hover,.upload-card.drag-active{border-color:var(--pinterest-red);background:var(--pinterest-red-light)}.dropzone-icon-wrapper{width:58px;height:58px;border-radius:var(--radius-round);background:var(--bg-pill);color:var(--text-main);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;transition:all var(--transition-fast)}.upload-card:hover .dropzone-icon-wrapper{background:var(--pinterest-red);color:#fff}.dropzone-title{font-size:1.2rem;font-weight:700;color:var(--text-main);margin-bottom:6px}.dropzone-subtitle{font-size:.88rem;color:var(--text-muted);max-width:440px;margin:0 auto 16px}.badge-group{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.badge{font-size:.74rem;font-weight:700;padding:4px 12px;border-radius:var(--radius-pill);background:var(--bg-pill);color:var(--text-secondary)}.badge-accent{background:#ffe8e8;color:var(--pinterest-red)}.preview-container{display:flex;flex-direction:column;gap:16px;background:#fff;border-radius:var(--radius-pin);padding:20px;border:1px solid var(--border-subtle);text-align:left}.preview-main{display:flex;gap:16px;align-items:center}.preview-thumb{width:76px;height:76px;border-radius:var(--radius-pin);object-fit:cover}.preview-details{flex:1;min-width:0}.preview-name{font-size:.95rem;font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-meta{font-size:.8rem;color:var(--text-muted);margin-top:4px;font-weight:600}.progress-wrapper{display:flex;flex-direction:column;gap:6px}.progress-header{display:flex;justify-content:space-between;font-size:.78rem;font-weight:700;color:var(--text-secondary)}.progress-bar-bg{width:100%;height:8px;border-radius:var(--radius-pill);background:var(--bg-pill);overflow:hidden}.progress-bar-fill{height:100%;background:var(--pinterest-red);border-radius:var(--radius-pill);transition:width .2s ease-out}.preview-actions{display:flex;justify-content:flex-end;gap:10px}.gallery-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.gallery-title{font-size:1.25rem;font-weight:800;letter-spacing:-.02em;display:flex;align-items:center;gap:8px}.gallery-counter{font-size:.78rem;font-weight:700;background:var(--bg-pill);color:var(--text-muted);padding:3px 10px;border-radius:var(--radius-pill)}.gallery-grid{columns:5 236px;column-gap:16px;width:100%}@media (max-width: 1200px){.gallery-grid{columns:4 210px}}@media (max-width: 900px){.gallery-grid{columns:3 190px}}@media (max-width: 600px){.gallery-grid{columns:2 150px;column-gap:10px}}.image-card{break-inside:avoid;margin-bottom:16px;display:inline-block;width:100%;background:transparent;cursor:pointer;position:relative;transition:transform var(--transition-fast)}.image-card-preview{position:relative;width:100%;border-radius:var(--radius-pin);overflow:hidden;background:var(--bg-secondary)}.image-card-img{width:100%;height:auto;display:block;border-radius:var(--radius-pin);transition:filter var(--transition-fast)}.image-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;border-radius:var(--radius-pin);opacity:0;transition:opacity var(--transition-fast);display:flex;flex-direction:column;justify-content:space-between;padding:12px}.image-card:hover .image-card-overlay{opacity:1}.pin-top-actions{display:flex;justify-content:flex-end}.btn-pin-save{background:var(--pinterest-red);color:#fff;font-weight:700;font-size:.85rem;padding:9px 15px;border-radius:var(--radius-pill);box-shadow:0 2px 8px #00000040;transition:background-color var(--transition-fast),transform var(--transition-fast)}.btn-pin-save:hover{background:var(--pinterest-red-hover);transform:scale(1.03)}.pin-bottom-actions{display:flex;justify-content:flex-end;gap:8px}.pin-circle-btn{width:36px;height:36px;border-radius:var(--radius-round);background:#fffffff2;color:var(--text-main);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000002e;transition:background-color var(--transition-fast),transform var(--transition-fast)}.pin-circle-btn:hover{background:#fff;transform:scale(1.08)}.image-card-info{padding:8px 4px 4px;display:flex;flex-direction:column;gap:3px}.image-card-title{font-size:.88rem;font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.image-card-meta{display:flex;align-items:center;gap:6px;font-size:.74rem;color:var(--text-muted);font-weight:600}.image-badge-format{font-size:.68rem;font-weight:700;text-transform:uppercase;background:var(--bg-pill);color:var(--text-secondary);padding:1px 6px;border-radius:4px}.empty-state{text-align:center;padding:70px 20px;background:var(--bg-secondary);border-radius:var(--radius-modal);display:flex;flex-direction:column;align-items:center;margin:30px 0}.empty-icon{width:64px;height:64px;border-radius:var(--radius-round);background:var(--pinterest-red-light);color:var(--pinterest-red);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.empty-title{font-size:1.3rem;font-weight:800;color:var(--text-main);margin-bottom:6px}.empty-desc{font-size:.9rem;color:var(--text-muted);max-width:400px;margin-bottom:22px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .18s ease-out}.modal-content{background:var(--bg-modal);border-radius:var(--radius-modal);max-width:980px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-modal);overflow:hidden;animation:scaleUp .22s cubic-bezier(.2,0,0,1);position:relative}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border-subtle)}.modal-title{font-size:1.1rem;font-weight:800;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:75%}.modal-body{display:grid;grid-template-columns:1fr 340px;overflow:hidden;flex:1}.modal-image-stage{background:#f7f7f7;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden}.modal-full-img{max-width:100%;max-height:calc(90vh - 140px);object-fit:contain;border-radius:var(--radius-pin);box-shadow:0 4px 20px #0000001a}.modal-sidebar{background:#fff;border-left:1px solid var(--border-subtle);padding:24px;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.meta-group{background:var(--bg-secondary);border-radius:var(--radius-pin);padding:16px}.meta-group h4{font-size:.72rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.meta-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.06)}.meta-row:last-child{border-bottom:none}.meta-label{color:var(--text-secondary);font-weight:600}.meta-val{color:var(--text-main);font-weight:700}.toast-container{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none;width:90%;max-width:440px}.toast{pointer-events:auto;display:flex;align-items:center;gap:12px;background:var(--text-main);color:#fff;border-radius:var(--radius-pill);padding:12px 20px;box-shadow:0 6px 24px #00000040;font-size:.88rem;font-weight:700;animation:slideUpCapsule .25s ease-out}.toast.toast-error{background:var(--pinterest-red)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideUpCapsule{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-icon{animation:spin .8s linear infinite}@media (max-width: 860px){.modal-body{grid-template-columns:1fr;max-height:calc(90vh - 65px);overflow-y:auto}.modal-sidebar{border-left:none;border-top:1px solid var(--border-subtle)}.modal-full-img{max-height:40vh}}@media (max-width: 640px){.navbar{padding:10px 12px;gap:8px}.brand-text{display:none}.app-container{padding:0 10px 40px}}