.back-tools{font-size:13px;text-decoration:none;color:#687e8d}.sky-workspace{display:grid;grid-template-columns:360px minmax(0,1fr);max-width:1440px;margin:auto;gap:44px;padding:38px 32px 50px}.sky-controls{min-width:0}.sky-intro h1{font-size:35px;line-height:1.1;letter-spacing:-1.2px;margin:17px 0 14px}.sky-intro p{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:24px}.sky-category{background:#fff;border:1px solid var(--line);border-radius:15px;margin-bottom:14px;overflow:hidden}.sky-category>summary{font-size:14px;font-weight:750;padding:19px;cursor:pointer;list-style:none;display:flex;align-items:center;gap:12px}.sky-category>summary:after{content:'+';margin-left:auto;color:#82929c}.sky-category[open]>summary:after{content:'−'}.sky-category summary>span{color:#00a3c7;background:#e6f7fa;border-radius:9px;width:30px;height:30px;display:grid;place-items:center;font-size:21px}.sky-fields{padding:0 19px 20px}.sky-fields label{display:block;font-size:12px;font-weight:650;margin:14px 0 0}.sky-fields input:not([type=checkbox]):not([type=color]),.sky-fields select,.sky-fields textarea{width:100%;margin-top:7px;border:1px solid #d5dfe5;border-radius:9px;padding:11px;background:#fbfcfd;color:var(--ink);font-size:13px;min-width:0}.sky-fields input[type=range]{padding:0!important;accent-color:#00a2c8;border:0!important}.sky-fields textarea{resize:vertical}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sky-hint,.sky-method p{font-size:11px;line-height:1.8;color:var(--muted)}.sky-check{display:flex!important;align-items:center;gap:9px;line-height:1.8}.sky-check input{accent-color:#009fc4;width:16px;height:16px}.range-label output{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:5px}.sky-color{border:1px solid var(--line);padding:10px;border-radius:10px;display:flex!important;flex-direction:column;gap:8px}.sky-color input{width:100%;height:32px;border:0;background:none;padding:0;cursor:pointer}.coordinate-details{margin-top:15px;border-top:1px solid var(--line);padding-top:12px}.coordinate-details>summary,.sky-method>summary{font-size:11px;color:#597585;cursor:pointer}.utc-note{font-size:10px;border-radius:8px;padding:9px;background:#eff5f8;color:#5b7585;line-height:1.7}.city-results{border:1px solid #d6e2e8;border-radius:9px;max-height:230px;overflow:auto;margin-top:6px}.city-results button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #edf2f5;background:#fff;padding:10px 12px;font-size:12px;color:#243a4d}.city-results button:hover{background:#eaf7fa}.sky-project-actions{display:flex;gap:8px;margin:16px 0}.sky-secondary,.sky-primary{border:1px solid #cedae2;border-radius:10px;background:#fff;padding:12px 16px;font-size:12px;font-weight:750;cursor:pointer;text-align:center}.sky-primary{background:#00bce5;border-color:#00bce5;color:#082b3b}.sky-secondary:disabled,.sky-primary:disabled{opacity:.45;cursor:wait}.sky-project-actions>*{flex:1;padding:11px 9px}.sky-method{margin-top:24px}.sky-method a{color:#53818f}.sky-preview{min-width:0;padding-top:13px}.sky-preview-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.sky-preview-top h2{font-size:24px;letter-spacing:-.6px;margin:8px 0 24px}.sky-pill{font-size:10px;background:#e8eef4;border:1px solid #d9e4eb;padding:8px 12px;border-radius:20px;color:#607b8c;white-space:nowrap}.sky-view-tabs{display:flex;gap:7px;background:#e8eef3;border-radius:12px;padding:5px;margin:2px 0 18px}.sky-view-tabs button{border:0;border-radius:8px;background:none;padding:11px 20px;font-weight:650;font-size:12px;color:#6a8091;flex:1}.sky-view-tabs button.active{background:#fff;color:#172132;box-shadow:0 2px 8px #18334408}.sky-view-tabs button:last-child{flex:0;padding:9px 16px;font-size:20px}.sky-stage{height:590px;position:relative;border:1px solid #dae3e9;border-radius:22px;overflow:hidden}.sky-stage canvas{display:block;width:100%;height:100%;touch-action:none}.sky-stage-help{position:absolute;top:20px;left:24px;color:#8093a2;font-size:10px;pointer-events:none}.sky-dimensions{position:absolute;bottom:18px;right:20px;background:#ffffffbd;border:1px solid #dfe9ee;border-radius:10px;padding:9px 14px;font-size:12px;color:#526d7c;pointer-events:none}.sky-loading{position:absolute;inset:0;display:grid;place-items:center;background:#eff5f9b8;color:#446a7b;font-size:13px;backdrop-filter:blur(3px)}.projection-note{font-size:10px;color:#75899a;text-align:center;margin:15px}.sky-feedback{border:1px solid #e8d49e;background:#fff8e9;border-radius:11px;padding:14px 18px;font-size:12px;line-height:1.8;margin:17px 0}.sky-export{border:1px solid var(--line);background:#fff;border-radius:19px;padding:26px;margin-top:22px}.sky-export h2{font-size:23px;letter-spacing:-.6px;margin:10px 0}.sky-export p{font-size:13px;line-height:1.8;color:var(--muted);max-width:520px}.sky-export-buttons{display:flex;gap:12px;margin-top:23px}.sky-export-buttons button{flex:1;font-size:13px;padding:16px}.sky-export-status{font-size:11px;color:#497181}#sky-export-status{display:block;margin-top:12px;font-size:11px;color:#497181}@media(min-width:1000px){.sky-preview{position:sticky;top:22px;align-self:start}}@media(max-width:1000px){.sky-workspace{grid-template-columns:300px minmax(0,1fr);gap:22px;padding:28px 20px}.sky-stage{height:480px}.sky-preview-top{flex-wrap:wrap}.sky-pill{margin-bottom:15px}.back-tools{display:none}}@media(max-width:760px){.sky-workspace{display:flex;flex-direction:column;padding:26px 18px;gap:12px}.sky-preview{order:-1}.sky-intro h1{font-size:29px}.sky-stage{height:420px}.sky-preview-top h2{margin-bottom:12px}.sky-pill{margin:0}.sky-export{padding:21px}.sky-export h2{font-size:21px}.sky-export-buttons{gap:8px}.sky-export-buttons button{font-size:11px;padding:14px 9px}.sky-preview-top{margin-bottom:16px}.sky-controls .sky-intro{margin-top:18px}.site-header .local-badge{font-size:10px}.sky-stage-help{left:17px;font-size:9px}.projection-note{font-size:9px}}

[hidden]{display:none!important}.sky-font-sample{margin-top:10px;background:#eff7fa;border:1px solid #dae8ed;border-radius:10px;padding:14px;font-size:23px;line-height:1.4;text-align:center;overflow-wrap:anywhere}.sky-presets{border:0;padding:0;margin:14px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.sky-presets legend{font-size:12px;font-weight:650;margin-bottom:9px}.sky-presets button{border:1px solid #d5dfe5;background:#f7fafc;color:#294556;border-radius:9px;padding:10px 3px;font-size:11px;cursor:pointer}.sky-presets button:hover{background:#e5f8fc;border-color:#00a8cc}.sky-presets button small{display:block;margin-top:5px;font-size:9px;color:#617a89}.sky-primary:hover{background:#00afd5;border-color:#00afd5}

.sky-layers{border:0;padding:0;margin:20px 0 10px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.sky-layers legend{font-size:12px;font-weight:700;margin-bottom:10px}.sky-layer{position:relative;margin:0!important;cursor:pointer}.sky-layer input{position:absolute;opacity:0;width:1px;height:1px}.sky-layer>span{display:grid;grid-template-columns:1fr;gap:6px;padding:13px 12px;background:#f7fafc;border:1px solid #d5dfe5;border-radius:11px;min-height:105px;position:relative}.sky-layer svg{width:24px;height:24px;color:#78909e}.sky-layer strong{font-size:12px;align-self:center}.sky-layer small{font-size:9px;font-weight:400;color:#6b8191;line-height:1.5}.sky-layer i{position:absolute;top:7px;right:7px;width:14px;height:14px;border:1px solid #d2dde5;border-radius:50%;display:grid;place-items:center;font-size:9px;font-style:normal;color:transparent;background:#fff}.sky-layer input:checked+span{border-color:#00a2c8;background:#eafaff;box-shadow:0 0 0 1px #00a2c8}.sky-layer input:checked+span svg{color:#008faf}.sky-layer input:checked+span i{color:#fff;background:#009fc4;border-color:#009fc4}.sky-layer input:focus-visible+span{outline:3px solid #00a2c8;outline-offset:3px}.sky-layer:hover>span{border-color:#7fbeca}

.sky-corner-choices{border:0;padding:0;margin:14px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.sky-corner-choices legend{font-size:12px;font-weight:700;margin-bottom:9px}.sky-corner-choices label{position:relative;margin:0!important;cursor:pointer}.sky-corner-choices input{position:absolute;opacity:0;width:1px;height:1px}.sky-corner-choices span{display:flex;align-items:center;gap:8px;border:1px solid #d5dfe5;border-radius:10px;background:#f7fafc;padding:10px 8px;min-height:58px}.sky-corner-choices svg{width:30px;height:30px;flex-shrink:0;color:#78909e}.sky-corner-choices strong{font-size:10px;overflow-wrap:anywhere}.sky-corner-choices input:checked+span{background:#eafaff;border-color:#00a2c8;box-shadow:0 0 0 1px #00a2c8}.sky-corner-choices input:checked+span svg{color:#008faf}.sky-corner-choices input:focus-visible+span{outline:3px solid #00a2c8;outline-offset:3px}

.sky-font-lines{margin-top:16px;border:1px solid #d8e4eb;border-radius:11px;padding:12px;background:#f7fafc}.sky-font-lines>summary{font-size:12px;font-weight:700;cursor:pointer;color:#3d6678}.sky-line-font-sample{font-size:19px;line-height:1.4;margin:7px 0 12px;overflow-wrap:anywhere;color:#244758}.sky-font-lines button{width:100%;margin-top:10px;font-size:11px}.sky-loading{inset:auto 14px 14px 14px;border-radius:10px;padding:12px;background:#eff5f9ed;backdrop-filter:none;pointer-events:none}.sky-stage-help{max-width:calc(100% - 42px)}
.font-picker-trigger{position:relative;width:100%;display:grid;gap:5px;text-align:left;background:#fff;border:1px solid #d5dfe5;border-radius:10px;padding:12px 38px 12px 13px;color:#203746;cursor:pointer;font:inherit}.font-picker-trigger small{font-size:11px;color:#617a89;font-weight:400}.font-picker-trigger b{position:absolute;right:14px;top:17px}.font-picker-trigger:disabled{opacity:.5;cursor:default}.font-picker-trigger:hover:not(:disabled){border-color:#00a8cc}.font-picker-trigger:focus-visible,.font-picker-option:focus-visible{outline:3px solid #00a8cc;outline-offset:2px}.font-picker-dialog{box-sizing:border-box;width:min(600px,calc(100vw - 24px));max-height:85dvh;padding:20px;border:1px solid #d8e4eb;border-radius:18px;color:#203746;background:#f7fafc;box-shadow:0 24px 80px #10273850}.font-picker-dialog::backdrop{background:#122b4666}.font-picker-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.font-picker-heading strong{font-size:19px}.font-picker-heading p{font-size:12px;line-height:1.5;color:#617a89;margin:7px 0 16px}.font-picker-close{flex:none;border:1px solid #d5dfe5;border-radius:9px;background:#fff;color:#203746;width:38px;height:38px;font-size:25px;cursor:pointer}.font-picker-filters{display:grid;grid-template-columns:1fr 160px;gap:9px;margin-bottom:12px}.font-picker-filters input,.font-picker-filters select{box-sizing:border-box;min-width:0;width:100%;padding:11px;border:1px solid #d5dfe5;border-radius:9px;background:#fff;color:#203746;font-size:14px}.font-picker-list{max-height:53dvh;overflow:auto;overscroll-behavior:contain;display:grid;gap:8px;padding:3px}.font-picker-option{text-align:left;width:100%;padding:12px 15px;border:1px solid #d8e4eb;border-radius:11px;background:#fff;color:#203746;cursor:pointer}.font-picker-option[aria-pressed=true]{border-color:#00a8cc;background:#eaf9fd}.font-picker-name{display:block;font:600 11px/1.5 system-ui;color:#617a89;margin-bottom:7px}.font-picker-sample{display:block;font-size:25px;line-height:1.45;overflow-wrap:anywhere}.font-picker-empty{font-size:14px;color:#617a89}@media(max-width:480px){.font-picker-dialog{padding:16px}.font-picker-filters{grid-template-columns:1fr}.font-picker-list{max-height:48dvh}.font-picker-sample{font-size:23px}}
.sky-surface-toggle{display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:100%;min-height:44px;margin:8px 0 0;padding:9px 12px;font-size:12px;font-weight:650;line-height:1.4;text-align:center}.sky-surface-toggle[aria-pressed=true]{background:#e0f7fd;border-color:#00a8cc;color:#075d77}
.coordinate-status{margin:10px 0 0;padding:11px 12px;border-radius:9px;background:#eef4f8;color:#38566a;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.coordinate-status[data-state=applied]{background:#e0f7fd;color:#075d77}.coordinate-status[data-state=error]{background:#fff2da;color:#795319}