:root{color-scheme:light;--bg: #faf6f1;--bg-deep: #f4ece4;--surface: #ffffff;--surface-tint: #fffaf5;--border: #eddfd2;--border-strong: #ddc6b5;--text: #402b24;--muted: #9c8b80;--accent: #e2497f;--accent-deep: #c93a6c;--accent-soft: #fce4ee;--accent-border: #f3bfd4;--success: #0e9f6e;--success-soft: #e2f6ee;--success-border: #b7e6d3;--warning: #a16207;--warning-soft: #fdf1d7;--warning-border: #f3d9a4;--danger: #d64545;--danger-soft: #fdeaea;--danger-border: #f2c4c4;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--control-h: 38px;--shadow-sm: 0 1px 2px rgba(64, 43, 36, .05), 0 2px 10px rgba(64, 43, 36, .04);--shadow-md: 0 12px 32px rgba(64, 43, 36, .12);--shadow-accent: 0 4px 14px rgba(226, 73, 127, .32);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.45}*{box-sizing:border-box}body{background:radial-gradient(900px 420px at 88% -5%,#fdeaf2,#fdeaf200 60%),radial-gradient(700px 380px at -8% 18%,#fdf4e6,#fdf4e600 55%),var(--bg);color:var(--text);margin:0;min-height:100vh}::selection{background:var(--accent-soft)}*::-webkit-scrollbar{height:10px;width:10px}*::-webkit-scrollbar-thumb{background:#dcc9b8;background-clip:content-box;border:3px solid transparent;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background-color:#c8b2a0}*::-webkit-scrollbar-track{background:transparent}h1{font-size:24px;font-weight:800;letter-spacing:-.02em;margin:0}h3{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.06em;margin:0 0 12px;text-transform:uppercase}a{color:var(--accent)}.centered{align-items:center;display:flex;justify-content:center;min-height:100vh}.page{margin:0 auto;max-width:1080px;padding:28px 24px 56px}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.hint{color:var(--muted);font-size:12.5px;line-height:1.55;margin:8px 0 0}.topbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffdb;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:10px 24px;position:sticky;top:0;z-index:20}.topbar-brand{align-items:center;display:flex;gap:10px}.topbar-brand strong{font-size:15px;font-weight:800;letter-spacing:-.01em}.topbar-right{align-items:center;display:flex;gap:12px}.brand-mark{align-items:center;background:linear-gradient(160deg,#f26ea1,var(--accent));border-radius:10px;box-shadow:var(--shadow-accent);color:#fff;display:inline-flex;flex:none;height:30px;justify-content:center;width:30px}.user-chip{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:999px;color:var(--muted);display:inline-flex;font-size:13px;gap:7px;max-width:260px;min-height:var(--control-h);overflow:hidden;padding:5px 12px;text-overflow:ellipsis;white-space:nowrap}.user-chip svg{color:var(--accent);flex:none}.page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:22px}.page-header-controls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.page-sub{color:var(--muted);font-size:13px;margin:5px 0 0}.back{align-items:center;color:var(--accent);display:inline-flex;font-size:13px;font-weight:600;gap:4px;margin-bottom:10px;text-decoration:none}.back:hover{color:var(--accent-deep);text-decoration:underline}button,.button-like{align-items:center;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;display:inline-flex;font:inherit;font-weight:600;gap:6px;justify-content:center;min-height:var(--control-h);padding:8px 14px;text-decoration:none;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,transform .12s ease}button:hover,.button-like:hover{border-color:var(--muted)}button:focus-visible,.button-like:focus-visible{box-shadow:0 0 0 3px var(--accent-soft);outline:none}button.primary{background:linear-gradient(180deg,#f05d95,var(--accent));border:1px solid var(--accent);box-shadow:var(--shadow-accent);color:#fff}button.primary:hover:not(:disabled){background:linear-gradient(180deg,#f26ea1,var(--accent-deep));box-shadow:0 5px 18px #e2497f6b;transform:translateY(-1px)}button.primary:active:not(:disabled){transform:translateY(0)}button.primary:disabled{background:#e7c6d6;border-color:#e7c6d6;box-shadow:none;color:#fff;cursor:not-allowed}button.ghost{background:var(--surface);border-color:var(--border-strong)}button.ghost:hover:not(:disabled){background:var(--bg);border-color:var(--muted)}button.ghost:disabled{color:#cbb9ae;cursor:not-allowed}button.danger{color:var(--danger)}button.danger:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger-border)}.row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:10px}.row>.field{margin-bottom:0}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px;min-width:0}.field.inline{align-items:center;flex-direction:row;gap:8px}.field-label{color:var(--muted);font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.field-error{color:var(--danger);font-size:12.5px;margin:4px 0 0}input,select,textarea{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);font:inherit;min-height:var(--control-h);padding:8px 11px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}input:hover,select:hover,textarea:hover{border-color:#d0b8a6}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}input::placeholder{color:#c9b7ab}input:disabled{background:var(--bg);color:var(--muted)}textarea{line-height:1.5;resize:vertical}select{cursor:pointer}.checkbox{align-items:center;display:inline-flex;gap:8px}.checkbox input{accent-color:var(--accent);min-height:0;width:auto}.segmented{background:var(--bg-deep);border:1px solid var(--border);border-radius:12px;display:inline-flex;gap:2px;padding:2px}.field>.segmented{align-self:flex-start}.segmented button{background:transparent;border:0;border-radius:9px;color:var(--muted);font-weight:600;min-height:0;padding:6px 14px}.segmented button:hover{color:var(--text)}.segmented button.active{background:var(--surface);box-shadow:var(--shadow-sm);color:var(--accent)}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{border-radius:999px;padding:6px 14px}.chip:hover:not(:disabled){background:var(--bg)}.chip--active{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent-deep)}.chip--active:hover:not(:disabled){background:var(--accent-soft)}.panel,.section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:16px}.panel{padding:18px}.panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.panel-header h3{margin:0}.card{background:var(--surface-tint);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:12px;padding:14px}.card .row{margin-bottom:12px}.card .row:last-child{margin-bottom:0}.panel>.row{margin-bottom:12px}.panel>.row:last-child{margin-bottom:0}fieldset{border:0;margin:0;min-width:0;padding:0}.notice{align-items:center;background:var(--success-soft);border:1px solid var(--success-border);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:8px;padding:12px 14px}.issues{background:var(--danger-soft);border:1px solid var(--danger-border);border-radius:var(--radius-md);margin:0 0 16px;padding:14px 14px 14px 34px}.issues li{color:var(--danger);margin-bottom:4px}.issues li::marker{color:var(--danger)}.save-state{align-items:center;color:var(--muted);display:flex;font-size:12.5px;gap:7px;margin:0 0 14px;min-height:16px}.save-dot{border-radius:50%;flex:none;height:8px;width:8px}.save-dot--saving{animation:pulse 1.1s ease-in-out infinite;background:var(--warning)}.save-dot--saved{background:var(--success)}.save-dot--error{background:var(--danger)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.json{background:#3a2a24;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);color:#f6e9e3;font-size:12px;line-height:1.5;overflow-x:auto;padding:14px}.table{background:var(--surface);border:1px solid var(--border);border-collapse:separate;border-radius:var(--radius-md);border-spacing:0;box-shadow:var(--shadow-sm);overflow:hidden;width:100%}.table th,.table td{border-bottom:1px solid var(--border);padding:12px 14px;text-align:left;vertical-align:middle}.table th{background:var(--surface-tint);color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background .12s ease}.table tbody tr:hover{background:#fff6f0}.table-actions{text-align:right;white-space:nowrap}.table-actions>*{vertical-align:middle}.table-actions>*+*{margin-left:8px}.badge{background:var(--warning-soft);border:1px solid var(--warning-border);border-radius:999px;color:var(--warning);font-size:11px;font-weight:600;margin-left:8px;padding:2px 9px;white-space:nowrap}.badge--live{background:var(--success-soft);border-color:var(--success-border);color:var(--success)}.status{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:3px 12px;white-space:nowrap}.status:before{background:currentColor;border-radius:50%;content:"";height:6px;width:6px}.status--draft{background:var(--bg-deep);color:var(--muted)}.status--active{background:var(--success-soft);color:var(--success)}.status--paused{background:var(--warning-soft);color:var(--warning)}.status--completed{background:var(--bg-deep);color:#6b5b52}.empty-state{align-items:center;background:var(--surface);border:1.5px dashed var(--border-strong);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:10px;padding:44px 24px;text-align:center}.empty-state>svg{color:var(--accent)}.empty-state h2{font-size:17px;font-weight:700;margin:0}.empty-state p{color:var(--muted);margin:0}.login-wrap{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:24px}.login{background:var(--surface);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow-md);padding:36px 32px;width:360px}.login-brand{align-items:center;display:flex;flex-direction:column;gap:14px;margin-bottom:8px;text-align:center}.login-brand .brand-mark{border-radius:15px;height:48px;width:48px}.login-brand h1{font-size:22px}.login-tagline{color:var(--muted);font-size:13.5px;margin:0 0 22px;text-align:center}.login button.primary{margin-top:6px;padding:10px 14px;width:100%}.section{overflow:hidden}.section-bar{align-items:center;display:flex;gap:4px}.section-toggle{align-items:center;background:transparent;border:0;border-radius:var(--radius-md);color:var(--text);cursor:pointer;display:flex;flex:1;font:inherit;font-weight:500;gap:10px;justify-content:flex-start;min-width:0;padding:14px 16px;text-align:left}.section-toggle:hover{background:var(--bg)}.section-icon{color:var(--accent);flex:none}.section-title{font-size:14.5px;font-weight:700;white-space:nowrap}.section-badge{margin-left:0}.section-subtitle{color:var(--muted);font-size:12px;margin-left:auto;min-width:0;overflow:hidden;padding-left:10px;text-overflow:ellipsis;white-space:nowrap}.section-chevron{color:var(--muted);flex:none;margin-left:2px;transition:transform .2s ease}.section--open .section-chevron{transform:rotate(180deg)}.section-actions{align-items:center;display:flex;flex:none;gap:6px;padding-right:16px}.section-body{display:grid;grid-template-rows:1fr;transition:grid-template-rows .22s ease}.section-body--closed{grid-template-rows:0fr}.section-body-inner{min-height:0;overflow:hidden}.section-body-inner>*{padding:0 16px 18px}.sub-header{align-items:center;display:flex;justify-content:space-between;margin:2px 0 10px}.sub-title{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.editor{display:grid;gap:22px;grid-template-columns:minmax(0,1fr) 400px;margin:0 auto;max-width:1200px;padding:24px}.editor-form{min-width:0}.editor-header{align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;margin-bottom:16px;padding:16px 18px}.editor-header-main{flex:1 1 300px;min-width:0}.editor-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.name-input{background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);font-size:26px;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0 0 4px -7px;padding:3px 8px;width:100%}.name-input:hover{background:var(--bg);border-color:var(--border)}.name-input:focus{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.meta-line{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.preview{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:16px;position:sticky;top:76px}.preview-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.preview-title{align-items:center;color:var(--text);display:inline-flex;font-size:14px;font-weight:700;gap:8px}.preview-title svg{color:var(--accent)}.preview-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.preview-controls .field{margin-bottom:0}.preview-stage{display:flex;justify-content:center;margin-top:12px}.theme-controls{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:12px;padding:12px}.theme-controls .field-label{width:100px}@media(max-width:1120px){.editor{grid-template-columns:minmax(0,1fr)}.preview{position:static}}.phone-outer{overflow:hidden}.phone-frame{background:#1c1410;border:1px solid #cbb4a4;border-radius:42px;box-shadow:0 26px 60px #402b2438;overflow:hidden;position:relative}.phone-wallpaper{background:linear-gradient(165deg,#fdf1f5,#f6dfe9 42%,#e7c9da);inset:0;position:absolute}.phone-surface{inset:0;position:absolute}.phone-status-bar{align-items:center;display:flex;font-size:13px;font-weight:600;justify-content:space-between;left:0;padding:0 24px;pointer-events:none;position:absolute;right:0;top:0}.phone-status-bar--dark{color:#402b24}.phone-status-bar--light{color:#faf6f1}.phone-indicators{letter-spacing:1px}.phone-surface [role=alert],.phone-surface [role=summary]{border-width:.5px!important}.locale-row{align-items:flex-start;display:flex;gap:8px;margin-bottom:8px}.locale-tag{align-items:center;background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:8px;color:var(--accent-deep);display:flex;flex:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:600;justify-content:center;min-height:var(--control-h);padding:8px 10px;width:68px}.locale-add{display:flex;gap:8px;margin-top:6px}.locale-add input{max-width:240px}.rule{border-left:2px solid var(--accent-border);margin-bottom:10px;padding-left:14px}.rule-children{border-top:1px dashed var(--border);margin-top:10px;padding:10px 0 0 10px}.action-editor,.colors{border-top:1px dashed var(--border);margin-top:10px;padding-top:10px}.colors summary{align-items:center;color:var(--muted);cursor:pointer;display:inline-flex;font-size:12px;font-weight:650;gap:6px;list-style:none}.colors summary::-webkit-details-marker{display:none}.colors summary .badge{margin-left:6px}.color-field{flex:1;min-width:240px}.color-row{align-items:center;display:flex;gap:6px}.color-row input[type=color]{background:none;border:1px solid var(--border-strong);border-radius:8px;cursor:pointer;flex:none;height:var(--control-h);padding:2px;width:38px}.color-row button{flex:none;padding:8px 10px}.dropzone{align-items:center;background:#fffaf6;border:1.5px dashed var(--border-strong);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px;padding:26px;text-align:center;transition:background .15s ease,border-color .15s ease}.dropzone--active{background:var(--accent-soft);border-color:var(--accent)}.dropzone p{color:var(--muted);margin:0}.image-preview{align-items:flex-start;display:flex;gap:12px}.image-preview img{aspect-ratio:16 / 9;border:1px solid var(--border);border-radius:var(--radius-sm);object-fit:cover;width:180px}.image-preview-meta{align-items:flex-start;display:flex;flex-direction:column;gap:8px;min-width:0}.image-preview-meta p{margin:0}.break{overflow-wrap:anywhere}.image-url{margin-top:10px}.image-url summary{color:var(--muted);cursor:pointer;display:inline-flex;font-size:12.5px;font-weight:600;gap:6px;list-style:none}.image-url summary::-webkit-details-marker{display:none}.image-url input{margin-top:6px}