:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--sky-haze:#ddf6ff;--surface-ink:#17324d;--surface-paper:#fff8e7;--surface-steel:#657b8c;--text-on-sky:#f9fdff;--text-muted:#9fb3c4;--route-sun:#ffd166;--status-stamina:#5cc8a1;--status-danger:#ff6b5d;--status-ice:#78d8e8;--focus-ring:#7fd4ff;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--panel:color-mix(in srgb, var(--surface-ink) 88%, black);--panel-line:color-mix(in srgb, var(--surface-paper) 16%, transparent);--motion-ui:.18s cubic-bezier(.2, .8, .2, 1);font-family:Noto Sans KR,system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;color:var(--text-on-sky);background:#0d1c2c;overflow:hidden}.skip-link{top:-3rem;left:var(--space-4);z-index:100;padding:var(--space-2) var(--space-4);background:var(--route-sun);color:var(--surface-ink);border-radius:.5rem;font-weight:700;text-decoration:none;position:absolute}.skip-link:focus-visible{top:var(--space-2)}.editor{grid-template:"bar bar bar"minmax(3.5rem,auto)"rail viewport inspector"minmax(0,1fr)"status status status"/15rem minmax(0,1fr) 19rem;width:100%;height:100%;display:grid}.editor-bar{gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--panel-line);background:var(--panel);grid-area:bar;grid-template-columns:auto minmax(0,1fr) auto auto auto auto auto;align-items:center;display:grid}.editor-title{letter-spacing:.04em;font-size:.9375rem;font-weight:800}.editor-title span{color:var(--route-sun)}.editor-toolbar{gap:var(--space-1);flex-wrap:wrap;align-content:center;align-items:center;min-width:0;display:flex;overflow:visible}.editor-toolbar>*{white-space:nowrap;flex:none}.tool-button{gap:var(--space-2);min-height:2.25rem;padding:0 var(--space-2);border:1px solid var(--panel-line);background:color-mix(in srgb, var(--surface-ink) 60%, transparent);color:var(--text-on-sky);cursor:pointer;transition:background var(--motion-ui), border-color var(--motion-ui);border-radius:.6rem;align-items:center;font-family:inherit;font-size:.8125rem;font-weight:700;display:inline-flex}.tool-button:hover:not(:disabled){border-color:var(--route-sun);background:color-mix(in srgb, var(--surface-ink) 78%, transparent)}.tool-button:disabled{color:var(--text-muted);cursor:not-allowed;opacity:.55}.tool-button--accent{border-color:var(--route-sun);background:color-mix(in srgb, var(--route-sun) 22%, transparent)}.tool-button--accent[aria-pressed=true]{background:var(--route-sun);color:var(--surface-ink)}.tool-button--small{flex:1;justify-content:center;min-height:2.5rem;font-size:.75rem}.tool-keycap{padding:0 var(--space-1);border:1px solid var(--panel-line);color:var(--text-muted);border-radius:.3rem;font-size:.625rem;font-weight:800}.template-chooser{position:relative}.template-chooser summary{cursor:pointer;list-style:none}.template-chooser summary::-webkit-details-marker{display:none}.template-menu{z-index:40;gap:var(--space-1);min-width:15rem;padding:var(--space-2);border:1px solid var(--panel-line);background:var(--panel);border-radius:.6rem;display:grid;position:absolute;top:calc(100% + .4rem);left:0;box-shadow:0 .6rem 1.4rem #00000059}.template-item{padding:var(--space-2);border:1px solid var(--panel-line);color:var(--text-on-sky);text-align:start;cursor:pointer;transition:background var(--motion-ui), border-color var(--motion-ui);background:0 0;border-radius:.5rem;gap:.1rem;font-family:inherit;font-size:.8125rem;display:grid}.template-item:hover{border-color:var(--route-sun);background:color-mix(in srgb, var(--route-sun) 14%, transparent)}.template-item strong{font-weight:800}.template-item span{color:var(--text-muted);font-size:.75rem}.tool-field{gap:var(--space-1);color:var(--text-muted);flex:none;align-items:center;font-size:.6875rem;font-weight:700;display:inline-flex}.tool-select,.tool-file,.tool-paste{min-height:2.25rem;padding:var(--space-1) var(--space-2);border:1px solid var(--panel-line);background:color-mix(in srgb, var(--surface-ink) 60%, transparent);color:var(--text-on-sky);border-radius:.5rem;font-family:inherit;font-size:.8125rem}.tool-paste{resize:vertical;width:9rem}.tool-file{max-width:11rem}.course-meta{gap:var(--space-1);color:var(--text-muted);grid-template-columns:auto minmax(5rem,10rem);align-items:center;font-size:.6875rem;font-weight:700;display:grid}.course-meta input{min-width:0;min-height:2.25rem;padding:var(--space-1) var(--space-2);border:1px solid var(--panel-line);background:color-mix(in srgb, var(--surface-ink) 60%, transparent);color:var(--text-on-sky);font:inherit;border-radius:.5rem}.editor-bar>button,.editor-bar>a{min-height:2.25rem;padding:0 var(--space-2);border:1px solid var(--panel-line);background:color-mix(in srgb, var(--surface-ink) 60%, transparent);color:var(--text-on-sky);white-space:nowrap;border-radius:.5rem;font-family:inherit;font-size:.75rem;font-weight:700;line-height:2.25rem;text-decoration:none}.editor-viewport{min-width:0;min-height:0;position:relative;overflow:hidden}.editor-viewport canvas{display:block}.selection-rect{z-index:4;border:1px solid var(--focus-ring);background:color-mix(in srgb, var(--focus-ring) 14%, transparent);pointer-events:none;position:absolute}.selection-rect[hidden]{display:none}.editor-rail{gap:var(--space-3);padding:var(--space-3);border-right:1px solid var(--panel-line);background:var(--panel);flex-direction:column;grid-area:rail;display:flex;overflow-y:auto}.chunk-items{gap:var(--space-2);flex-direction:column;list-style:none;display:flex}.chunk-item{gap:var(--space-1);width:100%;min-height:2.75rem;padding:var(--space-2) var(--space-3);border:1px solid var(--panel-line);color:var(--text-on-sky);text-align:left;cursor:pointer;transition:background var(--motion-ui), border-color var(--motion-ui);background:0 0;border-radius:.6rem;flex-direction:column;font-family:inherit;display:flex}.chunk-item:hover{background:color-mix(in srgb, var(--surface-ink) 70%, transparent)}.chunk-item--active{border-color:var(--route-sun);background:color-mix(in srgb, var(--route-sun) 16%, transparent)}.chunk-item strong{font-size:.8125rem}.chunk-item span{color:var(--text-muted);font-variant-numeric:tabular-nums;word-break:keep-all;font-size:.6875rem}.chunk-item-actions{gap:var(--space-1);margin:var(--space-1) 0 var(--space-2);grid-template-columns:2.25rem 2.25rem minmax(0,1fr);display:grid}.chunk-item-actions button{border:1px solid var(--panel-line);background:color-mix(in srgb, var(--surface-ink) 62%, transparent);min-height:2rem;color:var(--text-on-sky);cursor:pointer;border-radius:.4rem;font-family:inherit;font-size:.6875rem;font-weight:700}.chunk-item-actions button:disabled{opacity:.45;cursor:not-allowed}.chunk-actions{gap:var(--space-2);display:flex}.editor-viewport{background:#0d1c2c;grid-area:viewport;min-width:0;min-height:0;position:relative}.editor-viewport canvas{width:100%;height:100%;display:block}.editor-inspector{gap:var(--space-3);padding:var(--space-3);border-left:1px solid var(--panel-line);background:var(--panel);flex-direction:column;grid-area:inspector;display:flex;overflow-y:auto}.inspector-section{gap:var(--space-2);flex-direction:column;display:flex}.inspector-section h2{color:var(--route-sun);letter-spacing:.04em;font-size:.8125rem;font-weight:800}.inspector-note{color:var(--text-muted);font-size:.6875rem;line-height:1.6}.inspector-field{gap:var(--space-2);color:var(--text-muted);grid-template-columns:max-content minmax(0,1fr);align-items:center;font-size:.75rem;font-weight:600;display:grid}.inspector-field input,.inspector-field select{min-height:2.5rem;padding:var(--space-1) var(--space-2);border:1px solid var(--panel-line);background:color-mix(in srgb, var(--surface-ink) 55%, transparent);color:var(--text-on-sky);font-variant-numeric:tabular-nums;border-radius:.45rem;font-family:inherit;font-size:.8125rem}.prop-palette-section .inspector-note{margin:0}.prop-grid{gap:var(--space-3);display:grid}.prop-search{width:100%;min-height:2.5rem;padding:var(--space-1) var(--space-2);border:1px solid var(--panel-line);background:color-mix(in srgb, var(--surface-ink) 55%, transparent);color:var(--text-on-sky);border-radius:.45rem;font-family:inherit;font-size:.8125rem}.prop-category{gap:var(--space-2);display:grid}.prop-category-title{color:var(--route-sun);letter-spacing:.04em;font-size:.6875rem;font-weight:800}.prop-tiles{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));display:grid}.prop-tile{border:1px solid var(--panel-line);background:color-mix(in srgb, var(--surface-ink) 62%, transparent);min-width:0;transition:border-color var(--motion-ui), background var(--motion-ui);border-radius:.5rem;flex-direction:column;display:flex;overflow:hidden}.prop-tile:hover{background:color-mix(in srgb, var(--surface-ink) 78%, transparent)}.prop-tile--active{border-color:var(--route-sun);background:color-mix(in srgb, var(--route-sun) 16%, transparent)}.prop-tile-main{gap:var(--space-1);min-width:0;padding:var(--space-1);color:var(--text-on-sky);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;font-family:inherit;display:flex}.prop-thumb{width:100%;height:auto;display:block}.prop-tile-label{max-width:100%;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.625rem;font-weight:700;overflow:hidden}.prop-tile-apply{border:none;border-top:1px solid var(--panel-line);background:color-mix(in srgb, var(--route-sun) 12%, transparent);width:100%;min-height:1.5rem;color:var(--route-sun);cursor:pointer;font-family:inherit;font-size:.625rem;font-weight:800}.prop-tile-apply:hover:not(:disabled){background:color-mix(in srgb, var(--route-sun) 26%, transparent)}.prop-tile-apply:disabled{color:var(--text-muted);cursor:not-allowed;opacity:.4}.editor-playtest{z-index:5}.editor-thumbnail-button{z-index:6;top:var(--space-3);right:var(--space-3);min-height:2.75rem;padding:0 var(--space-4);border:1px solid var(--route-sun);background:var(--panel);color:var(--route-sun);cursor:pointer;border-radius:.6rem;font-family:inherit;font-size:.8125rem;font-weight:800;position:absolute}.inspector-field--check{grid-template-columns:max-content auto}.inspector-field--check input{width:1.25rem;height:1.25rem;min-height:0;accent-color:var(--route-sun)}.editor-status{padding:var(--space-2) var(--space-4);border-top:1px solid var(--panel-line);background:var(--panel);color:var(--text-muted);font-variant-numeric:tabular-nums;grid-area:status;font-size:.75rem}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}@media (max-width:80rem){.editor-bar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.editor-title,.editor-toolbar{grid-column:1/-1}.course-meta{grid-template-columns:auto minmax(0,1fr)}.editor-bar>button,.editor-bar>a{text-align:center;width:100%}}@media (max-width:60rem){html,body{height:auto;min-height:100%;overflow:auto}.editor{grid-template:"bar bar""rail viewport"minmax(12rem,40dvb)"inspector inspector"minmax(10rem,40dvb)"status status"/12rem minmax(0,1fr);height:auto;min-height:100dvb;overflow:visible}.editor-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-rail,.editor-inspector{min-height:0}.editor-inspector{border-left:none;border-top:1px solid var(--panel-line)}}@media (max-width:47.9375rem){.editor{grid-template:"bar""viewport"minmax(12rem,40dvb)"rail"minmax(10rem,40dvb)"inspector"minmax(10rem,40dvb)"status"/minmax(0,1fr)}.editor-rail{border-top:1px solid var(--panel-line);border-right:none}}