@font-face{font-family:Office Thai;src:url('./noto-sans-thai-400.woff2') format('woff2');font-display:swap}
:root{font-family:"Office Thai","Segoe UI",sans-serif;font-size:14px;line-height:1.5;color:#252a38;background:#f4f5f8;--accent:#5b43cf;--border:#dfe2ea;--muted:#647087;--surface:#fff;--canvas:#141b2b;--fast:140ms;--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}body{margin:0}h1,h2,h3,h4,p{margin:0}h1{font-size:18px}h2{font-size:26px;line-height:1.35}h3{font-size:17px}h4{font-size:15px}p{line-height:1.65;text-wrap:pretty}a{color:var(--accent)}button,input,select{font:inherit}button{min-height:44px;padding:9px 14px;border:1px solid transparent;border-radius:7px;background:var(--accent);color:white;font-weight:600;cursor:pointer;transition:background-color var(--fast),border-color var(--fast),box-shadow var(--fast)}button:hover:not(:disabled){background:#4933b4}button:active:not(:disabled){box-shadow:inset 0 0 0 999px #0001}button:disabled{opacity:.45;cursor:not-allowed}.secondary{background:var(--surface);color:#343b51;border-color:#c4cad7}.secondary:hover:not(:disabled){background:#eeebfb;border-color:#b5a9ec}.quiet{background:transparent;color:#556077}.quiet:hover:not(:disabled){background:#e9ecf3}.danger{background:transparent;color:#b13045;border-color:#e4c3ca}.danger:hover:not(:disabled){background:#fff0f3;border-color:#cc8393}input,select{min-height:44px;max-width:100%;border:1px solid #b5becd;border-radius:6px;padding:8px 11px;background:#fff;color:#252a38}label{display:block;font-size:13px;font-weight:600}label>input:not([type=checkbox]),label>select{display:block;width:100%;margin-top:6px}input[type=checkbox]{width:18px;height:18px;min-height:18px;accent-color:var(--accent);flex-shrink:0}:focus-visible{outline:3px solid #9583ec;outline-offset:3px}[hidden]{display:none!important}.muted{font-size:13px;color:var(--muted);font-weight:400}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.09em;color:#68748a;margin-bottom:5px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}
header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:white;border-bottom:1px solid var(--border)}header>div{display:flex;align-items:center;gap:22px;font-size:13px}header a{text-decoration:none}.brand{font-size:20px;font-weight:750;color:#202638}.brand span{font-size:12px;font-weight:400;color:#6e778a;margin-left:14px;border-left:1px solid var(--border);padding-left:14px}.gate{max-width:600px;margin:70px auto;padding:32px}.gate h1{font-size:30px}.gate p{margin:16px 0}.gate button{margin-right:8px}
main{display:flex;min-height:calc(100dvh - 64px)}.sidebar{width:210px;flex-shrink:0;background:#202638;color:#edf0f7;padding:26px 16px}.sidebar .section-heading{padding:0 8px}.sidebar .muted{color:#b1bbcf;margin:22px 8px 12px}.sidebar #new-sky-button{background:#38415a;color:#fff;border-color:#606d88;padding:6px 10px}.sky-list,.placement-list,.route-list{list-style:none;padding:0;margin:0}.sky-list li{margin-bottom:6px}.sky-list button{width:100%;text-align:left;background:transparent;color:#e2e8f3;padding:12px;border:1px solid transparent}.sky-list button:hover:not(:disabled){background:#313a51}.sky-list button[aria-pressed=true]{background:#3d3763;border-color:#7566b4}.sky-list button span{display:block;font-size:12px;font-weight:400;color:#c2cbe0;margin-top:5px}.content{flex:1;min-width:0;padding:20px 28px 28px;max-width:1800px}.sync-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;color:var(--muted);font-size:12px}.sync-row button{font-size:12px;background:transparent}.sky-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px}.sky-header h2{margin-bottom:8px}.sky-header p{max-width:640px}.header-actions{display:flex;gap:8px}.header-actions .danger{border-color:transparent}.badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.badge{font-size:12px;padding:4px 9px;border:1px solid #d9d4ef;background:#eeebf9;color:#514378;border-radius:5px}.workspace-tabs{display:flex;gap:8px;border-bottom:1px solid var(--border);margin-bottom:20px}.workspace-tabs button{border-radius:0;background:transparent;border:0;border-bottom:3px solid transparent;padding:10px 14px;color:#647087}.workspace-tabs button[aria-pressed=true]{color:var(--accent);border-bottom-color:var(--accent)}.workspace-tabs button:hover:not(:disabled){background:#eae6f6}
.workspace-grid{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:560px;background:#fff;border:1px solid var(--border);border-radius:10px;overflow:hidden}.route-rail{border-right:1px solid var(--border);padding:20px 12px;display:flex;flex-direction:column}.collection-title{padding:0 8px}.collection-title button{padding:6px 10px;white-space:nowrap;font-size:12px}.collection-title h3{font-size:15px}.rail-hint{padding:12px 8px 18px}.placement-list{display:flex;flex-direction:column;gap:6px}.placement-list button{width:100%;min-height:80px;text-align:left;color:#333c50;background:transparent;border:1px solid transparent;font-size:13px;overflow-wrap:anywhere;padding:12px}.placement-list button>span{display:block;color:#68748a;font-weight:400;font-size:11px;margin-top:8px}.placement-list button:hover:not(:disabled){background:#f3f1fb}.placement-list button[aria-pressed=true]{background:#eeebfb;border-color:#c0b5ee;color:#4933b4}.source-note{margin-top:auto;padding:28px 8px 0;color:#647087;font-size:11px;display:flex;align-items:center;gap:7px}.source-dot{width:6px;height:6px;border-radius:50%;background:#398267}.stage-pane{min-width:0;padding:22px}.stage-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.stage-heading h3{overflow-wrap:anywhere}.save-state{white-space:nowrap;color:#647087;font-size:12px;padding-top:6px}.save-state[data-dirty=true]{color:#8d5d10}.canvas-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.layout-actions,.zoom-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.canvas-toolbar button,.canvas-toolbar select{font-size:12px}.zoom-controls{gap:0;border:1px solid var(--border);border-radius:7px}.zoom-controls button{min-width:44px;padding:8px 10px}.stage-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:16px}.stage-footer .muted{font-size:12px}.route-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 228px;gap:20px}.graph-pane{min-width:0}.inspector{border-left:1px solid var(--border);padding-left:20px}.star-inspector{padding:0 0 24px;border-bottom:1px solid var(--border);margin-bottom:24px;min-height:155px}.star-inspector h4{line-height:1.7;overflow-wrap:anywhere}.star-inspector p.muted{margin:10px 0 16px;font-size:12px}.coordinate-inputs{display:flex;gap:8px}.coordinate-inputs label{width:50%}.coordinate-inputs input{font-variant-numeric:tabular-nums}.nudge-controls{display:flex;margin-top:10px;gap:4px}.nudge-controls button{flex:1;border:1px solid var(--border);padding:6px}.settings{display:grid;grid-template-columns:1fr 1fr;gap:14px 10px}.settings>label:first-child,.settings>.check{grid-column:1/-1}.check{display:flex;align-items:center;gap:9px;min-height:44px}.check input{margin:0}.route-settings .eyebrow{margin-bottom:16px}.route-settings>button{width:100%;margin-top:12px}.route-settings .danger{font-size:12px}.route-settings .muted{margin-top:14px;font-size:12px}.graph-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;color:#56627a;font-size:11px;align-items:center}.graph-legend>span{display:flex;align-items:center;gap:6px}.legend-line{display:inline-block;width:24px;height:2px;background:#97a8c7}.graph-legend .muted{font-size:11px}
.sky-canvas-scroll,.star-canvas-scroll{max-height:620px;overflow:auto;overscroll-behavior:contain;border:1px solid #333f58;border-radius:8px;background:var(--canvas)}.canvas{position:relative;background:var(--canvas);background-image:radial-gradient(#5a6b864d 1px,transparent 1px);background-size:24px 24px;overflow:hidden;touch-action:pan-x pan-y;width:100%;height:480px}.canvas>svg{position:absolute;width:100%;height:100%;pointer-events:none;overflow:visible;color:#889dbe}.canvas line{stroke:#7d91b0;stroke-width:3;vector-effect:non-scaling-stroke}.node,.sky-node{position:absolute;transform:translate(-50%,-50%);touch-action:none;user-select:none;cursor:grab;transition:background-color var(--fast),border-color var(--fast);z-index:1}.node{width:154px;min-height:70px;padding:10px 8px;background:#202c43;border:1px solid #617695;border-radius:8px;display:flex;gap:8px;align-items:center;text-align:left;color:#eef2fb;font-size:12px;font-weight:400;line-height:1.5}.node:hover:not(:disabled){background:#2f3c56;border-color:#acb6df;z-index:2}.node[aria-pressed=true]{border-color:#b4a2fc;background:#3b3265;box-shadow:0 0 0 2px #b4a2fc33;z-index:3}.node .node-number{display:grid;place-items:center;min-width:26px;height:26px;border-radius:50%;background:#344563;color:#e4eaf7;font-size:11px;font-variant-numeric:tabular-nums}.node .node-label{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.node:active,.sky-node:active{cursor:grabbing}.node.dragging,.sky-node.dragging{z-index:5;box-shadow:0 8px 20px #0005;border-color:#d1c5ff}.sky-node{width:180px;min-height:105px;padding:12px;background:#202c43;color:#edf2fc;border:1px solid #607495;border-radius:9px;text-align:left;font-weight:500}.sky-node:hover:not(:disabled){background:#2e3b55;border-color:#b7a6f2}.sky-node svg{display:block;position:static;width:100%;height:54px;margin-bottom:8px}.sky-node svg line{stroke:#9ab4dc;stroke-width:10;vector-effect:none}.sky-node svg circle{fill:#e1dafc}.sky-node>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.sky-node>small{font-size:10px;color:#bdc9df;display:block;margin-top:5px}
summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;padding:10px 0;font-size:12px;color:#5b6680}summary:before{content:'›';font-size:18px}details[open]>summary:before{content:'⌄'}.coordinate-details,.sky-coordinate-details{border-top:1px solid var(--border);margin-top:18px}.table-wrap{overflow:auto;max-height:320px}table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}th{text-align:left;color:#62708a}td,th{padding:10px;border-bottom:1px solid var(--border)}td input{width:92px}td:first-child{min-width:170px}.empty-state{max-width:600px;margin:64px auto;text-align:center}.empty-state p{margin:18px 0;color:var(--muted)}.empty-hint{padding:20px 8px;font-size:13px;color:#647087}.error{padding:12px 14px;border:1px solid #e0b5bd;border-radius:7px;background:#fff1f3;color:#9a2840;font-size:13px;margin:12px 0}
dialog{border:1px solid var(--border);border-radius:12px;box-shadow:0 24px 80px #10182b40;padding:28px;max-width:min(95vw,720px);max-height:90dvh;overflow:auto;color:inherit;background:#fff}dialog[open]{animation:dialog-enter 220ms var(--ease)}dialog::backdrop{background:#18213899}dialog h2{font-size:22px}#sky-dialog{width:660px}#sky-form>label{margin-top:20px}fieldset{border:0;padding:0;margin:24px 0}legend{font-size:14px;font-weight:700}fieldset p{margin:8px 0 14px}#house-search{width:100%}.house-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0;max-height:250px;overflow:auto}.house-options label{display:flex;align-items:center;gap:9px;padding:10px;background:#f3f4f8;min-height:44px;border-radius:6px;font-weight:400;overflow-wrap:anywhere}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}#library{width:1080px;max-width:96vw}#library>label{margin-top:20px}#search{width:100%;margin-top:8px}#route-count{margin:14px 0}.library-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px}.route-list{max-height:520px;overflow:auto;border-right:1px solid var(--border);padding-right:14px}.route-list button{width:100%;text-align:left;overflow-wrap:anywhere;background:transparent;color:#33405a;margin-bottom:6px;font-weight:400}.route-list button[aria-pressed=true],.route-list button:hover:not(:disabled){background:#eeebfb;color:var(--accent)}.route-list small{display:block;color:#5b7561;margin-top:4px}#route-description{margin-top:12px;font-size:13px;color:var(--muted)}#quest-preview{max-height:260px;overflow:auto;font-size:13px;padding-left:22px}#quest-preview li{margin:8px 0}#place{display:flex;align-items:end;flex-wrap:wrap;gap:12px}#place label{width:145px}#place p{width:100%}#status{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:90vw;background:#252a3d;color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 8px 28px #0002;z-index:30;font-size:13px}#status:empty{display:none}@keyframes dialog-enter{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:1600px){.content{padding:24px 36px}.workspace-grid{grid-template-columns:240px minmax(0,1fr)}.route-editor-grid{grid-template-columns:minmax(0,1fr) 250px}.canvas{height:540px}}
@media(max-width:1200px){.sidebar{width:180px}.content{padding:18px}.workspace-grid{grid-template-columns:180px minmax(0,1fr)}.stage-pane{padding:18px}.route-editor-grid{grid-template-columns:minmax(0,1fr)}.inspector{border-left:0;padding:20px 0 0;border-top:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr;gap:24px}.star-inspector{border:0;margin:0;padding:0}.stage-footer{flex-wrap:wrap}.stage-footer>button{margin-left:auto}}
@media(max-width:768px){header{padding:0 16px}.brand span{display:none}header #account{display:none}header>div{font-size:12px}main{display:block}.sidebar{width:100%;padding:16px;border-right:0}.sidebar .section-heading{padding:0}.sidebar>.muted{display:none}.sky-list{display:flex;overflow:auto;gap:8px;margin-top:12px}.sky-list li{min-width:150px;margin:0}.sky-list button{padding:8px 12px;min-height:64px}.content{padding:20px 16px}.sky-header{display:block;margin-bottom:20px}.header-actions{margin-top:16px}.sync-row{font-size:11px;gap:8px}.workspace-grid{grid-template-columns:1fr}.route-rail{border-right:0;border-bottom:1px solid var(--border);padding:14px}.placement-list{flex-direction:row;overflow:auto;margin-top:10px;gap:8px}.placement-list li{min-width:175px;max-width:220px}.placement-list button{min-height:76px}.rail-hint,.source-note{display:none}.stage-pane{padding:16px}.stage-heading{gap:8px}.save-state{white-space:normal;font-size:11px}.canvas-toolbar{gap:8px}.layout-actions{gap:4px}.canvas-toolbar button{padding:8px 10px}.zoom-controls{margin-left:auto}.canvas{height:400px}.inspector{grid-template-columns:1fr;gap:24px}.star-inspector{padding-bottom:20px;border-bottom:1px solid var(--border)}.settings{grid-template-columns:1fr 1fr}.settings>label:first-child,.settings>.check{grid-column:auto}.stage-footer>button{width:100%;margin:0}.stage-footer .muted{font-size:11px}.workspace-tabs{margin-bottom:16px}.house-options{grid-template-columns:1fr}dialog{padding:20px}.library-grid{grid-template-columns:1fr}.route-list{max-height:200px;border:0;border-bottom:1px solid var(--border);padding-bottom:10px}.route-list button{font-size:14px}input,select{font-size:16px}.gate{margin:30px 16px;padding:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.canvas{touch-action:none;cursor:grab}.canvas.panning{cursor:grabbing}.canvas[data-density=dense] .node{width:48px;height:48px;min-height:48px;border-radius:50%;padding:0;justify-content:center}.canvas[data-density=dense] .node .node-label{display:none}.canvas[data-density=dense] .node .node-number{background:transparent}.canvas[data-density=dense] .node[aria-pressed=true]{box-shadow:0 0 0 3px #b4a2fc66}@media(max-width:650px){.node{width:48px;height:48px;min-height:48px;border-radius:50%;padding:0;justify-content:center}.node .node-label{display:none}.node .node-number{background:transparent}.sky-node{width:130px}}
.mobile-quest-name{display:none}@media(max-width:650px){.mobile-quest-name{display:block;font-size:13px;color:#514378;background:#f2effa;border-left:3px solid #9987e1;padding:10px 12px;margin:0 0 12px;min-height:44px;overflow-wrap:anywhere}}
/* Main tasks stay visible; precision and publishing settings open on demand. */
:root{font-size:16px}button,input,select{min-height:48px}button{font-size:15px;padding:10px 16px}.action-large{min-height:52px;padding:12px 22px;font-size:16px}.muted{font-size:14px}h1{font-size:20px}h2{font-size:26px}h3{font-size:20px}h4{font-size:17px}h1,h2,h3,h4{text-wrap:balance}label{font-size:14px}header{height:60px}.brand{font-size:21px}.brand span{font-size:14px}main{min-height:calc(100dvh - 60px)}.sidebar{width:190px;padding:22px 12px}.sky-list button{font-size:16px;min-height:76px}.sky-list button span{font-size:13px}.content{max-width:none;padding:16px 24px 24px}.sync-row{justify-content:flex-end;margin-bottom:8px;gap:12px}.sync-row button{font-size:14px;min-height:44px}.sky-header{margin-bottom:16px;align-items:center}.sky-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.sky-header h2{margin:0}.visibility-badge{font-size:13px;color:#546277;padding:5px 9px;background:#e9edf4;border-radius:6px}.badges{margin:0;width:100%}.badge{font-size:13px}.header-actions{flex-shrink:0}.mobile-sky-select,.mobile-route-row,#mobile-new-sky{display:none}.workspace-tabs{margin-bottom:16px}.workspace-tabs button{font-size:16px;min-height:50px;min-width:104px}.workspace-grid{grid-template-columns:210px minmax(0,1fr);min-height:0}.route-rail{padding:18px 12px}.collection-title{margin-bottom:16px;padding:0 6px}.collection-title h3{font-size:18px}.collection-title button{font-size:14px;min-height:48px}.placement-list button{font-size:16px;min-height:88px;padding:14px 12px}.placement-list button>span{font-size:13px;margin-top:6px}.stage-pane{padding:20px;min-width:0}.stage-heading{align-items:center;margin-bottom:16px}.stage-heading h3{font-size:20px}.editor-actions{display:flex;gap:14px;align-items:center;flex-shrink:0}.publication{font-size:15px;white-space:nowrap}.check{min-height:48px}.check input{width:20px;height:20px}.canvas-toolbar{gap:12px;margin-bottom:14px}.canvas-toolbar button{font-size:14px;min-height:48px}.canvas-toolbar .action-large{font-size:16px;min-height:52px}.layout-actions{gap:10px}.zoom-controls{margin-left:auto}.zoom-controls button{font-size:16px;min-width:48px;min-height:48px;padding:8px 12px}.route-editor-grid{grid-template-columns:minmax(0,1fr) 238px;gap:20px}.canvas{height:clamp(360px,calc(100dvh - 330px),600px)}.sky-canvas-scroll,.star-canvas-scroll{max-height:none}.node{font-size:14px;line-height:1.45}.node .node-number{font-size:13px}.sky-node{width:180px;min-height:112px}.sky-node>span{font-size:14px}.sky-node>small{font-size:12px}.inspector{padding-left:20px}.star-inspector{min-height:0;padding:0 0 18px;margin-bottom:0;border-bottom:0;display:flex;flex-direction:column}.star-inspector p.muted{font-size:13px;margin:0 0 8px}.star-inspector h4{font-size:16px;line-height:1.6}.precision-settings{margin-top:10px}.precision-settings summary{font-size:14px;min-height:48px}.coordinate-inputs{padding-bottom:10px}.nudge-controls{margin-top:12px;gap:6px}.nudge-controls button{min-width:44px;min-height:48px;font-size:19px;padding:6px}.route-settings{border-top:1px solid var(--border);margin-top:20px}.route-settings>summary{font-size:15px;font-weight:600;min-height:52px;padding:12px 0}.route-settings .settings{margin-top:8px}.route-settings>button{font-size:14px;min-height:48px;margin:18px 0 8px}.route-settings .muted{font-size:14px}.layout-mode-label{margin-top:16px}.settings>label{font-size:14px}.settings input,.settings select{font-size:16px}.settings>label:first-child{grid-column:1/-1}.graph-legend{font-size:14px;margin:10px 0 0}.coordinate-details,.sky-coordinate-details{margin-top:12px}.coordinate-details summary,.sky-coordinate-details summary{font-size:14px;min-height:48px}.stage-footer{justify-content:flex-end;margin-top:16px}.stage-footer>button{min-width:170px}.mobile-quest-name{display:none}dialog{font-size:16px}dialog h2{font-size:24px}.house-options label{font-size:15px;min-height:52px}.dialog-actions{gap:10px;flex-wrap:wrap}.dialog-actions button{min-height:52px}.dialog-actions #delete-sky{margin-right:auto}#sky-form>label{font-size:15px}#sky-form legend{font-size:16px}#library{width:1040px}.route-list button{min-height:56px;font-size:16px}.route-list small{font-size:13px}#quest-preview{font-size:15px;max-height:240px}#route-description{font-size:15px}#place{padding-top:16px;border-top:1px solid var(--border);justify-content:space-between}#place>.import-settings{flex:1}#place>.import-settings>summary{font-size:15px}#place>.import-settings label{width:100%;max-width:240px;margin:10px 0}#place-button{min-height:52px}#status{font-size:15px}
@media(min-width:1600px){.content{padding:16px 28px 28px}.workspace-grid{grid-template-columns:230px minmax(0,1fr)}.route-editor-grid{grid-template-columns:minmax(0,1fr) 260px}}
@media(min-width:769px) and (max-width:1100px){.sidebar{width:160px}.content{padding:14px}.workspace-grid{grid-template-columns:180px minmax(0,1fr)}.route-editor-grid{grid-template-columns:minmax(0,1fr)}.inspector{display:block;border-left:0;padding:14px 0 0}.star-inspector{padding-bottom:14px}.nudge-controls{max-width:260px}.canvas{height:clamp(340px,calc(100dvh - 330px),520px)}}
@media(min-width:1101px) and (max-width:1200px){.inspector{display:block;border-left:1px solid var(--border);border-top:0;padding:0 0 0 20px}}
@media(max-width:768px){header{height:56px;padding:0 16px}.brand{font-size:20px}header>div{font-size:14px}header #account{display:none}.sidebar{display:none}.content{padding:16px 12px 100px;max-width:100%}.sync-row{display:none}.sky-heading{display:none}.mobile-sky-select{display:block;flex:1;min-width:0;font-size:13px;font-weight:400;color:#647087}.mobile-sky-select select{margin-top:4px;width:100%;font-size:16px;font-weight:600}.sky-header{display:flex;align-items:flex-end;gap:8px;margin:0 0 12px}.header-actions{margin:0;gap:8px}.header-actions button{min-height:48px;padding:10px 12px;font-size:14px}.header-actions #mobile-new-sky{display:block;font-size:22px;width:48px;padding:6px}.workspace-tabs{margin-bottom:12px;gap:0}.workspace-tabs button{flex:1;min-height:48px}.workspace-grid{display:block;overflow:visible;border-radius:10px}.route-rail{display:none}.mobile-route-row{display:flex;align-items:flex-end;padding:12px;gap:10px;border-bottom:1px solid var(--border)}.mobile-route-row>label{flex:1;min-width:0;font-size:13px;font-weight:400;color:#647087}.mobile-route-row select{width:100%;font-size:16px;font-weight:600;margin-top:4px}.mobile-route-row button{width:48px;min-width:48px;min-height:48px;font-size:23px;padding:6px}.stage-pane{padding:14px 12px}.stage-heading{margin-bottom:12px}.stage-heading h3{font-size:18px}#editor>.stage-heading>h3{display:none}.editor-actions{position:fixed;bottom:0;left:0;right:0;z-index:20;background:white;border-top:1px solid var(--border);padding:12px 16px max(12px,env(safe-area-inset-bottom));justify-content:space-between;gap:16px;box-shadow:0 -4px 16px #15243e0a}.editor-actions .publication{font-size:16px}.editor-actions button{flex:1;max-width:240px;min-height:52px}.route-editor-grid{display:block}.canvas-toolbar{gap:8px;margin-bottom:12px}.layout-actions{gap:8px;flex:1}.layout-actions .action-large{flex:1;white-space:nowrap;padding:12px 14px;font-size:16px}.layout-actions .quiet{padding:10px 8px;min-width:44px}.zoom-controls{display:flex;margin-left:auto}.zoom-controls button{font-size:16px;min-height:48px}.canvas{height:clamp(250px,calc(100dvh - 420px),360px)}.sky-node{width:136px;min-height:106px}.sky-node>span{font-size:14px}.sky-node>small{font-size:12px}.inspector{display:block;border-left:0;border-top:1px solid var(--border);margin-top:14px;padding:16px 0 0}.star-inspector{margin:0;padding:0}.star-inspector h4{font-size:16px}.star-inspector p.muted{font-size:13px;margin:0 0 4px}.precision-settings{margin-top:4px}.coordinate-inputs{max-width:360px}.nudge-controls{max-width:300px}.nudge-controls button{min-height:48px}.route-settings{margin-top:16px}.settings{grid-template-columns:1fr 1fr}.settings>.check{grid-column:1/-1}.stage-footer{position:fixed;bottom:0;left:0;right:0;z-index:20;margin:0;padding:12px 16px max(12px,env(safe-area-inset-bottom));background:white;border-top:1px solid var(--border);box-shadow:0 -4px 16px #15243e0a}.stage-footer>button{width:100%;min-height:52px}.sky-coordinate-details{margin-top:12px}dialog{padding:20px;max-width:calc(100vw - 24px);width:calc(100vw - 24px)}dialog h2{font-size:22px}.dialog-actions{gap:8px}.dialog-actions button{padding:12px;font-size:15px}.house-options{grid-template-columns:1fr;max-height:220px}.library-grid{display:block}.route-list{max-height:180px;margin-bottom:18px;padding-right:0}#library{max-width:calc(100vw - 24px)}#quest-preview{max-height:180px;font-size:15px}#place{align-items:center;gap:12px;flex-wrap:wrap}#place-button{width:100%;font-size:16px}#place>.import-settings{width:100%;flex-basis:100%}.gate{padding:12px;margin:30px 16px}.empty-state{padding:12px;margin:40px auto}.empty-state button{width:100%;min-height:52px}}

#reset-stars:disabled,#reset-sky-layout:disabled{display:none}#selected-star-fields{display:flex;flex-direction:column}.nudge-controls{order:0}.precision-settings{order:1}@media(max-width:768px){#editor>.stage-heading{margin:0}.canvas-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.layout-actions{display:contents}.canvas-toolbar .action-large{grid-column:1;grid-row:1;padding:10px 12px}.canvas-toolbar .zoom-controls{grid-column:2;grid-row:1;gap:0}.canvas-toolbar .zoom-controls button{min-width:44px;padding:8px 9px}.canvas-toolbar .quiet[id^=reset]{grid-column:1/-1;grid-row:2;justify-self:start}.canvas{height:clamp(220px,calc(100dvh - 530px),300px)}.sky-coordinate-details{margin-top:10px}.star-inspector h4{font-size:16px}.inspector{margin-top:10px;padding-top:12px}.nudge-controls{margin-top:10px}.settings>label:first-child{grid-column:1/-1}}

@media (min-width:769px){.canvas{height:clamp(320px,calc(100dvh - 480px),580px)}}

.topic-image-settings,.emblem-settings,.edge-settings{margin:0 0 12px;border:1px solid var(--border);border-radius:8px;padding:8px 12px;background:var(--surface)}
.topic-image-settings summary,.emblem-settings summary,.edge-settings summary{font-weight:600;cursor:pointer}
.emblem-preview{display:grid;place-items:center;min-height:96px;margin:8px 0;background:var(--canvas);border-radius:6px}
.emblem-preview img{max-width:100%;max-height:160px;object-fit:contain}
.emblem-actions{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}
.edge-list{list-style:none;margin:8px 0;padding:0;display:grid;gap:4px}
.edge-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}
.edge-list button{min-height:32px;min-width:32px;padding:2px 8px}
#edge-mode[aria-pressed=true]{background:#eeebfb;border-color:var(--accent);color:var(--accent)}
.node.edge-first{outline:3px solid #f5b301;outline-offset:2px}

.emblem-restore{display:flex;align-items:center;gap:8px;margin:0 0 8px}.emblem-restore[hidden]{display:none}.emblem-restore img{width:40px;height:40px;object-fit:contain;border-radius:4px;background:var(--canvas)}

.topic-image-settings{margin:0 0 12px;border:1px solid var(--border);border-radius:8px;padding:8px 12px;background:var(--surface)}
#topic-image-list{list-style:none;padding:0;margin:8px 0;display:grid;gap:10px}#topic-image-list li{border:1px solid var(--border);border-radius:6px;padding:6px}#topic-image-list img{display:block;width:100%;height:110px;object-fit:contain;background:var(--canvas)}.topic-image-actions{display:flex;gap:4px;margin-top:6px}.topic-image-actions button{min-width:42px;min-height:42px;padding:4px 8px}.topic-image-settings label{display:block;margin:12px 0}
#topic-description{display:block;width:100%;box-sizing:border-box;resize:vertical;margin:5px 0 7px}

.gate[data-state=loading] button,.gate[data-state=signin] #retry{display:none}