.crm-layout{display:flex;min-height:100vh;background:#f4f6f9}.crm-main{flex:1;margin-left:256px;min-height:100vh;transition:margin-left .22s cubic-bezier(.4,0,.2,1)}.crm-topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100;flex-wrap:wrap;gap:12px}.crm-topbar h1{font-size:1.4rem;font-weight:800;margin:0 0 2px;color:#0f172a}.crm-subtitle{font-size:.82rem;color:#64748b;margin:0}.topbar-actions{display:flex;gap:8px}.btn-primary,.btn-outline,.btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:8px;font-weight:700;font-size:.85rem;cursor:pointer;border:1.5px solid transparent;text-decoration:none}.btn-sm{padding:6px 10px;font-size:.78rem}.btn-primary{background:#133dbd;color:#fff}.btn-primary:hover{background:#0f32a1}.btn-outline{background:#fff;color:#133dbd;border-color:#133dbd}.btn-outline:hover{background:#f0f4ff}.btn-ghost{background:transparent;color:#64748b}.btn-ghost:hover{color:#133dbd;background:#f1f5f9}.page-content{padding:24px 32px}.two-col-layout{display:grid;grid-template-columns:380px 1fr;gap:20px;align-items:start}.settings-column,.preview-column{display:flex;flex-direction:column;gap:16px}.section-title{font-size:.78rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.settings-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field:last-child{margin-bottom:0}.field label{font-size:.72rem;font-weight:700;color:#334155;text-transform:uppercase;letter-spacing:.3px}.field input[type=text],.field select{padding:9px 11px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.86rem;background:#fff;color:#0f172a;font-weight:600;width:100%}.field-hint{font-size:.72rem;color:#94a3b8}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.two-fields .field{margin-bottom:0}.color-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.color-input-wrap{display:flex;gap:6px;align-items:center}.color-input-wrap input[type=color]{width:38px;height:38px;border:1.5px solid #e2e8f0;border-radius:8px;padding:0;cursor:pointer;background:none}.color-input-wrap input[type=text]{flex:1;font-family:monospace;text-transform:uppercase;font-size:.8rem}.presets{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:12px}.presets-label{font-size:.72rem;color:#64748b;font-weight:600;width:100%;margin-bottom:4px}.palette-chip{display:inline-flex;gap:0;padding:2px;border:1.5px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;overflow:hidden;transition:all .15s}.palette-chip:hover{border-color:#94a3b8;transform:translateY(-1px)}.palette-chip span{display:block;width:18px;height:24px}.palette-chip span:first-child{border-radius:4px 0 0 4px}.palette-chip span:last-child{border-radius:0 4px 4px 0}.btn-group{display:flex;gap:6px}.ori-btn{flex:1;display:inline-flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border:1.5px solid #e2e8f0;background:#fff;border-radius:8px;font-size:.75rem;font-weight:700;color:#64748b;cursor:pointer;transition:all .15s}.ori-btn:hover{border-color:#cbd5e1}.ori-btn.is-active{border-color:#133dbd;background:#f0f4ff;color:#133dbd}.toggles{display:flex;flex-direction:column;gap:6px}.sub-toggles{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;margin:4px 0 4px 22px;padding-left:10px;border-left:2px solid #e2e8f0;transition:opacity .18s,max-height .18s}.sub-toggles.is-disabled{opacity:.35;pointer-events:none}.sub-toggle{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:#475569;cursor:pointer;padding:3px 0;font-weight:600}.sub-toggle input{width:14px;height:14px;accent-color:#133dbd}.toggle{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;color:#334155;cursor:pointer;padding:4px 0}.toggle input{width:16px;height:16px;accent-color:#133dbd}.logo-picker{display:flex;gap:12px;align-items:center}.logo-preview{width:76px;height:76px;border:1.5px dashed #cbd5e1;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#f8fafc;overflow:hidden;flex-shrink:0}.logo-preview img{max-width:100%;max-height:100%;object-fit:contain}.logo-placeholder{font-size:.7rem;color:#94a3b8;font-weight:600;text-align:center;padding:0 4px}.logo-actions{display:flex;flex-direction:column;gap:6px}.ads-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.ad-card{position:relative;border:1.5px solid #e5e7eb;border-radius:10px;overflow:hidden;background:#0f172a;aspect-ratio:16 / 9}.ad-card img{width:100%;height:100%;object-fit:contain;background:#0f172a}.ad-card .ad-link-input{position:absolute;left:0;right:0;bottom:0;padding:6px 8px;background:#fffffff2;border:0;border-top:1px solid #e5e7eb;font-size:.74rem;width:100%;outline:none}.ad-card .ad-del{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:#ef4444f2;color:#fff;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.ad-card .ad-del:hover{background:#dc2626}.type-hint{font-size:.76rem;color:#64748b;margin:-6px 0 10px}.type-controls{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.type-row{display:grid;grid-template-columns:1fr 110px 48px;align-items:center;gap:8px}.type-row label{font-size:.78rem;color:#334155;font-weight:600}.type-row input[type=range]{accent-color:#133dbd;width:100%}.type-row .type-val{font-size:.72rem;color:#475569;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}.link-display{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px}.link-display code{font-size:.74rem;color:#133dbd;word-break:break-all;line-height:1.45;display:block}.preview-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;flex-wrap:wrap;gap:8px}.preview-nav{display:flex;gap:4px;align-items:center;background:#f1f5f9;padding:4px;border-radius:8px}.nav-btn{width:30px;height:30px;border:none;background:#fff;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#0f172a}.nav-btn:hover{background:#133dbd;color:#fff}.nav-counter{font-size:.78rem;color:#475569;padding:0 8px;font-weight:700;min-width:60px;text-align:center}.preview-frame{position:relative;width:100%;background:#0f172a;border-radius:10px;overflow:hidden;aspect-ratio:16 / 9}.preview-frame[data-orientation=portrait]{aspect-ratio:9 / 14;max-width:380px;margin:0 auto}.preview-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#0f172a}.preview-hint{font-size:.75rem;color:#64748b;margin:10px 0 0;text-align:center}.list-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.list-actions{display:flex;gap:4px}.summary-bar{font-size:.85rem;color:#475569;padding:10px 14px;background:#f8fafc;border-radius:8px;margin-bottom:12px}.summary-bar strong{color:#133dbd;font-weight:800}.props-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;max-height:500px;overflow-y:auto;padding-right:4px}.prop-item{display:flex;align-items:center;gap:10px;padding:8px;border:1.5px solid #e5e7eb;border-radius:10px;background:#fff;transition:all .15s}.prop-item:hover{border-color:#cbd5e1}.prop-item.is-on{border-color:#133dbd;background:#f8fafc}.prop-thumb{width:56px;height:56px;border-radius:8px;background-size:cover;background-position:center;background-color:#e5e7eb;flex-shrink:0}.prop-body{flex:1;min-width:0}.prop-title{font-size:.82rem;font-weight:700;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prop-meta{font-size:.72rem;color:#64748b;margin-top:2px}.toggle-sw{position:relative;flex-shrink:0;cursor:pointer}.toggle-sw input{position:absolute;opacity:0;width:0;height:0}.sw-track{display:block;width:38px;height:20px;background:#cbd5e1;border-radius:999px;position:relative;transition:background .2s}.sw-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #00000026;transition:left .2s}.toggle-sw input:checked+.sw-track{background:#133dbd}.toggle-sw input:checked+.sw-track .sw-thumb{left:20px}.loading-state,.empty-state{grid-column:1 / -1;text-align:center;color:#64748b;padding:24px;font-size:.88rem}.empty-state a{color:#133dbd;text-decoration:underline;font-weight:700}@media(max-width:1200px){.two-col-layout{grid-template-columns:1fr}}@media(max-width:1024px){.crm-main{margin-left:0}}@media(max-width:768px){.page-content{padding:16px}.props-grid{grid-template-columns:1fr;max-height:none}}