@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;1,9..144,300&display=auto";:root{--sp-1: 8px;--sp-2: 16px;--sp-3: 24px;--sp-4: 32px;--sp-5: 40px;--sp-6: 48px;--sp-8: 64px;--sp-12: 96px;--t-xs: 13px;--t-sm: 15px;--t-base: 16px;--t-md: 19px;--t-lg: 24px;--t-3xl: 52px;--font-display: "Fraunces", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", Menlo, monospace;--c-surface: #F3F5F6;--c-surface-dim: #EAECEE;--c-surface-bright: #FFFFFF;--c-text: #0C0C0E;--c-text-2: #4e5156;--c-text-3: #888b90;--c-border: #DCDFE2;--c-border-subtle: #EAECEE;--c-code-bg: #0C0C0E;--c-code-comment: #555555;--c-code-keyword: #888b90;--c-code-string: #B0B3B8;--c-code-tag: #E8E8EA;--c-code-chrome: #2A2A2E;--c-code-chrome-line: #1E1E22;--max-width: 1120px;--page-pad: 40px;--r-sm: 3px;--r-md: 8px;--r-card: 10px;--r-pill: 20px}@media(max-width:900px){:root{--t-3xl: 38px;--page-pad: 20px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--t-base);color:var(--c-text);background:var(--c-surface);line-height:1.6;-webkit-font-smoothing:antialiased}.body-panel{overflow:hidden}.navbar{background:var(--c-surface-bright);border-bottom:1px solid var(--c-border);height:var(--sp-8);padding:0 var(--sp-4);display:flex;align-items:center;gap:var(--sp-4)}.navbar .logo{color:var(--c-text);text-decoration:none;font-weight:600;font-size:var(--t-sm);letter-spacing:-.02em}.container{max-width:var(--max-width);margin:var(--sp-5) auto;padding:0 var(--page-pad)}.header-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--sp-4)}h1{font-family:var(--font-display);font-size:var(--t-lg);font-weight:400;letter-spacing:-.03em;color:var(--c-text)}h1 .count{color:var(--c-text-3);font-weight:300;margin-right:4px}.btn{display:inline-flex;align-items:center;gap:var(--sp-1);padding:12px 24px;border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface-bright);color:var(--c-text);font-family:var(--font-body);font-size:var(--t-sm);font-weight:500;cursor:pointer;text-decoration:none;transition:border-color .15s ease}.btn:hover{border-color:var(--c-text-3)}.btn-primary{background:var(--c-text);color:var(--c-surface);border-color:var(--c-text);font-weight:600;transition:opacity .15s ease}.btn-primary:hover{opacity:.85;border-color:var(--c-text)}.btn-danger{background:var(--c-surface-bright);color:#c0392b;border-color:var(--c-border)}.btn-danger:hover{border-color:#c0392b}.btn-sm{padding:var(--sp-1) var(--sp-2);font-size:var(--t-xs)}.btn-ghost{border:none;background:none;color:var(--c-text-3);padding:4px}.btn-ghost:hover{color:var(--c-text);background:none}.widget-table{width:100%;border-collapse:collapse}.widget-table th,.widget-table td{padding:var(--sp-2);text-align:left;border-bottom:1px solid var(--c-border)}.widget-table th{font-weight:500;font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-3);padding-bottom:var(--sp-1)}.widget-table td{font-size:var(--t-sm)}.widget-table tr:last-child td{border-bottom:none}.widget-table a{color:var(--c-text);text-decoration:none;font-weight:600}.widget-table a:hover{text-decoration:underline}.widget-table .actions-cell{text-align:right}.empty-state{text-align:center;padding:var(--sp-8) var(--sp-4);color:var(--c-text-3);font-size:var(--t-base)}.empty-state a{color:var(--c-text);font-weight:600}.edit-layout{display:grid;grid-template-columns:420px 1fr;height:calc(100vh - var(--sp-8))}@media(max-width:900px){.edit-layout{grid-template-columns:1fr;height:auto}}.edit-sidebar{overflow-y:auto;padding:var(--sp-4) var(--sp-4) var(--sp-8);border-right:1px solid var(--c-border);background:var(--c-surface)}.preview-panel{overflow-y:auto;padding:var(--sp-4);background:var(--c-surface-dim);display:flex;flex-direction:column;gap:var(--sp-3)}.widget-form fieldset{border:none;padding:0;margin-bottom:var(--sp-4)}.widget-form legend{font-family:var(--font-body);font-weight:600;font-size:var(--t-base);color:var(--c-text);padding-bottom:var(--sp-1);border-bottom:1px solid var(--c-border);width:100%;margin-bottom:4px}.widget-form label{display:block;margin-top:var(--sp-2);font-size:var(--t-sm);font-weight:500;color:var(--c-text-3)}.widget-form input[type=text],.widget-form input[type=number],.widget-form select{display:block;width:100%;padding:10px 14px;margin-top:6px;border:1px solid var(--c-border);border-radius:var(--r-md);font-family:var(--font-body);font-size:var(--t-sm);color:var(--c-text);background:var(--c-surface-bright);transition:border-color .15s ease;outline:none}.widget-form input:focus,.widget-form select:focus{border-color:var(--c-text)}.widget-form .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--sp-2)}.widget-form .search-row{display:flex;gap:var(--sp-1);margin-top:6px;align-items:stretch}.widget-form .search-row input{flex:1;margin-top:0}.checkbox-label{display:flex!important;align-items:center;gap:var(--sp-1);margin-top:var(--sp-2);font-size:var(--t-sm)!important;text-transform:none!important;letter-spacing:0!important;color:var(--c-text)!important;font-weight:400!important}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--c-text)}.form-actions{display:flex;gap:var(--sp-1);margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:1px solid var(--c-border)}.pins-container{margin-top:var(--sp-2)}.pin-fieldset{border:1px solid var(--c-border);border-radius:var(--r-md);padding:var(--sp-2);margin-bottom:var(--sp-2);background:var(--c-surface-bright)}.pin-header{display:flex;align-items:flex-start;gap:var(--sp-1);cursor:pointer;user-select:none}.pin-number{font-weight:600;font-size:var(--t-sm);color:var(--c-text)}.pin-summary{flex:1;font-size:var(--t-xs);color:var(--c-text-2);overflow:hidden;text-overflow:ellipsis;display:none}.pin-toggle-btn{font-size:14px;line-height:1;transition:transform .15s ease}.pin-fieldset.collapsed .pin-summary{display:block}.pin-fieldset.collapsed .pin-body{display:none}.pin-fieldset.collapsed .pin-toggle-btn{transform:rotate(-90deg)}.pin-fieldset.collapsed .pin-header{margin-bottom:0}.pin-body{margin-top:4px}.remove-pin-btn{font-size:18px;line-height:1}.add-pin-btn{margin-top:var(--sp-1)}.device-toggle{display:flex;align-self:center;border:1px solid var(--c-border);border-radius:var(--r-md);overflow:hidden;flex-shrink:0}.device-toggle button{padding:6px 16px;font-family:var(--font-body);font-size:var(--t-xs);font-weight:500;border:none;background:var(--c-surface-bright);color:var(--c-text-3);cursor:pointer;transition:background .15s ease,color .15s ease}.device-toggle button+button{border-left:1px solid var(--c-border)}.device-toggle button.active{background:var(--c-text);color:var(--c-surface)}.browser-mockup-wrap{flex:1;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;min-height:0}.browser-mockup{background:var(--c-surface-bright);border:1px solid var(--c-border);border-radius:var(--r-card);overflow:hidden;display:flex;flex-direction:column;flex:1 1 auto;width:100%;max-width:1440px;max-height:900px;transition:width .25s ease,max-width .25s ease,max-height .25s ease}.browser-mockup.is-mobile{width:393px;max-width:393px;max-height:852px}.browser-chrome{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--c-surface);border-bottom:1px solid var(--c-border);flex-shrink:0}.browser-dot{width:8px;height:8px;border-radius:50%;background:var(--c-border)}.browser-url{flex:1;margin-left:8px;background:var(--c-surface-bright);border:1px solid var(--c-border);border-radius:var(--r-sm);padding:4px 12px;font-size:12px;color:var(--c-text-3);font-family:var(--font-body)}.browser-body{flex:1;padding:var(--sp-3);display:flex;flex-direction:column}.skeleton-bar{height:8px;background:var(--c-border-subtle);border-radius:4px;margin-bottom:8px;flex-shrink:0}.skeleton-bar.w-40{width:40%}.skeleton-bar.w-50{width:50%}.skeleton-bar.w-60{width:60%}.skeleton-bar.w-70{width:70%}.skeleton-bar.w-80{width:80%}.skeleton-nav{height:10px;background:var(--c-border-subtle);border-radius:4px;margin-bottom:var(--sp-3);flex-shrink:0}.skeleton-section{margin-top:var(--sp-3);flex-shrink:0}.map-preview{width:100%;flex:1;min-height:300px;border-radius:var(--r-md);border:1px solid var(--c-border);background:var(--c-surface-dim)}.preview-panel h3{font-size:var(--t-xs);font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-3);margin-bottom:var(--sp-1)}.embed-code{position:relative}.embed-code pre{background:var(--c-code-bg);color:var(--c-code-string);padding:18px 22px;border-radius:var(--r-card);font-family:var(--font-mono);font-size:var(--t-xs);overflow-x:auto;white-space:pre-wrap;word-break:break-all;line-height:1.85}.embed-code .btn{position:absolute;top:var(--sp-1);right:var(--sp-1);background:#ffffff14;border-color:#ffffff1f;color:var(--c-code-keyword);font-size:12px;padding:6px 14px}.embed-code .btn:hover{background:#ffffff26;color:var(--c-code-tag)}