.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.tippy-box[data-animation=scale][data-placement^=top]{transform-origin:bottom}.tippy-box[data-animation=scale][data-placement^=bottom]{transform-origin:top}.tippy-box[data-animation=scale][data-placement^=left]{transform-origin:right}.tippy-box[data-animation=scale][data-placement^=right]{transform-origin:left}.tippy-box[data-animation=scale][data-state=hidden]{transform:scale(.5);opacity:0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--lumi-navy: #1a2332;--lumi-navy-mid: #243044;--lumi-navy-light: #2d3b50;--lumi-gold: #C9963A;--lumi-gold-light: #d9a94e;--lumi-gold-glow: rgba(201, 150, 58, .12);--lumi-cream: #faf8f5;--lumi-white: #ffffff;--lumi-border: #e8e4de;--lumi-border-light: #f0ede8;--lumi-text: #1a2332;--lumi-text-mid: #4a5568;--lumi-text-muted: #8896a7;--lumi-text-light: #9ca3af;--lumi-green: #22c55e;--lumi-green-bg: #f0fdf4;--lumi-red: #ef4444;--lumi-red-bg: #fef2f2;--lumi-blue: #3b82f6;--lumi-blue-bg: #eff6ff;--lumi-surface: #f8f8f8;--lumi-overlay: rgba(0,0,0,.4);--lumi-sidebar-w: 240px;--lumi-radius-sm: 5px;--lumi-radius: 8px;--lumi-radius-lg: 12px;--lumi-shadow-sm: 0 1px 3px rgba(26,35,50,.06);--lumi-shadow-md: 0 4px 16px rgba(26,35,50,.08);--lumi-shadow-lg: 0 12px 40px rgba(26,35,50,.12);--lumi-font: "IBM Plex Sans", -apple-system, sans-serif;--lumi-font-mono: "IBM Plex Mono", monospace;--navy: var(--lumi-navy);--navy-mid: var(--lumi-navy-mid);--navy-light: var(--lumi-navy-light);--amber: var(--lumi-gold);--amber-light: var(--lumi-gold-light);--amber-glow: var(--lumi-gold-glow);--cream: var(--lumi-cream);--white: var(--lumi-white);--border: var(--lumi-border);--border-light: var(--lumi-border-light);--text: var(--lumi-text);--text-muted: var(--lumi-text-muted);--text-light: var(--lumi-text-light);--green: var(--lumi-green);--green-bg: var(--lumi-green-bg);--red: var(--lumi-red);--red-bg: var(--lumi-red-bg);--blue: var(--lumi-blue);--blue-bg: var(--lumi-blue-bg);--sidebar-w: var(--lumi-sidebar-w);--radius: var(--lumi-radius);--radius-sm: var(--lumi-radius-sm);--shadow-sm: var(--lumi-shadow-sm);--shadow-md: var(--lumi-shadow-md);--shadow-lg: var(--lumi-shadow-lg);--font: var(--lumi-font);--font-mono: var(--lumi-font-mono)}html{font-size:15px}body{font-family:var(--font);color:var(--text);background:var(--cream);line-height:1.5;-webkit-font-smoothing:antialiased;display:flex;min-height:100vh}#root{display:flex;width:100%;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--navy);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:50;overflow-y:auto;overflow-x:hidden}.sidebar-platform{padding:1rem 1.25rem .75rem;display:flex;align-items:center;gap:.5rem}.sidebar-platform-name{font-size:.8125rem;font-weight:700;color:#ffffffd9;letter-spacing:.04em}.sidebar-platform-name span{font-weight:400;color:#ffffff59;font-size:.625rem;letter-spacing:.08em;text-transform:uppercase;margin-left:.375rem}.sidebar-brand{padding:.875rem 1.25rem 1rem;border-bottom:1px solid var(--navy-light);display:flex;align-items:center;gap:.75rem}.sidebar-brand-icon{width:36px;height:36px;background:var(--amber);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;color:#fff;letter-spacing:.03em;flex-shrink:0}.sidebar-brand-name{font-size:.875rem;font-weight:600;color:#fff}.sidebar-brand-url{font-size:.7rem;color:var(--text-light);font-family:var(--font-mono)}.sidebar-nav{padding:1rem .75rem;flex:1}.sidebar-section-label{font-size:.625rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffff4d;padding:.75rem .625rem .5rem}.sidebar-link{display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;color:#fff9;text-decoration:none;cursor:pointer;transition:all .15s ease;margin-bottom:2px;border:none;background:none;width:100%;text-align:left;font-family:var(--font);position:relative}.sidebar-link:hover{color:#ffffffe6;background:var(--navy-mid)}.sidebar-link.active{color:#fff;background:var(--navy-mid)}.sidebar-link svg{width:18px;height:18px;flex-shrink:0;opacity:.7}.sidebar-link.active svg{opacity:1}.sidebar-link .badge{margin-left:auto;background:var(--navy-light);color:#ffffff80;font-size:.7rem;font-weight:600;padding:.1rem .45rem;border-radius:10px;font-family:var(--font-mono)}.sidebar-footer{padding:1rem 1.25rem;border-top:1px solid var(--navy-light)}.sidebar-user{display:flex;align-items:center;gap:.625rem}.sidebar-avatar{width:32px;height:32px;border-radius:50%;background:var(--navy-light);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#ffffffb3}.sidebar-user-name{font-size:.8125rem;font-weight:600;color:#ffffffd9}.sidebar-user-role{font-size:.6875rem;color:#fff6}.sidebar-powered{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--navy-light);display:flex;align-items:center;gap:.375rem}.sidebar-powered svg{width:14px;height:14px}.sidebar-powered span{font-size:.625rem;color:#ffffff40}.sidebar-powered a{color:#fff6;text-decoration:none;font-weight:600}.sidebar-powered a:hover{color:var(--amber)}.main{margin-left:var(--sidebar-w);flex:1;min-height:100vh}.main-header{background:var(--white);border-bottom:1px solid var(--border);padding:1.25rem 2rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30}.main-header h1{font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.main-header-actions{display:flex;align-items:center;gap:.75rem}.main-content{padding:1.75rem 2rem}.btn{display:inline-flex;align-items:center;gap:.375rem;font-family:var(--font);font-size:.8125rem;font-weight:600;padding:.5rem 1rem;border-radius:var(--radius-sm);border:1.5px solid transparent;cursor:pointer;transition:all .15s ease;white-space:nowrap;text-decoration:none}.btn svg{width:16px;height:16px}.btn-primary{background:var(--amber);color:#fff;border-color:var(--amber)}.btn-primary:hover{background:var(--amber-light);border-color:var(--amber-light);box-shadow:0 2px 8px #c8963e4d}.btn-secondary{background:var(--white);color:var(--text);border-color:var(--border)}.btn-secondary:hover{border-color:var(--text-muted)}.btn-ghost{background:transparent;color:var(--text-muted);border-color:transparent;padding:.375rem .625rem}.btn-ghost:hover{background:var(--border-light);color:var(--text)}.btn-sm{font-size:.75rem;padding:.35rem .75rem}.btn-danger{background:var(--red);color:#fff;border-color:var(--red)}.btn-danger:hover{background:#dc2626}.btn-publish{background:#16a34a;color:#fff;border-color:#16a34a}.btn-publish:hover{background:#15803d}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.status{display:inline-flex;align-items:center;gap:.3rem;font-size:.6875rem;font-weight:600;padding:.2rem .55rem;border-radius:10px;text-transform:uppercase;letter-spacing:.04em}.status-published{background:var(--green-bg);color:#15803d}.status-draft{background:var(--border-light);color:var(--text-muted)}.status-dot{width:6px;height:6px;border-radius:50%}.status-published .status-dot{background:var(--green)}.status-draft .status-dot{background:var(--text-light)}.pages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.page-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;cursor:pointer;transition:all .15s ease}.page-card:hover{border-color:var(--amber);box-shadow:var(--shadow-md)}.page-card-title{font-size:.9375rem;font-weight:600;margin-bottom:.25rem}.page-card-slug{font-size:.75rem;font-family:var(--font-mono);color:var(--text-light);margin-bottom:.75rem}.page-card-blocks{display:flex;gap:.3rem;flex-wrap:wrap;margin-bottom:.875rem}.page-card-block-tag{font-size:.625rem;font-weight:600;padding:.15rem .4rem;background:var(--cream);border:1px solid var(--border-light);border-radius:3px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.page-card-footer{display:flex;align-items:center;justify-content:space-between}.page-card-date{font-size:.75rem;color:var(--text-light)}.editor-layout{display:grid;grid-template-columns:340px 1fr;gap:1.25rem;align-items:start}.editor-blocks-panel{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);position:sticky;top:80px}.editor-blocks-header{padding:1rem 1.125rem;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.editor-blocks-header h3{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.editor-blocks-list{padding:.5rem;max-height:calc(100vh - 200px);overflow-y:auto}.block-item{display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .12s ease;border:1.5px solid transparent;margin-bottom:2px}.block-item:hover{background:var(--cream)}.block-item.selected{background:var(--amber-glow);border-color:var(--amber)}.block-item.drag-over{border-top:2.5px solid var(--amber);margin-top:-1px}.block-item-icon{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.875rem}.block-item-info{flex:1;min-width:0}.block-item-type{font-size:.8125rem;font-weight:600}.block-item-preview{font-size:.6875rem;color:var(--text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.block-item-actions{display:flex;gap:.125rem;opacity:0;transition:opacity .15s}.block-item:hover .block-item-actions{opacity:1}.block-item-actions button{background:none;border:none;cursor:pointer;padding:.2rem;color:var(--text-light);border-radius:3px;display:flex;align-items:center}.block-item-actions button:hover{color:var(--red);background:var(--red-bg)}.block-item-actions button svg{width:14px;height:14px}.add-block-btn{display:flex;align-items:center;justify-content:center;gap:.375rem;width:100%;padding:.625rem;margin:.375rem 0;border:1.5px dashed var(--border);border-radius:var(--radius-sm);background:none;cursor:pointer;font-family:var(--font);font-size:.8125rem;font-weight:500;color:var(--text-muted);transition:all .15s}.add-block-btn:hover{border-color:var(--amber);color:var(--amber);background:var(--amber-glow)}.editor-form-panel{background:var(--white);border:1px solid var(--border);border-radius:var(--radius)}.editor-form-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.editor-form-header h3{font-size:1rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.editor-form-body{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.375rem}.form-input{width:100%;padding:.5rem .75rem;font-family:var(--font);font-size:.875rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--white);color:var(--text);transition:border-color .15s;outline:none}.form-input:focus{border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-glow)}.form-textarea{min-height:80px;resize:vertical;line-height:1.6}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b7280' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem}.form-checkbox{display:flex;align-items:center;gap:.5rem}.form-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--amber)}.form-separator{height:1px;background:var(--border-light);margin:1.25rem 0}.view-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.view-header h1{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.view-toolbar{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap}.view-toolbar .form-input{width:auto}.view-toolbar .form-select{width:auto;min-width:190px}.view-toolbar-search{width:220px}.view-count{font-size:.8125rem;color:var(--text-light);white-space:nowrap}.view-toggle{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--text-muted);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.view-toggle input[type=checkbox]{width:15px;height:15px;accent-color:var(--amber);margin:0;cursor:pointer}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.875rem;padding:4rem 2rem;color:var(--text-muted);font-size:.875rem;letter-spacing:.01em}.loading-state--full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:var(--cream)}.loading-spinner{width:30px;height:30px;border-radius:50%;border:2.5px solid var(--border);border-top-color:var(--amber);animation:loading-spin .7s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.loading-spinner{animation-duration:2.4s}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a233273;z-index:100;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--white);border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow-lg);width:720px;max-width:90vw;max-height:85vh;overflow:hidden}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.modal-header h2{font-size:1.0625rem;font-weight:700}.modal-close{background:none;border:none;cursor:pointer;padding:.375rem;color:var(--text-muted);border-radius:var(--radius-sm);display:flex;font-size:1.25rem}.modal-close:hover{background:var(--cream);color:var(--text)}.modal-body{padding:1.5rem;overflow-y:auto;max-height:calc(85vh - 65px)}.block-picker-category{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-light);margin:1.25rem 0 .625rem}.block-picker-category:first-child{margin-top:0}.block-picker-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.block-picker-item{display:flex;align-items:center;gap:.875rem;padding:1rem;border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .15s;background:var(--white)}.block-picker-item:hover{border-color:var(--amber);background:var(--amber-glow)}.block-picker-item-icon{font-size:1.5rem;flex-shrink:0}.block-picker-item-name{font-size:.875rem;font-weight:600}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-light);padding:.75rem 1rem;border-bottom:1px solid var(--border)}.data-table td{padding:.875rem 1rem;border-bottom:1px solid var(--border-light);font-size:.875rem}.data-table tr:hover td{background:var(--cream)}.data-table .actions{display:flex;gap:.25rem}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.settings-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.settings-card h3{font-size:.9375rem;font-weight:700;margin-bottom:1rem}.settings-card--wide{grid-column:1 / -1}.rich-editor{border:1.5px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.rich-editor-toolbar{display:flex;align-items:center;gap:2px;padding:.375rem .5rem;background:var(--cream);border-bottom:1px solid var(--border);flex-wrap:wrap}.rich-editor-toolbar button{background:none;border:1px solid transparent;border-radius:3px;padding:.25rem .5rem;font-family:var(--font);font-size:.75rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .12s;line-height:1}.rich-editor-toolbar button:hover{background:var(--white);border-color:var(--border);color:var(--text)}.rich-editor-toolbar button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.toolbar-sep{width:1px;height:18px;background:var(--border);margin:0 .25rem}.rich-editor-content{min-height:300px;padding:1rem;background:var(--white)}.rich-editor-content .tiptap{outline:none;min-height:280px;font-size:.9375rem;line-height:1.7;color:var(--text)}.rich-editor-content .tiptap p{margin-bottom:.75rem}.rich-editor-content .tiptap h2{font-size:1.5rem;font-weight:700;margin:1.5rem 0 .75rem}.rich-editor-content .tiptap h3{font-size:1.25rem;font-weight:600;margin:1.25rem 0 .625rem}.rich-editor-content .tiptap ul,.rich-editor-content .tiptap ol{padding-left:1.5rem;margin-bottom:.75rem}.rich-editor-content .tiptap li{margin-bottom:.25rem}.rich-editor-content .tiptap a{color:var(--amber);text-decoration:underline}.rich-editor-content .tiptap blockquote{border-left:3px solid var(--amber);padding-left:1rem;margin:1rem 0;color:var(--text-muted);font-style:italic}.rich-editor-content .tiptap img{max-width:100%;border-radius:var(--radius-sm);margin:1rem 0}.rich-editor-content .tiptap hr{border:none;border-top:1px solid var(--border);margin:1.5rem 0}.rich-editor-content .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--text-light);pointer-events:none;height:0}.integrations-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.integration-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;display:flex;align-items:start;gap:1rem}.integration-icon{font-size:1.5rem;flex-shrink:0}.integration-info{flex:1}.integration-name{font-size:.9375rem;font-weight:600;margin-bottom:.25rem}.integration-desc{font-size:.8125rem;color:var(--text-muted);margin-bottom:.75rem}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-muted)}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state h3{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:var(--text)}.empty-state p{font-size:.875rem;max-width:360px;margin:0 auto 1.5rem}.toast{position:fixed;bottom:1.5rem;right:1.5rem;z-index:200;background:var(--navy);color:#fff;padding:.75rem 1.25rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;box-shadow:var(--shadow-lg);animation:slideUp .2s ease}.toast-success{background:#15803d}.toast-error{background:var(--red)}@keyframes slideUp{0%{transform:translateY(1rem);opacity:0}to{transform:translateY(0);opacity:1}}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;background:var(--navy)}.login-card{background:var(--white);border-radius:var(--radius);padding:2.5rem;width:380px;max-width:90vw;box-shadow:var(--shadow-lg)}.login-card h1{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;text-align:center}.login-card p{font-size:.875rem;color:var(--text-muted);text-align:center;margin-bottom:2rem}.b-pomelli{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#0b0b0c;color:var(--b-text);display:flex;flex-direction:column}.b-pomelli-top{height:56px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.09);background:#0b0b0c}.b-pomelli-left,.b-pomelli-right{display:flex;align-items:center;gap:8px;min-width:0}.b-pomelli-right{justify-content:flex-end}.b-pomelli-note{font-size:12.5px;color:var(--b-text-muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.b-draft-pill{font-size:11px;font-weight:600;color:#ffb4a8;background:#e8562a24;border:1px solid rgba(232,86,42,.35);padding:5px 10px;border-radius:6px;white-space:nowrap}.b-icon-btn{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--b-text-mid);cursor:pointer;font-size:15px;line-height:1}.b-icon-btn:hover{background:#ffffff0f;color:var(--b-text)}.b-icon-btn:disabled{opacity:.4;cursor:default}.b-publish{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--b-text-mid);background:transparent;border:1px solid var(--b-border);border-radius:999px;padding:5px 10px;cursor:pointer}.b-publish:hover{color:var(--b-text);border-color:var(--b-text-muted)}.b-switch{width:28px;height:16px;border-radius:999px;background:#33333a;position:relative;display:inline-block}.b-switch span{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#8f8f98}.b-pomelli-canvas{flex:1;min-height:0;padding:16px 24px 0;background:#0b0b0c;display:flex;justify-content:center}.b-pomelli-frame{width:100%;max-width:1280px;height:100%;min-height:0}.b-pomelli-frame iframe{width:100%;height:100%;border:1px solid rgba(255,255,255,.08);border-radius:12px 12px 0 0;background:#fff;display:block;box-shadow:0 18px 60px #00000059}.b-pomelli-empty{height:100%;display:grid;place-items:center;color:var(--b-text-muted)}.b-pomelli-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:10px 14px 12px;border-top:1px solid rgba(255,255,255,.08);background:#0b0b0c}.b-pomelli-versions{display:flex;align-items:flex-end;gap:8px;overflow-x:auto}.b-version-add{width:92px;height:64px;flex:none;border-radius:8px;border:1px dashed var(--b-border);background:#ffffff05;color:var(--b-text-mid);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer}.b-version-add:hover{border-color:var(--b-gold);color:var(--b-gold)}.b-version-add span{font-size:18px;line-height:1}.b-version-add small{font-size:8.5px;letter-spacing:.06em;text-transform:uppercase}.b-version{width:92px;flex:none;padding:0;border:1px solid var(--b-border);border-radius:8px;background:transparent;cursor:pointer;overflow:hidden;text-align:left}.b-version.active{border-color:var(--b-gold);box-shadow:0 0 0 1px var(--b-gold)}.b-version-thumb{display:block;width:90px;height:56px;overflow:hidden;background:#fff;position:relative}.b-version-thumb iframe{width:900px;height:560px;border:0;transform:scale(.1);transform-origin:0 0;pointer-events:none}.b-version-label{display:block;padding:3px 6px;font-size:9.5px;color:var(--b-text-muted);background:#141417}.b-version.active .b-version-label{color:var(--b-gold)}.b-pomelli-actions{display:flex;align-items:center;gap:8px;flex:none}.b-pomelli-actions .b-btn{padding:8px 14px;font-size:12px}.b-pomelli-error{position:absolute;top:64px;left:50%;transform:translate(-50%);background:#3a1512;color:#ffb4a8;border:1px solid #7a2a22;padding:8px 14px;border-radius:8px;font-size:12px;z-index:5;max-width:80vw}.b-editor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:310;display:flex;justify-content:flex-end}.b-editor-drawer{width:380px;max-width:92vw;height:100%;background:#121215;border-left:1px solid var(--b-border);padding:20px;overflow:auto}.b-editor-head{display:flex;justify-content:space-between;align-items:flex-start}.b-editor-actions{margin:12px 0}.b-editor-list{display:grid;gap:2px}.b-editor-page{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--b-text-muted);margin:14px 0 6px}.b-editor-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border:1px solid var(--b-border);border-radius:6px;margin-bottom:4px;font-size:12px}.b-editor-row .b-btn{padding:4px 8px;font-size:10px}@media (max-width: 860px){.b-pomelli-note{display:none}.b-pomelli-top{grid-template-columns:1fr auto}.b-pomelli-bottom{flex-direction:column;align-items:stretch}.b-pomelli-actions{justify-content:flex-end;flex-wrap:wrap}}.b-editor-error{background:#3a1512;color:#ffb4a8;border:1px solid #7a2a22;border-radius:8px;padding:8px 10px;font-size:12px;margin:8px 0}.b-palette-studio{border:1px solid var(--b-border);border-radius:12px;padding:14px;margin-top:12px}.b-palette-row{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.b-palette-tile{min-width:0}.b-palette-swatch{position:relative;display:block;height:64px;border-radius:8px;border:1px solid var(--b-border);overflow:hidden;cursor:pointer}.b-palette-hit{position:absolute;top:0;right:0;bottom:0;left:0;display:block;cursor:pointer}.b-palette-hit input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.b-palette-lock{position:absolute;top:4px;right:4px;z-index:2;width:22px;height:22px;border-radius:6px;border:1px solid rgba(0,0,0,.25);background:#ffffffd1;font-size:11px;line-height:1;cursor:pointer;display:grid;place-items:center}.b-palette-tile.is-locked .b-palette-swatch{box-shadow:0 0 0 2px var(--b-gold)}.b-palette-name{font-size:11px;color:var(--b-text-muted);margin-top:5px}.b-palette-hex{font-size:10px;color:var(--b-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.b-palette-contrast{font-size:9px;margin-top:3px;letter-spacing:.02em}.b-palette-contrast.ok{color:#7bbf8a}.b-palette-contrast.warn{color:#e8a33d}.b-palette-controls{display:flex;gap:8px;align-items:center;margin-top:14px;flex-wrap:wrap}.b-palette-controls .b-select{max-width:300px}.b-palette-controls .b-btn{padding:8px 12px;font-size:12px}.b-palette-import{display:flex;gap:8px;margin-top:10px;align-items:center}.b-palette-import .b-input{flex:1}.b-palette-import .b-btn{padding:8px 12px;font-size:12px;white-space:nowrap}.b-palette-note{font-size:11.5px;color:var(--b-text-muted);margin-top:8px}@media (max-width: 720px){.b-palette-row{grid-template-columns:repeat(3,1fr)}}.b-palette-compact{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 0 4px}.b-palette-strip{display:flex;gap:6px}.b-palette-chip{width:42px;height:42px;border-radius:7px;border:1px solid var(--b-border);cursor:pointer;padding:0}.b-palette-chip:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000040}.b-palette-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.b-palette-warn{font-size:11px;color:#e8a33d}.b-palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:320;background:#0009;display:flex;align-items:center;justify-content:center;padding:24px}.b-palette-modal{width:720px;max-width:96vw;max-height:90vh;overflow:auto;background:#141417;border:1px solid var(--b-border);border-radius:16px;padding:20px}.b-palette-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.b-palette-modal-foot{display:flex;justify-content:flex-end;margin-top:16px;padding-top:14px;border-top:1px solid var(--b-border)}.b-palette-lockbtn{margin-top:6px;width:100%;font-size:10px;padding:4px 6px;border:1px solid var(--b-border);border-radius:6px;background:transparent;color:var(--b-text-muted);cursor:pointer}.b-palette-lockbtn:hover{color:var(--b-text);border-color:var(--b-text-muted)}.b-palette-lockbtn.on{color:var(--b-gold);border-color:var(--b-gold)}.b-palette-help{font-size:11px;color:var(--b-text-muted);margin-top:8px}.b-palette-random{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--b-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.b-palette-random input{accent-color:var(--b-gold)}.b-type-preview{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px 0}.b-type-card{background:#f7f2ea;border-radius:10px;padding:16px;color:#1a1712}.b-type-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#7a6a58;margin-bottom:8px}.b-type-heading{font-size:21px;font-weight:700;line-height:1.15}.b-type-body{font-size:13px;line-height:1.55}.b-font-presets{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 16px}.b-font-preset{font-size:12px;padding:7px 10px;border-radius:999px;border:1px solid var(--b-border);background:transparent;color:var(--b-text-mid);cursor:pointer}.b-font-preset:hover{color:var(--b-text);border-color:var(--b-text-muted)}.b-font-preset.active{border-color:var(--b-gold);color:var(--b-gold)}.b-font-preview{background:#0f0f12;border:1px solid var(--b-border);border-radius:12px;padding:20px;margin-top:14px}.b-font-preview-head{font-size:30px;font-weight:700;line-height:1.1;color:var(--b-text)}.b-font-preview-body{font-size:14px;line-height:1.6;color:var(--b-text-mid);margin:10px 0 0;max-width:560px}@media (max-width: 720px){.b-type-preview{grid-template-columns:1fr}}.b-dna-accent-help{font-size:11.5px;color:var(--b-text-muted);margin-top:10px;line-height:1.5}.b-dna-accent-help b{color:var(--b-text-mid);font-weight:600}.b-logo-row{display:flex;gap:14px;align-items:center;padding:14px;margin:14px 0 4px;border:1px solid var(--b-border);border-radius:12px}.b-logo-preview{width:64px;height:64px;flex:none;border-radius:10px;background:#fff;border:1px solid var(--b-border);display:grid;place-items:center;overflow:hidden;font-weight:800;font-size:20px;color:#1b1b1b}.b-logo-preview img{max-width:100%;max-height:100%;object-fit:contain}.b-logo-title{font-size:13px;font-weight:600}.b-logo-hint{font-size:11.5px;color:var(--b-text-muted);margin:2px 0 8px}.b-logo-actions{display:flex;gap:8px;align-items:center}.b-logo-actions .b-btn{padding:5px 10px;font-size:11.5px}.b-strength{margin:18px 0 22px;padding:14px 16px;border:1px solid var(--b-border);border-radius:12px;background:#ffffff05}.b-strength-head{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;color:var(--b-text-mid)}.b-strength-head b{color:var(--b-gold);font-size:14px}.b-strength-bar{height:5px;border-radius:999px;background:#2a2a31;margin:8px 0 7px;overflow:hidden}.b-strength-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--b-gold),#f2c06a);border-radius:999px;transition:width .25s ease}.b-strength-note{font-size:11.5px;color:var(--b-text-muted)}.b-details{border:1px solid var(--b-border);border-radius:10px;padding:0 12px}.b-details summary{cursor:pointer;padding:10px 2px;font-size:12.5px;font-weight:600;color:var(--b-text-mid)}.b-details summary span{font-weight:400;color:var(--b-text-muted);margin-left:6px}.b-details-body{padding:4px 2px 12px}@media (max-width: 900px){.b-pomelli-canvas{padding:10px 8px 0}.b-pomelli-frame{max-width:none}}.b-font-toolbar{display:flex;align-items:center;gap:12px;margin:2px 0 4px}.b-font-serif{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--b-text-mid);cursor:pointer;-webkit-user-select:none;user-select:none}.b-font-serif input{accent-color:var(--b-gold)}.b-font-serif-hint{font-size:11px;color:var(--b-text-muted)}.b-version-loading-thumb{display:grid;place-items:center;background:#141417}.b-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.16);border-top-color:var(--b-gold);border-radius:50%;animation:b-spin .9s linear infinite}@keyframes b-spin{to{transform:rotate(360deg)}}.b-version-add:disabled{opacity:.6;cursor:default}.b-service-photos{display:grid;gap:6px;margin-top:4px}.b-service-photo-row{display:flex;align-items:center;gap:10px;padding:7px 8px;border:1px solid var(--b-border);border-radius:8px}.b-service-photo-thumb{width:34px;height:34px;flex:none;border-radius:6px;overflow:hidden;background:var(--b-border);display:grid;place-items:center;font-size:9px;color:var(--b-text-muted)}.b-service-photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.b-service-photo-name{flex:1;font-size:12px;color:var(--b-text-mid)}.b-service-photo-upload,.b-service-photo-remove{padding:3px 8px!important;font-size:10px!important}