.tpl-layout{display:grid;grid-template-columns:280px 1fr;gap:20px;min-height:calc(100vh - 120px)}.tpl-sidebar{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px;height:fit-content;max-height:calc(100vh - 120px);overflow-y:auto;position:sticky;top:20px}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.sidebar-header h2{font-size:.95rem;font-weight:600}.btn-create{font-size:.72rem;padding:5px 12px;border-radius:var(--radius-pill);border:1px solid var(--egg-gold);background:#fdd8351a;color:var(--egg-gold);cursor:pointer;font-weight:600;transition:all var(--duration-normal) var(--ease-out)}.btn-create:hover{background:#fdd83538;box-shadow:var(--shadow-glow-gold)}.tpl-list{display:flex;flex-direction:column;gap:6px}.tpl-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.tpl-item:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.tpl-item.active{background:#fdd83514;border-color:var(--border-active)}.tpl-item-icon{font-size:1.2rem;flex-shrink:0}.tpl-item-info{flex:1;min-width:0}.tpl-item-name{font-size:.8rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tpl-item-meta{font-size:.68rem;color:var(--text-tertiary)}.status-badge{font-size:.65rem;padding:2px 8px;border-radius:var(--radius-pill);font-weight:600;text-transform:uppercase;letter-spacing:.3px}.status-badge.draft{background:var(--blue-dim);color:var(--blue)}.status-badge.active{background:var(--green-dim);color:var(--green)}.status-badge.inactive{background:var(--red-dim);color:var(--red)}.category-tag{font-size:.65rem;padding:2px 8px;border-radius:var(--radius-pill);background:var(--purple-dim);color:var(--purple);font-weight:500}.empty-state{text-align:center;padding:32px 16px;color:var(--text-tertiary)}.empty-icon{font-size:2.4rem;margin-bottom:10px}.empty-state p{font-size:.82rem}.empty-state .hint{font-size:.72rem;margin-top:6px}.tpl-main{min-height:400px}.panel-state{display:none}.panel-state.active{display:block}.welcome-panel{text-align:center;padding:60px 20px}.welcome-icon{font-size:3.5rem;margin-bottom:16px}.welcome-panel h2{font-size:1.3rem;margin-bottom:8px}.welcome-panel>p{color:var(--text-secondary);font-size:.88rem;margin-bottom:8px}.panel-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:28px;max-width:520px;margin:40px auto}.panel-card h2{font-size:1.1rem;margin-bottom:20px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.78rem;color:var(--text-secondary);margin-bottom:5px;font-weight:500}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:.85rem;font-family:var(--font-sans);outline:none;transition:all var(--duration-normal)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--ey-orange);box-shadow:0 0 0 3px #f05a3014}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.btn{padding:9px 18px;border-radius:var(--radius-md);font-size:.82rem;font-weight:600;cursor:pointer;border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-secondary);font-family:var(--font-sans);transition:all var(--duration-normal) var(--ease-out);display:inline-flex;align-items:center;justify-content:center;gap:5px;position:relative;overflow:hidden;letter-spacing:-.01em}.btn:hover{border-color:var(--border-hover);color:var(--text-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,var(--ey-orange),var(--ey-yellow));color:#000;border:none;font-weight:700}.btn-primary:hover{box-shadow:var(--shadow-glow-gold);transform:translateY(-2px)}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-default)}.btn-secondary:hover{border-color:var(--border-hover);color:var(--text-primary);background:#ffffff08}.btn-danger{background:var(--red-dim);color:var(--red);border:1px solid rgba(200,75,49,.2)}.btn-danger:hover{background:#c84b3133;box-shadow:var(--shadow-glow-red)}.btn-activate{background:var(--green-dim);color:var(--green);border:1px solid rgba(0,183,172,.2)}.btn-activate:hover{background:#00b7ac33;box-shadow:var(--shadow-glow-green)}.btn-sm{font-size:.72rem;padding:5px 12px}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.detail-info{display:flex;align-items:center;gap:10px}.detail-info h2{font-size:1.1rem}.detail-actions{display:flex;gap:8px}.detail-tabs{display:flex;gap:4px;padding:4px;background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-subtle);margin-bottom:16px}.dtab{flex:1;padding:8px 12px;font-size:.78rem;font-weight:500;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-normal);font-family:var(--font-sans)}.dtab:hover{color:var(--text-secondary);background:var(--bg-card-hover)}.dtab.active{color:var(--ey-yellow);background:#fdd8351a}.dtab-content{display:none}.dtab-content.active{display:block}.ref-image-section{margin-bottom:20px}.ref-image-zone{border:2px dashed var(--border-default);border-radius:var(--radius-lg);padding:24px;text-align:center;cursor:pointer;min-height:160px;display:flex;align-items:center;justify-content:center;transition:all var(--duration-normal)}.ref-image-zone:hover{border-color:var(--egg-gold);background:#fdd8350a}.ref-image{width:100%;max-height:300px;object-fit:contain;border-radius:var(--radius-md)}.add-object-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.add-object-section h3{font-size:.9rem}.add-object-form,.add-rule-form{background:var(--bg-card);border:1px solid var(--border-active);border-radius:var(--radius-md);padding:16px;margin-bottom:16px}.obj-thumbnail-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;max-height:180px;overflow-y:auto;padding:8px;background:var(--bg-deep);border:1px solid var(--border-default);border-radius:var(--radius-md);margin-bottom:12px}.obj-thumb-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);text-align:center;box-sizing:border-box}.obj-thumb-item:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.obj-thumb-item.selected{border-color:var(--egg-gold);background:#fdd83514;box-shadow:0 0 0 2px #fdd83533}.obj-thumb-img-wrapper{width:72px;height:54px;border-radius:var(--radius-sm);background:var(--bg-deep);overflow:hidden;display:flex;align-items:center;justify-content:center}.obj-thumb-img{width:100%;height:100%;object-fit:cover}.obj-thumb-name{font-size:.72rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.obj-thumb-empty{font-size:.65rem;color:var(--text-muted);font-weight:700}.form-row{margin-bottom:10px}.form-row label{display:block;font-size:.72rem;color:var(--text-tertiary);margin-bottom:3px}.form-row input,.form-row select,.form-select{width:100%;padding:8px 10px;background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:.8rem;font-family:var(--font-sans);outline:none;transition:all var(--duration-normal)}.form-row input:focus,.form-row select:focus{border-color:var(--ey-orange);box-shadow:0 0 0 3px #f05a3014}.form-row-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:10px}.zone-inputs{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:6px}.zone-inputs input{padding:6px 8px;font-size:.75rem;text-align:center}.tpl-objects-list{display:flex;flex-direction:column;gap:8px}.tpl-obj-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--duration-normal)}.tpl-obj-item:hover{border-color:var(--border-hover)}.tpl-obj-name{font-weight:600;font-size:.82rem;flex:1}.tpl-obj-role{font-size:.65rem;padding:2px 8px;border-radius:var(--radius-pill);font-weight:600}.tpl-obj-role.required{background:var(--green-dim);color:var(--green)}.tpl-obj-role.optional{background:var(--blue-dim);color:var(--blue)}.tpl-obj-role.forbidden{background:var(--red-dim);color:var(--red)}.tpl-obj-severity{font-size:.68rem;color:var(--text-tertiary)}.tpl-obj-zone{font-size:.65rem;color:var(--text-muted);font-family:var(--font-mono)}.tpl-obj-remove{background:none;border:none;color:var(--red);cursor:pointer;font-size:.9rem;opacity:.6;transition:opacity .2s}.tpl-obj-remove:hover{opacity:1}.rules-list{display:flex;flex-direction:column;gap:8px}.rule-item{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:.8rem}.rule-arrow{color:var(--egg-gold);font-weight:700}.rule-relation{font-size:.68rem;padding:2px 8px;border-radius:var(--radius-pill);background:#fdd8351a;color:var(--egg-gold);font-weight:500}.rule-remove{background:none;border:none;color:var(--red);cursor:pointer;font-size:.9rem;opacity:.6;transition:opacity .2s;margin-left:auto}.rule-remove:hover{opacity:1}.scoring-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px;max-width:480px}.scoring-card h3{margin-bottom:16px;font-size:.9rem}.config-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.config-row label{font-size:.78rem;color:var(--text-secondary);min-width:160px}.config-row input{flex:1;padding:8px 12px;background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:.82rem;font-family:var(--font-sans);outline:none;transition:all var(--duration-normal)}.config-row input:focus{border-color:var(--ey-orange);box-shadow:0 0 0 3px #f05a3014}.preview-upload{border:2px dashed var(--border-default);border-radius:var(--radius-lg);padding:36px;text-align:center;cursor:pointer;transition:all var(--duration-normal)}.preview-upload:hover{border-color:var(--green);background:#34d3990a}.preview-result{margin-top:16px}.preview-score{text-align:center;padding:16px;border-radius:var(--radius-md);margin-bottom:12px;font-size:1.4rem;font-weight:700}.preview-score.pass{background:var(--green-dim);color:var(--green)}.preview-score.fail{background:var(--red-dim);color:var(--red)}.preview-overlay-img{width:100%;max-height:480px;object-fit:contain;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.preview-violations{margin-top:12px}.violation-item{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-bottom:4px;background:var(--bg-card);border-left:3px solid var(--red);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:.78rem}.violation-item.severity-critical{border-left-color:var(--red)}.violation-item.severity-high{border-left-color:var(--egg-amber)}.violation-item.severity-medium{border-left-color:var(--egg-gold)}.violation-item.severity-low{border-left-color:var(--blue)}#detail-name:hover .edit-icon{opacity:1!important;color:var(--egg-gold)!important}@media (max-width: 768px){.tpl-layout{grid-template-columns:1fr}.tpl-sidebar{position:static;max-height:none}.form-row-group{grid-template-columns:1fr 1fr}}