.products-list{display:flex;flex-direction:column;gap:12px}.product-card{border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px}.product-card.editing{border-color:#ffffff38}.product-card-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.product-title{min-width:0}.product-name{font-weight:700;word-break:break-word}.product-sub{opacity:.8;font-size:12px;margin-top:4px;word-break:break-word}.dot{margin:0 8px;opacity:.6}.product-actions{flex:0 0 auto;display:flex;gap:8px}.product-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;align-items:start}@media (max-width: 780px){.product-fields{grid-template-columns:1fr}}.field-box{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:10px;border:1px dashed rgba(255,255,255,.14);min-width:0}.field-wide{grid-column:1 / -1}.field-label{font-size:12px;opacity:.75}.pr-cell{padding:8px 10px;border-radius:8px;min-height:36px;word-break:break-word;white-space:pre-wrap}.pr-editable{border:1px dashed rgba(255,255,255,.18);outline:none}.pr-editable:focus{border-style:solid}.pr-disabled{opacity:.6;pointer-events:none}.pr-editable:empty:before{content:attr(data-placeholder);opacity:.4}.pr-editable-active{outline:2px solid rgba(255,255,255,.28)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.modal-popover{position:fixed;width:340px;z-index:9999;border-radius:12px;padding:12px;border:1px solid rgba(255,255,255,.18);background:#141414fa;box-shadow:0 10px 30px #00000073}.modal-title{font-weight:700;margin-bottom:10px}.modal-body{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.modal-row{display:flex;gap:8px;align-items:flex-start}.modal-label{opacity:.75;width:60px;flex:0 0 60px}.modal-value{flex:1 1 auto;word-break:break-word}.modal-actions{display:flex;gap:8px;justify-content:flex-end}.products-layout{display:grid;grid-template-columns:360px 1fr;gap:12px;align-items:start}.products-left{padding:12px;margin:0;position:sticky;top:12px;max-height:calc(100vh - 140px);overflow:auto}.products-right{min-width:0}.product-card-right{margin:0}.products-header{gap:12px}.products-header-actions{display:flex;gap:8px;align-items:center}.products-header-actions .input{min-width:280px}.product-save-status{margin-top:10px}.product-list{display:grid;gap:8px}.product-list-item{text-align:left;display:grid;gap:4px;padding:10px 12px;border-radius:12px}.product-list-title{font-weight:800;line-height:1.1}.product-list-sub{font-size:12px;opacity:.85}.product-details-grid{display:grid;grid-template-columns:360px 1fr;gap:12px;align-items:start}.product-details-media{position:sticky;top:12px}.product-details-fields{min-width:0}@media (max-width: 980px){.products-layout{grid-template-columns:1fr}.products-left{position:static;top:auto;max-height:none}.product-details-grid{grid-template-columns:1fr}.product-details-media{position:static;top:auto}}.product-gallery{margin-top:12px;margin-bottom:12px}.product-gallery-grid{display:grid;gap:10px}.product-gallery-empty{padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);opacity:.85}.product-gallery-main{border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#00000026}.product-gallery-main img{display:block;width:100%;max-height:320px;object-fit:contain}.product-gallery-thumbs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.product-gallery-thumb{flex:0 0 auto;width:76px;height:76px;padding:0;border-radius:12px;background:transparent;overflow:hidden;cursor:pointer;border:1px solid rgba(255,255,255,.12)}.product-gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block;opacity:.85}.product-gallery-thumb.active{border:2px solid rgba(255,255,255,.65)}.product-gallery-thumb.active img{opacity:1}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e5e7eb}body{display:flex}#root{flex:1;display:flex}.app{padding:10px;margin:auto;max-width:1440px;width:100%;min-height:100vh;display:flex;flex-direction:column}.header{text-align:center;margin-bottom:16px}.header h1{margin:0;font-size:1.8rem}.subtitle{margin-top:8px;margin-bottom:0;font-size:.95rem;color:#9ca3af}.main{flex:1;background:#0f172ae6;border-radius:16px;padding:12px;border:1px solid #1f2937;display:flex;flex-direction:column}.tabs{display:flex;border-bottom:1px solid #1f2937;margin-bottom:12px}.tab{flex:1;padding:10px 12px;background:transparent;border:none;border-bottom:2px solid transparent;color:#9ca3af;cursor:pointer;font-size:.95rem}.tab-active{color:#f9fafb;border-bottom-color:#22c55e;font-weight:600}.panel{flex:1;display:flex;flex-direction:column;gap:12px}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.table-wrapper{border-radius:8px;border:1px solid #1f2937;overflow:auto;background:#0f172acc}.marks-table{width:100%;border-collapse:collapse;font-size:.9rem}.marks-table thead{background:#0f172a}.marks-table th,.marks-table td{padding:8px 10px;border-bottom:1px solid #1f2937;text-align:left;white-space:nowrap}.marks-table tbody tr:nth-child(2n){background:#0f172acc}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8rem}.btn{padding:6px 12px;border-radius:6px;border:none;font-size:.9rem;cursor:pointer}.btn.secondary{background:#111827;color:#e5e7eb;border:1px solid #374151}.btn.secondary:hover{background:#020617}.btn.secondary:disabled{opacity:.6;cursor:default}.status{margin-top:8px;font-size:.9rem;color:#e5e7eb}.status.error{color:#f97373}.status.success{color:#4ade80}.panel-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:12px}@media (max-width: 768px){.panel-grid{grid-template-columns:minmax(0,1fr)}}.dropzone{border:2px dashed #4b5563;border-radius:12px;padding:24px;text-align:center;background:#0f172acc;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,transform .1s ease}.dropzone:hover{border-color:#6b7280;transform:translateY(-1px)}.dropzone-active{border-color:#22c55e;background:#064e3b4d}.dropzone-title{font-size:1rem;font-weight:600;margin-bottom:4px}.dropzone-subtitle{font-size:.85rem;color:#9ca3af}.dropzone-file{margin-top:8px;font-size:.85rem}.hidden-input{display:none}.panel-info{background:#0f172ae6;border-radius:12px;border:1px solid #1f2937;padding:12px;font-size:.9rem}.panel-info h3{margin:0 0 6px;font-size:1rem}.panel-info ul{padding-left:18px;margin:0}.panel-info li{margin-bottom:6px}.code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8rem;background:#020617;padding:1px 4px;border-radius:4px}.code-block{margin-top:2px;margin-bottom:4px;padding:4px 6px;border-radius:4px;background:#020617;font-size:.8rem;word-break:break-all}.footer{margin-top:12px;text-align:center;font-size:.8rem;color:#9ca3af}