@font-face{font-family:WatchHumanist;src:url(./DymaxionDraftDisplay-BqzLzbGs.ttf) format("truetype");font-display:swap}@font-face{font-family:WatchSpan;src:url(./DymaxionSpan-D9E5RHv_.ttf) format("truetype");font-display:swap}:root{font-family:Arial,Helvetica,sans-serif;color:#253b38;background:#f1efe6;font-synthesis:none;--line:#d3d7c9;--dim:#66756d;--accent:#cf522f;--green:#254e42}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid #cf522f;outline-offset:4px}button{color:inherit;background:transparent;border:1px solid var(--line);border-radius:2px;padding:10px 14px}button:hover{border-color:var(--green);background:#e7e9dc}a{color:inherit;text-underline-offset:4px}input[type=checkbox],input[type=range]{accent-color:var(--green)}input[type=checkbox]{width:17px;height:17px;flex-shrink:0}input[type=range]{width:100%}.masthead{height:100px;display:flex;align-items:center;justify-content:space-between;margin:0 6%;border-bottom:1px solid #b5c0b3}.brand{display:flex;align-items:center;gap:15px;text-decoration:none;flex-shrink:0}.brand-wordmark{display:block;width:248px;height:34px;image-rendering:pixelated}.brand-type{display:block}.brand-sphere{width:40px;height:40px;fill:none;stroke:var(--green);stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}.brand-sub{display:block;font-family:Arial,sans-serif;font-size:9px;letter-spacing:2.6px;margin-top:9px}.edition{font:10px monospace;letter-spacing:1.2px;display:flex;align-items:center;gap:10px}.edition-divider{color:#a1ab9d;margin:0 7px}.live-dot{width:6px;height:6px;background:var(--accent);border-radius:50%}main{max-width:1280px;margin:auto;padding:0 6%}.intro{display:flex;align-items:flex-end;justify-content:space-between;padding:42px 0 34px;gap:25px}.eyebrow,.panel-label,.section-title>span,.micro,.coordinate,.preview-note,.time-lab-footer,footer,.notice{font:10px/1.6 monospace;letter-spacing:.6px}.eyebrow{color:var(--accent);margin:0 0 13px}h1{font-size:clamp(36px,4.2vw,58px);font-weight:400;letter-spacing:-2.5px;line-height:1.06;margin:0}.intro-copy{font-size:14px;line-height:1.8;color:var(--dim);margin:0 0 3px}.workshop{display:grid;grid-template-columns:1.05fr 1fr;border:1px solid #b5c0b3}.preview-panel{border-right:1px solid #b5c0b3;background:#e7eadf}.panel-label{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);padding:15px 22px;font-size:9px;letter-spacing:1.2px}.preview-stage{min-height:606px;position:relative;display:flex;align-items:center;justify-content:center;padding:30px 0 35px;background-image:linear-gradient(#6b80610a 1px,transparent 1px),linear-gradient(90deg,#6b80610a 1px,transparent 1px);background-size:26px 26px}.coordinate{position:absolute;font-size:8px;letter-spacing:1.5px;color:#788674}.coordinate.top{top:18px}.coordinate.bottom{bottom:15px}.watch{padding:27px 18px 14px;background:linear-gradient(115deg,#c3c9bf,#ebece4 40%,#b3bdb2 90%);border:1px solid #9ba697;border-radius:38px;position:relative;box-shadow:0 20px 35px #2b423b25,inset 0 0 0 4px #d5dacf}.watch:before,.watch:after{content:"";position:absolute;width:55%;height:9px;background:#99a58d;left:22.5%;z-index:-1}.watch:before{top:-9px}.watch:after{bottom:-9px}.watch-brand{text-align:center;font-size:13px;color:#647361;margin-top:11px;letter-spacing:1px}.button-left,.button-right{position:absolute;height:33px;width:5px;background:#96a38e;top:26%;left:-5px;border-radius:3px 0 0 3px}.button-right{left:auto;right:-5px;top:28%;box-shadow:0 68px #96a38e,0 136px #96a38e}#screen{display:block;width:400px;height:456px;image-rendering:pixelated;background:#000;touch-action:none;cursor:grab;border-radius:5px;box-shadow:0 0 0 5px #495b4a}.actual #screen{width:200px;height:228px}.actual .watch{border-radius:23px}.actual .button-right{box-shadow:0 43px #96a38e,0 86px #96a38e}.preview-actions{display:flex;justify-content:center;gap:10px;align-items:center;padding:0 12px 15px}.preview-actions button{border:0;padding:6px;font-size:10px}.preview-actions label{font-size:10px;display:flex;align-items:center;gap:3px}.preview-actions input{width:13px;height:13px}.time-lab{padding:20px 25px;border-top:1px solid var(--line)}.time-lab>div:first-child{display:flex;justify-content:space-between;align-items:center}.time-lab .eyebrow{margin:0;color:var(--green);font-size:9px}#preview-time{font:11px monospace}#scrub{margin:16px 0 3px}.time-lab-footer{display:flex;align-items:center;justify-content:space-between;color:var(--dim);font-size:8px}.time-lab-footer button{border:0;padding:4px;font:9px monospace;text-decoration:underline}.preview-note{text-align:center;font-size:8px;margin:0 12px 20px;color:var(--dim);letter-spacing:0}.editor-panel{min-width:0;background:#f8f7f0}.tabs{display:flex;border-bottom:1px solid var(--line);padding:0 22px;gap:22px}.tabs button{border:0;border-radius:0;padding:18px 0 15px;color:var(--dim);font-size:12px}.tabs button[aria-selected=true]{color:var(--green);border-bottom:2px solid var(--green)}[role=tabpanel]{padding:0 24px}.section-head{padding:23px 0 20px}h2{font-size:21px;letter-spacing:-.6px;font-weight:400;margin:0 0 9px}.section-head p{font-size:11px;color:var(--dim);margin:0;line-height:1.6}.preset-list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.preset-list button{font-size:10px;padding:13px 5px 9px;display:flex;align-items:center;flex-direction:column;gap:10px}.preset-list button svg{width:40px;height:46px;fill:none;stroke:#637e69;stroke-width:1.3}.preset-list button[aria-pressed=true]{background:#e8eddf;border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.setting-section{border-top:1px solid var(--line);margin-top:23px;padding-top:20px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}h3{font-size:12px;font-weight:500;margin:0}.section-title>span{font-size:7px;color:var(--dim)}.field{display:flex;flex-direction:column;font-size:10px;color:var(--dim);gap:7px;margin-bottom:12px}select,input[type=number],input[type=text]{color:#253b38;border:1px solid var(--line);border-radius:2px;background:#eeeee4;padding:9px;width:100%;min-width:0;font-size:12px}select{cursor:pointer}.position-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.micro{color:var(--dim);font-size:9px;letter-spacing:0;line-height:1.7}.toggle{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;padding:10px 0;cursor:pointer}.toggle small{display:block;color:var(--dim);font-size:9px;line-height:1.5;margin-top:4px}.export-bar{display:flex;gap:8px;padding:23px 24px 0}.export-bar button{font-size:11px}.export-bar .primary{background:var(--green);color:#f7f4e8;flex:1;text-align:left;border-color:var(--green)}.primary span{float:right}.notice{margin:11px 24px 23px;font-size:9px;letter-spacing:0;color:var(--dim)}.notice.error{color:#a62919}.theme-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.theme-list button{font-size:10px;text-align:left;padding:10px}.theme-list button[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--green);border-color:var(--green)}.swatches{display:flex;height:23px;margin-bottom:10px}.swatches i{flex:1}.type-specimen{margin-top:23px;background:#e8eddf;padding:20px}.type-specimen h3{font-size:21px;margin-bottom:15px}.specimen-digits,.specimen-alpha{font-family:WatchHumanist,sans-serif;letter-spacing:1px;color:#254e42}.specimen-digits{font-size:44px;margin-bottom:15px}.specimen-alpha{font-size:19px;line-height:1.6}.type-specimen p{font-size:10px;color:var(--dim);line-height:1.7}.type-specimen .eyebrow{font-size:8px}.type-specimen a{font-size:10px;cursor:pointer}.place-card{padding:15px 0;border-top:1px solid var(--line)}.place-card .toggle{padding-top:0;font-size:12px}.place-card .place-dot{display:inline-block;background:var(--green);width:7px;height:7px;border-radius:50%;margin-right:8px}.place-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.place-fields .wide{grid-column:1/-1}.place-card details{font-size:10px;margin:2px 0 9px}.place-card summary{cursor:pointer;color:var(--dim);padding:5px 0}.place-card details .place-fields{padding-top:12px}.principles{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px;padding:50px 0}.principles h2{font-size:23px;line-height:1.3}.principle-number{font:10px monospace;color:var(--accent);display:block;margin-bottom:14px}.principles article h3{font-size:13px}.principles article p{font-size:11px;line-height:1.8;color:var(--dim)}.principles article a{font-size:10px}footer{margin:0 6%;padding:24px 0 32px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);color:var(--dim);font-size:8px;letter-spacing:.7px}[hidden]{display:none!important}@media(min-width:1400px){main{padding:0 4%}}@media(max-width:1120px){#screen{width:200px;height:228px}.preview-stage{min-height:530px}.preview-actions{gap:2px}.tabs{gap:17px}.section-title>span{display:none}.intro-copy{font-size:12px}.workshop{grid-template-columns:1fr 1fr}main{padding:0 4%}}@media(max-width:800px){.masthead{height:82px;margin:0 5%}.edition{font-size:8px}.edition-divider{display:none}.edition{gap:6px}.intro{padding:30px 0}.intro-copy{max-width:230px}.intro-copy br{display:none}main{padding:0 5%}.workshop{grid-template-columns:1fr}.preview-panel{border-right:0;border-bottom:1px solid #b5c0b3}.preview-stage{min-height:535px}.preview-actions{gap:18px}.principles{grid-template-columns:1fr 1fr;gap:25px}.principles>div{grid-column:1/-1}.editor-panel [role=tabpanel]{padding:0 22px}.section-head h2{font-size:23px}.field,.toggle,.section-head p{font-size:12px}.edition{flex-wrap:wrap;max-width:90px;justify-content:flex-end}.live-dot{display:none}footer{flex-direction:column;gap:10px}.preset-list button{font-size:12px}.tabs button{font-size:13px}}@media(max-width:420px){.brand{gap:9px}.brand-wordmark{width:248px}.brand-sphere{width:30px;height:30px}.brand-sub{font-size:7px;letter-spacing:2.1px;margin-top:8px}.edition{max-width:76px}.intro-copy{display:none}.intro h1{font-size:43px}#screen{width:200px;height:228px}.preview-stage{min-height:475px}.preview-actions{gap:8px}.watch{padding:24px 16px 12px;border-radius:30px}.specimen-digits{font-size:22px}}@media(max-width:380px){.brand-wordmark{width:124px;height:17px}.brand-sub{font-size:6px;letter-spacing:1.1px}}.specimen-digits{font-family:WatchSpan,sans-serif;font-size:32px;white-space:nowrap;overflow:hidden}.marker-control{display:flex;align-items:center;gap:10px;margin:-2px 0 12px;color:var(--dim);font-size:10px;line-height:1.4}.marker-control canvas,.marker-tile canvas{box-sizing:content-box;width:27px;height:27px;image-rendering:pixelated;flex:none;background:#000;border:1px solid #52645a}.marker-color{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:2px 0 15px}.marker-color .field{margin:0;min-width:88px}.marker-color input[type=color]{display:block;width:72px;height:32px;margin-top:5px;padding:2px;border:1px solid var(--line);background:#eeeee4;cursor:pointer}.marker-color output{font:9px monospace;color:var(--dim)}.marker-color button{padding:6px 8px;font-size:9px;margin-left:auto}.marker-color button:disabled{opacity:.45;cursor:default}.marker-catalog{border-top:1px solid var(--line);margin:22px 0 28px;padding-top:13px}.marker-catalog>summary{cursor:pointer;font-size:12px;color:var(--green);padding:8px 0}.marker-catalog>.micro{margin:4px 0 15px}#marker-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.marker-tile{display:flex;align-items:flex-start;gap:9px;border:1px solid var(--line);padding:9px;min-width:0;background:#f5f5ec}.marker-tile strong,.marker-tile small,.marker-tile a{display:block}.marker-tile strong{font-size:10px;font-weight:600;line-height:1.3}.marker-tile small{font-size:9px;color:var(--dim);line-height:1.35;margin:3px 0}.marker-tile a{font-size:9px}@media(max-width:520px){#marker-gallery{grid-template-columns:1fr}}.panel-controls details{border-top:1px solid var(--line,#c2cbbd);margin-top:16px;padding-top:8px}.panel-controls summary{cursor:pointer;font-size:13px;padding:8px 0}.panel-order{margin:18px 0}.panel-order-row{display:flex;align-items:center;gap:5px;margin:5px 0}.panel-order-row label{display:flex;align-items:center;gap:8px;flex:1;font-size:13px}.panel-order-row button{padding:4px 10px}.panel-order-row button:disabled{opacity:.3;cursor:default}.panel-pair,.panel-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.panel-color-grid input[type=color]{height:35px;padding:2px;width:100%}.panel-data-tools{padding-bottom:14px;border-bottom:1px solid var(--line,#c2cbbd);margin-bottom:14px}.panel-data-tools button{margin:0 6px 6px 0}.panel-controls .field{margin-top:12px}.theme-name{display:block;font-size:12px;font-weight:500}.theme-note{display:block;margin-top:6px;color:var(--dim);font-size:11px;line-height:1.5}#themes [hidden]{display:none}.palette-controls{margin:20px 0;padding:18px 0;border-top:1px solid #c2cbbd;border-bottom:1px solid #c2cbbd}.palette-controls h3{margin:0 0 14px;font-size:14px;font-weight:500}.palette-controls .field{display:flex;flex-direction:column;gap:6px;margin:12px 0;min-width:0}.palette-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 16px}.palette-actions button{font-size:12px;padding:10px}.palette-actions button:disabled{opacity:.5;cursor:default}.palette-colors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.palette-controls input[type=color]{display:block;width:100%;max-width:none;height:36px;padding:2px;background:transparent;border:1px solid #c2cbbd}.palette-controls output{font:11px monospace;color:inherit}.palette-controls details{border-top:1px solid #c2cbbd;margin-top:14px;padding-top:6px}.palette-controls summary{padding:10px 0;font-size:12px;cursor:pointer}.palette-preview{display:flex;height:24px;margin:14px 0}.palette-preview span{flex:1}.palette-controls .toggle{display:flex;align-items:center;gap:12px;margin-top:16px}.palette-controls .toggle span{flex:1}.palette-controls [hidden]{display:none!important}.city-search{position:relative;min-width:0}.city-search .field{margin-bottom:6px}.city-results{border:1px solid #97aaa0;border-radius:8px;overflow:auto;max-height:280px;background:#fffef7;box-shadow:0 8px 20px #193e3010;margin:0 0 10px}.city-results [role=option]{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:12px;cursor:pointer;border-bottom:1px solid #dce2d8;color:#253b38}.city-results [role=option]:last-child{border:0}.city-results [role=option]:hover,.city-results [aria-selected=true]{background:#e6eee3}.city-results strong{font-size:14px;overflow-wrap:anywhere}.city-results small{grid-column:1/-1;font:12px/1.5 Arial,sans-serif;color:#51635b}.city-code{font:12px/1.8 monospace;color:#365e51}.city-search input{width:100%;min-width:0;min-height:44px;padding:10px 12px;font-family:inherit;font-size:16px;line-height:1.4;color:#253b38;background:#fffef7;border:1px solid #97aaa0;border-radius:6px}.city-search [hidden]{display:none!important}.search-status{margin:6px 0 12px;font-size:12px}