*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0f0f0f;--color-surface: #1a1a1a;--color-surface-hover: #242424;--color-border: #2a2a2a;--color-text: #e8e8e8;--color-text-secondary: #888;--color-accent: #6c5ce7;--color-accent-hover: #7c6cf7;--color-danger: #e74c3c;--radius: 8px;--radius-lg: 12px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100dvh}a{color:var(--color-accent);text-decoration:none}button{cursor:pointer;border:none;font:inherit}input,textarea{font:inherit;color:inherit}.container{max-width:960px;margin:0 auto;padding:0 16px}.header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--color-border);background:var(--color-surface);position:sticky;top:0;z-index:100}.header h1{font-size:1.2rem;font-weight:700;letter-spacing:-.02em}.header h1 a{color:var(--color-text)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius);font-size:.875rem;font-weight:500;transition:background .15s}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-surface-hover);color:var(--color-text)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:#c0392b}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:24px 0}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .15s}.card:hover{border-color:var(--color-accent)}.card-thumb{aspect-ratio:16 / 10;background:var(--color-surface-hover);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:2rem;overflow:hidden}.card-thumb img{width:100%;height:100%;object-fit:cover}.card-body{padding:12px 16px}.card-body h3{font-size:1rem;font-weight:600;margin-bottom:4px}.card-body p{font-size:.8rem;color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.85rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:6px}.form-input{width:100%;padding:10px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);outline:none;transition:border-color .15s}.form-input:focus{border-color:var(--color-accent)}textarea.form-input{min-height:120px;resize:vertical}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.image-item{position:relative;aspect-ratio:1;border-radius:var(--radius);overflow:hidden;background:var(--color-surface-hover)}.image-item img{width:100%;height:100%;object-fit:cover}.image-item .image-delete{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:50%;background:#000000b3;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;opacity:0;transition:opacity .15s}.image-item:hover .image-delete,.image-item:hover .image-thumbnail-btn{opacity:1}.image-thumbnail-btn{position:absolute;bottom:6px;left:6px;padding:3px 8px;border-radius:4px;background:#6c5ce7d9;color:#fff;font-size:.65rem;opacity:0;transition:opacity .15s}.image-label{position:absolute;bottom:0;left:0;right:0;padding:4px 8px;background:#0009;font-size:.7rem;color:#fff}.upload-zone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:32px;text-align:center;color:var(--color-text-secondary);cursor:pointer;transition:border-color .15s,background .15s}.upload-zone:hover,.upload-zone.dragover{border-color:var(--color-accent);background:#6c5ce70d}.detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 0 16px}.detail-header h2{font-size:1.5rem;font-weight:700}.detail-section{padding:16px 0}.detail-section h3{font-size:.9rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.settings-list{display:flex;flex-direction:column;gap:8px}.settings-row{display:flex;gap:8px;align-items:center}.settings-row input{flex:1}.empty-state{text-align:center;padding:80px 24px;color:var(--color-text-secondary)}.empty-state h2{font-size:1.2rem;margin-bottom:8px;color:var(--color-text)}.loading{display:flex;justify-content:center;padding:40px;color:var(--color-text-secondary)}.page{padding:0 16px 40px;max-width:960px;margin:0 auto}.actions{display:flex;gap:8px}@media(max-width:600px){.card-grid{grid-template-columns:1fr}.image-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}