.widget-builder{max-width:1320px}.widget-builder [hidden]{display:none!important}.widget-builder fieldset{min-width:0;border:0;padding:0;margin:0}.widget-builder legend{font-size:1.0625rem;font-weight:600;color:var(--ink);margin-bottom:var(--s3)}.widget-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3)}.tools-page .widget-builder .widget-type{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s2);text-align:left;padding:var(--s4);min-height:174px;background:var(--bg);color:var(--ink);border:1px solid var(--line-2);box-shadow:none}.tools-page .widget-builder .widget-type[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--ink);box-shadow:inset 0 -3px 0 var(--accent)}.widget-type>span:last-child{font-weight:400;color:var(--ink-2);font-size:var(--fs-small);line-height:1.4}.widget-type-art{display:flex;align-items:center;min-height:64px;width:100%;color:var(--ink)}.widget-type-art svg{width:62px;height:62px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.widget-sample-digital{font:800 clamp(1.7rem,2.6vw,2.5rem)/1 var(--f-clock);white-space:nowrap}.widget-sample-digital>span{color:var(--accent-ink);font-size:.45em;padding-left:3px}.widget-sample-world{display:flex;gap:6px;font:600 clamp(.75rem,1.2vw,1.1rem)/1 var(--f-clock)}.widget-sample-world>span{padding:10px 0;border-bottom:2px solid var(--accent)}.widget-sample-countdown{font:800 clamp(1.25rem,2.2vw,2rem)/1 var(--f-clock);white-space:nowrap}.widget-sample-countdown>span{color:var(--accent-ink);padding:0 2px}.widget-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s5);align-items:start}.widget-controls fieldset{margin-top:var(--s5);padding-top:var(--s5);border-top:1px solid var(--line)}.widget-controls label+label{margin-top:var(--s3)}.widget-controls label small,.widget-help{font-size:var(--fs-small);line-height:1.6;color:var(--ink-2)}.widget-help:empty{display:none}.widget-field-label{color:var(--ink-2);font-size:var(--fs-meta);margin:var(--s4) 0 var(--s2)}.widget-segments{display:flex;flex-wrap:wrap;gap:4px}.tools-page .widget-builder .widget-segments button,.tools-page .widget-builder .widget-code-tabs button,.tools-page .widget-builder .widget-event-buttons button{background:var(--field);color:var(--ink);border-color:transparent;box-shadow:none;padding:0 var(--s3)}.tools-page .widget-builder .widget-segments button[aria-pressed=true],.tools-page .widget-builder .widget-code-tabs button[aria-selected=true],.tools-page .widget-builder .widget-event-buttons button[aria-pressed=true]{background:var(--ink);color:var(--bg);box-shadow:inset 0 -3px 0 var(--accent)}.tools-page .widget-builder .widget-segments button:hover,.tools-page .widget-builder .widget-event-buttons button:hover{border-color:var(--accent)}.widget-fonts [data-value=mono]{font-family:ui-monospace,monospace}.widget-fonts [data-value=serif]{font-family:Georgia,serif}.widget-toggles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--s3)}.tools-page .widget-builder .widget-toggle{display:flex;flex-direction:row;align-items:center;gap:10px;min-height:48px;margin-top:0;cursor:pointer;color:var(--ink)}.widget-toggle input{flex:0 0 20px;padding:0}.widget-colors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3);margin:var(--s3) 0}.widget-colors label+label{margin-top:0}.tools-page .widget-builder .widget-colors input[type=color]{padding:4px;width:100%;cursor:pointer}.widget-range{margin-top:var(--s4)}.widget-range>span{display:flex;justify-content:space-between;gap:10px}.widget-range output{color:var(--ink);white-space:nowrap}.tools-page .widget-builder .widget-range input{padding:0;width:100%;box-shadow:none;background:transparent;accent-color:var(--accent-ink);cursor:pointer}.widget-dimensions,.widget-events{margin-top:var(--s4)}.widget-builder summary{cursor:pointer;min-height:48px;padding:12px 0;color:var(--ink-2)}.widget-event-buttons{display:flex;flex-wrap:wrap;gap:6px;max-height:270px;overflow-y:auto;padding:2px}.tools-page .widget-builder .widget-event-buttons button{min-height:44px;line-height:1.4;text-align:left}.widget-event-buttons small{font-weight:400}.widget-search{position:relative}.widget-search input{width:100%}.tools-page .widget-builder .widget-search ul{position:absolute;z-index:5;left:0;right:0;margin:4px 0 0;padding:4px;list-style:none;background:var(--bg);border:1px solid var(--line-2);box-shadow:var(--shadow-pop);max-height:300px;overflow:auto}.tools-page .widget-builder .widget-search button{display:block;width:100%;padding:8px 12px;text-align:left;font-weight:400;line-height:1.4;background:var(--bg);color:var(--ink);border:0;box-shadow:none}.tools-page .widget-builder .widget-search button:focus,.tools-page .widget-builder .widget-search button:hover{background:var(--accent-soft)}.widget-search button small{display:block;color:var(--ink-2)}.widget-selected{margin:var(--s3) 0}.widget-selected p{font-size:var(--fs-meta)}.tools-page .widget-builder .widget-selected button{padding:0;background:none;color:var(--link);border:0;box-shadow:none;text-decoration:underline;text-underline-offset:3px;font-weight:400}.tools-page .widget-builder .widget-city-chips{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:var(--s2) 0}.tools-page .widget-builder .widget-city-chips button{padding:0 12px;font-size:var(--fs-small);background:var(--field);color:var(--ink);border:1px solid var(--line);box-shadow:none}.widget-preview-column{position:sticky;top:16px;min-width:0}.widget-preview-heading{display:flex;align-items:center;justify-content:space-between}.tools-page .widget-builder .widget-preview-heading h2{margin:0}.tools-page .widget-builder .widget-preview-heading h2:before{content:none}.widget-live-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px var(--accent-soft)}.widget-preview-panel>.widget-help{margin-top:var(--s2)}.widget-preview-surface{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:var(--s4);padding:var(--s4);min-height:280px;overflow:auto;background:repeating-conic-gradient(var(--field) 0% 25%,var(--bg) 0% 50%) 50% / 20px 20px;border:1px solid var(--line)}.tools-page .widget-builder .widget-preview-surface iframe{display:block;flex:0 0 auto;border:0;max-width:100%}.widget-preview-surface>a{font-size:var(--fs-small);text-decoration:underline;text-underline-offset:3px}.widget-code-tabs{display:flex;gap:4px;margin-bottom:var(--s3)}.tools-page .widget-builder .widget-code-panel textarea{min-height:240px;resize:vertical;font:400 .8125rem/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.tools-page .widget-builder .widget-copy{width:100%;margin-top:var(--s3);background:var(--ink);color:var(--bg);box-shadow:inset 0 -3px 0 var(--accent)}.widget-code-panel [role=status]{margin-top:var(--s2)}.widget-guide{display:grid;grid-template-columns:1fr 1fr;gap:var(--s6)}.widget-guide ol{padding-left:1.25rem}.widget-guide li{margin-bottom:var(--s3);line-height:1.65;color:var(--ink-2)}@media(max-width:900px){.widget-columns{grid-template-columns:minmax(0,1fr);gap:0}.widget-preview-column{position:static}.widget-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.widget-guide{grid-template-columns:1fr;gap:0}.widget-type-art{min-height:58px}.widget-sample-digital{font-size:2rem}.widget-sample-world{font-size:.95rem}.widget-sample-countdown{font-size:1.7rem}}@media(max-width:390px){.tools-page .widget-builder .widget-type{padding:12px;min-height:170px}.widget-sample-world{font-size:.8rem}.widget-sample-countdown{font-size:1.4rem}.widget-preview-surface{padding:8px}.widget-toggles{grid-template-columns:1fr}}