.intro-admin{color:#0a0a0a;padding:24px;container-type:inline-size}:where(.intro-admin) button:not(:where(.intro-preview-device *)),:where(.intro-admin) select:not(:where(.intro-preview-device *)){font:inherit;cursor:pointer}:where(.intro-admin) button:not(:where(.intro-preview-device *)){background:#fff;border:1px solid #e5e5e5;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:8px 12px;display:inline-flex}.intro-admin button:disabled:not(.intro-preview-device *){opacity:.45;cursor:default}.intro-admin button:focus-visible,.intro-admin input:focus-visible,.intro-admin textarea:focus-visible,.intro-admin select:focus-visible{outline-offset:2px;outline:2px solid #1f2937}.intro-admin-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.intro-admin p:not(.intro-preview-device *),.intro-admin small:not(.intro-preview-device *){color:#737373;font-size:12px;line-height:1.7}.intro-admin-toolbar p{margin:0}.intro-admin-grid{grid-template-columns:minmax(0,1fr) 414px;align-items:start;gap:24px;display:grid}.intro-admin .intro-add{background:#f5f5f5;width:100%;margin-bottom:12px}.intro-editor-card{background:#fff;border:1px solid #e5e5e5;border-radius:8px;margin-bottom:14px;overflow:hidden}.intro-editor-card.selected{border-color:#a3a3a3}.intro-row{align-items:center;gap:12px;padding:24px;display:flex}.intro-row .intro-select{text-align:left;border:0;flex:1;justify-content:flex-start;gap:16px;min-width:0;padding:0}.intro-thumbnail{color:#737373;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:64px;display:flex;overflow:hidden}.intro-thumbnail img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.intro-order{color:#737373;font-size:12px;font-weight:600}.intro-row-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.intro-row-title{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.intro-row-title strong{overflow-wrap:anywhere}.intro-row-copy>span:not(.intro-row-title){color:#737373;white-space:pre-wrap;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.intro-type-badge{color:#737373;white-space:nowrap;background:#f5f5f5;border-radius:20px;padding:2px 10px;font-size:10px;font-weight:500}.intro-order-actions{flex-direction:column;gap:2px;display:flex}.intro-order-actions button{border:0!important;min-height:28px!important;padding:4px!important}.intro-row .intro-status-switch{background:#d4d4d4;border:0;border-radius:99px;flex-shrink:0;width:34px;min-width:34px;height:20px;min-height:20px;padding:2px;position:relative}.intro-status-switch span{background:#fff;border-radius:99px;width:16px;height:16px;position:absolute;top:2px;left:2px}.intro-row .intro-status-switch[aria-checked=true]{background:#1f2937}.intro-status-switch[aria-checked=true] span{left:16px}.intro-edit-fields{border:0;border-top:1px solid #e5e5e5;flex-direction:column;gap:24px;min-width:0;margin:0 24px;padding:20px 0 24px;display:flex}.intro-edit-fields label{color:#404040;font-size:12px;font-weight:500;display:block}.intro-edit-fields small{font-weight:400}.intro-edit-fields input:not([type=checkbox]):not([type=file]),.intro-edit-fields textarea,.intro-edit-fields select,.intro-preview-options select{color:#0a0a0a;width:100%;font:inherit;box-sizing:border-box;background:#fff;border:1px solid #e5e5e5;border-radius:6px;margin-top:8px;padding:10px 12px;display:block}.intro-edit-fields textarea{resize:vertical}.intro-edit-fields .intro-code{background:#f8f8f8;min-height:260px;font:13px/1.8 ui-monospace,monospace}.intro-admin .intro-segment{background:#f5f5f5;border:1px solid #e5e5e5;border-radius:12px;align-self:flex-start;padding:4px;display:inline-flex}.intro-segment button{color:#737373;background:0 0!important;border:0!important}.intro-segment button[aria-pressed=true]{color:#fff;background:#1f2937!important;border-radius:8px!important}.intro-field-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.intro-edit-fields .intro-file-button{cursor:pointer;border:1px solid #e5e5e5;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;display:inline-flex;position:relative}.intro-file-button input,.intro-upload input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.intro-file-button:focus-within,.intro-upload:focus-within{outline-offset:2px;outline:2px solid #1f2937}.intro-field-help{color:#737373;justify-content:space-between;align-items:flex-start;gap:12px;margin-top:6px;font-size:11px;font-weight:400;line-height:1.7;display:flex}.intro-field-help>span:last-child{white-space:nowrap}.intro-count{text-align:right;margin-top:4px;display:block}.intro-edit-fields .intro-upload{background:#f5f5f5;border:1px dashed #d4d4d4;border-radius:8px;flex-direction:column;align-items:center;gap:12px;padding:32px 16px;display:flex;position:relative}.intro-icon-field{max-width:260px}.intro-editor-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.intro-editor-footer>span{color:#737373;font-size:11px}.intro-editor-footer>div{gap:8px;margin-left:auto;display:flex}.intro-editor-footer .intro-save{color:#fff;background:#1f2937;border-color:#1f2937}.intro-editor-footer .intro-delete{color:#d22030;background:#fff1f2;border-color:#0000}.intro-editor-footer .intro-close{border-color:#0000}.intro-admin .intro-alert{color:#d22030;background:#fff1f2;border-radius:8px;margin:12px 0;padding:12px}.intro-admin .intro-success{color:#029359;margin:12px 0}.intro-preview-panel{text-align:center;min-width:0;position:sticky;top:0}.intro-preview-options{text-align:left;flex-direction:column;gap:8px;margin-bottom:12px;font-size:12px;display:flex}.intro-preview-host{width:100%;padding:1px;overflow:hidden}.intro-preview-device{background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 0 0 1px #d4d4d4}.intro-empty{color:#737373;text-align:center;padding:40px 24px}.intro-note{margin:16px 0}@container (max-width:960px){.intro-admin-grid{grid-template-columns:minmax(0,1fr)}.intro-preview-panel{width:100%;max-width:414px;margin:0 auto;position:static}}@container (max-width:500px){.intro-row{gap:8px;padding:16px 12px}.intro-thumbnail{width:44px;height:44px}.intro-row .intro-select{gap:8px}.intro-edit-fields{margin:0 16px}.intro-editor-footer>span{width:100%}}@media (max-width:600px){.intro-admin{padding:16px}}