:root{color:#1c2c21;font-synthesis:none;--ink:#183021;--muted:#6a746c;--line:#d8d9ce;--paper:#f8f7f0;--moss:#3e6845;background:#e8e7db;font-family:Segoe UI,Malgun Gothic,system-ui,sans-serif}*{box-sizing:border-box}html{background:#17261d;min-width:320px}body{background:#e8e7db;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,canvas:focus-visible{outline-offset:2px;outline:3px solid #c7904e}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:5;background:#faf9f2f5;border-bottom:1px solid #cfd2c7;grid-template-columns:272px minmax(200px,1fr) auto;align-items:center;height:76px;padding:0 24px;display:grid;position:relative;box-shadow:0 4px 18px #2436280d}.brand{color:var(--ink);align-items:center;gap:11px;width:max-content;text-decoration:none;display:inline-flex}.brand-mark{color:#f8f3dc;background:#31573c;border-radius:12px 4px;place-items:center;width:35px;height:35px;display:grid;box-shadow:inset 0 0 0 1px #52755a}.brand strong{letter-spacing:.16em;font-size:15px;line-height:1;display:block}.brand small{color:#7c877f;letter-spacing:.27em;margin-top:4px;font-size:8px;display:block}.document-title{text-align:center;justify-self:center}.document-title label{color:#8a928c;letter-spacing:.14em;margin-bottom:2px;font-size:9px;font-weight:700;display:block}.document-title input{color:#27392d;text-align:center;background:0 0;border:0;border-radius:6px;width:min(320px,35vw);padding:4px 12px;font-size:14px;font-weight:600}.document-title input:hover,.document-title input:focus{background:#eeeee7}.top-actions{align-items:center;gap:7px;display:flex}.auth-slot{flex:0 0 200px;justify-content:center;align-items:center;width:200px;height:44px;display:flex;overflow:hidden}.auth-slot>div{width:200px;max-width:100%;height:44px;overflow:hidden}.auth-slot iframe{visibility:hidden;display:block;width:200px!important;max-width:200px!important;height:44px!important;max-height:44px!important}.auth-slot.auth-ready iframe{visibility:visible}.auth-note{color:#889189;white-space:nowrap;font-size:10px}.auth-retry{color:#667269;cursor:pointer;background:0 0;border:1px dashed #bdc5bc;border-radius:7px;min-height:34px;padding:0 10px;font-size:10px}.profile-button{cursor:pointer;background:#fff;border:1px solid #cdd3ca;border-radius:20px;align-items:center;gap:8px;max-width:200px;min-height:38px;padding:4px 10px 4px 5px;display:flex}.profile-button span{color:#fff;background:#41684a;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:grid}.profile-button strong{color:#3f5145;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.profile-button.icon-hidden{padding-left:12px}.button{cursor:pointer;background:#fff;border:1px solid #ccd1c8;border-radius:8px;min-height:37px;padding:0 14px;font-size:12px;font-weight:600;transition:all .18s}.button:hover:not(:disabled){border-color:#9eaa9f;transform:translateY(-1px)}.button:disabled{opacity:.35;cursor:not-allowed}.button.ghost{background:0 0;min-width:39px;padding:0 10px}.button.export{color:#2f4b38;background:#edf0e8}.button.primary{color:#f5f5eb;background:#315a3d;border-color:#315a3d;box-shadow:0 5px 12px #315a3d2b}.file-menu-wrap{flex:none;position:relative}.file-menu-toggle{color:#31583a;background:#e7ece3;border-color:#9eaf9e;width:37px;height:37px;font-size:16px;line-height:1}.file-menu-toggle[aria-expanded=true]{color:#f5f5eb;background:#315a3d;border-color:#315a3d}.file-menu{z-index:30;background:#fbfaf4;border:1px solid #d4d8ce;border-radius:10px;gap:7px;width:178px;padding:11px;display:grid;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 15px 30px #2133262b,0 2px 5px #21332614}.file-menu-heading{color:#8a958d;letter-spacing:.13em;padding:2px 3px 3px;font-size:9px;font-weight:700}.file-menu .button{width:100%;min-height:34px}.workspace{flex:1;grid-template-columns:272px minmax(450px,1fr) 286px;min-height:0;display:grid}.tools-panel,.reference-panel{background:var(--paper)}.tools-panel{border-right:1px solid var(--line);padding:27px 20px 20px}.reference-panel{border-left:1px solid var(--line);padding:27px 22px}.panel-heading .eyebrow{color:#8a978c;letter-spacing:.2em;font-size:9px;font-weight:700}.panel-heading h2{color:#23372a;margin:4px 0 0;font-family:Malgun Gothic,sans-serif;font-size:20px;font-weight:400}.panel-heading p{color:#7d857f;margin:9px 0 0;font-size:11px;line-height:1.55}.layer-tabs{background:#e8e9df;border-radius:9px;grid-template-columns:1fr 1fr;margin:21px 0 18px;padding:3px;display:grid}.layer-tab{color:#7d887f;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:8px;font-size:11px;font-weight:600}.layer-tab.active{color:#294434;background:#fff;box-shadow:0 2px 8px #2b3b2e14}.section-label{color:#929b94;letter-spacing:.13em;justify-content:space-between;margin-bottom:9px;font-size:9px;font-weight:700;display:flex}.ground-list{gap:6px;display:grid}.ground-option{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;grid-template-columns:37px 1fr 20px;align-items:center;gap:10px;width:100%;padding:7px;display:grid}.ground-option:hover{background:#f0f1e9}.ground-option.selected{background:#edf1e8;border-color:#9eae9d}.ground-option strong,.ground-option small{display:block}.ground-option strong{font-size:12px}.ground-option small{color:#949b95;margin-top:2px;font-size:9px}.ground-option .check{color:#fff;text-align:center;background:#456b4b;border-radius:50%;width:17px;height:17px;font-size:10px;line-height:17px;display:none}.ground-option.selected .check{display:block}.ground-swatch{border:1px solid #2c41302e;border-radius:7px;width:37px;height:37px;position:relative;overflow:hidden;box-shadow:inset 0 0 9px #fff3}.ground-swatch:after{content:"";opacity:.24;background-image:radial-gradient(circle at 28% 30%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 70% 68%,#182e20 0 1px,#0000 1.5px);background-size:13px 11px;position:absolute;inset:0}.ground-swatch.grass{background:#6a9655}.ground-swatch.dirt{background:#a77d4c}.ground-swatch.stone{background:#82877c}.ground-swatch.water{background:#3d8b9b}.prop-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.prop-option{cursor:pointer;background:#f1f1e9;border:1px solid #dedfd6;border-radius:9px;min-height:91px;padding:5px;overflow:hidden}.prop-option.selected{background:#e8eee4;border-color:#6e8c71;box-shadow:inset 0 0 0 1px #6e8c71}.prop-option img{object-fit:contain;width:62px;height:62px;margin:-3px auto -6px;display:block}.prop-option span{color:#566159;font-size:9px}.prop-mode-list{background:#e8e9df;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:4px;margin:-2px 0 8px;padding:3px;display:grid}.prop-mode{color:#7d887f;cursor:pointer;background:0 0;border:0;border-radius:6px;min-height:30px;padding:0 3px;font-size:10px;font-weight:600}.prop-mode:hover{color:#38533f}.prop-mode.active{color:#294434;background:#fff;box-shadow:0 2px 7px #2b3b2e1a}.prop-mode[data-prop-mode=erase].active{color:#794b38;background:#f5e9e2}.prop-mode-hint{color:#8b948d;min-height:25px;margin:0 2px 13px;font-size:9px;line-height:1.4}.hidden{display:none}.tool-tip{color:#747d76;background:#eeeee6;border-radius:8px;margin-top:24px;padding:12px;font-size:9px;line-height:1.55}.tool-tip span{color:#456b4b;margin-right:5px;font-weight:700}.canvas-stage{background:#d9d9ce;grid-template-rows:49px minmax(0,1fr) 39px;min-width:0;display:grid;overflow:hidden}.stage-toolbar,.stage-footer{color:#717b73;background:#efeee6;justify-content:space-between;align-items:center;padding:0 18px;font-size:10px;display:flex}.stage-toolbar{border-bottom:1px solid #cdd0c6}.stage-footer{border-top:1px solid #cdd0c6}.stage-footer b{color:#35483b}.footer-links a,.footer-links button{color:inherit;opacity:.42;cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:none;transition:opacity .18s}.footer-links a:hover,.footer-links a:focus-visible,.footer-links button:hover,.footer-links button:focus-visible{opacity:.78;text-decoration:underline}.status-dot{align-items:center;gap:7px;display:flex}.status-dot i{background:#5d875c;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #5d875c1f}.stage-controls,.viewport-controls,.stage-map-controls{align-items:center;gap:5px;display:flex}.icon-button{color:#7e8880;cursor:pointer;background:#f8f7f0;border:1px solid #d0d3ca;border-radius:6px;width:29px;height:29px;font-size:13px}.icon-button.active{color:#31583a;background:#e7ece3;border-color:#9eaf9e}.zoom-readout{color:#536358;cursor:pointer;background:#f8f7f0;border:1px solid #d0d3ca;border-radius:6px;min-width:46px;height:29px;padding:0 5px;font-size:10px;font-weight:700}.zoom-readout:hover{color:#31583a;border-color:#9eaf9e}.pan-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.55px;width:17px;height:17px;margin:auto;display:block}.fullscreen-toggle{color:#31583a;background:#e7ece3;border-color:#9eaf9e;width:37px;height:37px}.fullscreen-toggle[aria-pressed=true]{color:#f5f5eb;background:#315a3d;border-color:#315a3d}.fullscreen-icon,.file-menu-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:17px;height:17px;margin:auto;display:block}.file-menu-toggle svg{width:18px;height:18px}.canvas-scroll{background-color:#dcddd3;background-image:radial-gradient(#c6c9bd 1px,#0000 1px);background-size:18px 18px;min-height:0;padding:28px;position:relative;overflow:hidden}.canvas-frame{--map-zoom:1;--pan-x:0px;--pan-y:0px;width:min(100%,1008px);min-width:660px;transform:translate(calc(-50% + var(--pan-x)), calc(-50% + var(--pan-y))) scale(var(--map-zoom));transform-origin:50%;background:#f7f6ee;border:1px solid #bcc1b6;border-radius:5px;margin:0;padding:7px;position:absolute;top:50%;left:50%;box-shadow:0 20px 45px #2e3d3133,0 2px 5px #2e3d3126}#map-canvas{cursor:crosshair;image-rendering:auto;touch-action:none;width:100%;height:auto;display:block}#map-canvas.pan-mode{cursor:grab}#map-canvas.pan-mode.is-panning{cursor:grabbing}#map-canvas.prop-mode-move{cursor:grab}#map-canvas.prop-mode-move:active{cursor:grabbing}#map-canvas.prop-mode-erase{cursor:cell}:fullscreen{background:#e8e7db}body.fullscreen-fallback{overflow:hidden}body.fullscreen-fallback .app-shell{min-height:100dvh}.reference-image{aspect-ratio:1;cursor:zoom-in;background:#dce3d5;border:0;border-radius:11px;width:100%;margin:19px 0 18px;padding:0;position:relative;overflow:hidden;box-shadow:0 8px 22px #24372921}.reference-image img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.reference-image:hover img{transform:scale(1.025)}.reference-image span{color:#fff;background:#182a1dc7;border-radius:6px;padding:6px 8px;font-size:9px;position:absolute;bottom:9px;right:9px}.reference-notes{padding-top:2px}.reference-notes h3{color:#6e7a71;letter-spacing:.08em;margin:0 0 12px;font-size:10px}.reference-notes ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.reference-notes li{grid-template-columns:9px 1fr;align-items:start;gap:9px;display:grid}.reference-notes li i{border-radius:50%;width:7px;height:7px;margin-top:3px}.water-dot{background:#438a9a}.path-dot{background:#aa7c4b}.forest-dot{background:#557f50}.reference-notes strong,.reference-notes span{display:block}.reference-notes strong{color:#405248;font-size:10px}.reference-notes span{color:#8a918c;font-size:9px;line-height:1.45}.reference-credit{color:#a2a7a3;border-top:1px solid #dedfd7;margin-top:21px;padding-top:13px;font-size:8px}dialog{background:#f7f6ee;border:0;border-radius:12px;max-width:min(88vw,900px);padding:7px;box-shadow:0 35px 80px #0a140d73}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f1c13c7}dialog img{border-radius:8px;max-width:100%;max-height:84vh;display:block}#reference-dialog>button{color:#fff;cursor:pointer;background:#152219b8;border:0;border-radius:50%;width:34px;height:34px;font-size:22px;line-height:1;position:absolute;top:14px;right:14px}.qr-dialog{cursor:pointer;text-align:center;width:min(88vw,420px);padding:20px}.qr-dialog strong,.qr-dialog span{display:block}.qr-dialog strong{color:#334a3a;margin-bottom:14px;font-size:15px}.qr-dialog img{background:#fff;border:1px solid #e2e3db;border-radius:6px;width:min(72vw,360px);height:auto;margin:0 auto}.qr-dialog span{color:#7d8980;margin-top:12px;font-size:10px}.profile-dialog{color:#25372b;width:min(92vw,410px);padding:0}.profile-dialog form{padding:25px}.profile-heading{align-items:center;gap:12px;margin-bottom:22px;display:flex}.profile-heading .profile-avatar{color:#fff;background:#41684a;border-radius:50%;place-items:center;width:44px;height:44px;font-weight:700;display:grid}.profile-heading .profile-avatar.is-hidden{display:none}.profile-heading small,.profile-heading strong{display:block}.profile-heading small{color:#8a938c;font-size:9px}.profile-heading strong{margin-top:3px;font-size:12px}.profile-dialog label{color:#657068;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.profile-dialog input{color:#263a2e;background:#fff;border:1px solid #cdd2ca;border-radius:8px;width:100%;padding:10px 11px}.avatar-settings{border:0;margin:18px 0 0;padding:0}.avatar-settings legend{color:#657068;margin-bottom:8px;font-size:10px;font-weight:700}.avatar-options{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.avatar-options button{color:#68736b;cursor:pointer;background:#f7f7f2;border:1px solid #d2d7cf;border-radius:9px;min-width:0;padding:7px 2px 6px}.avatar-options button:hover,.avatar-options button:focus-visible{background:#eef2eb;border-color:#90a293}.avatar-options button.selected{color:#31583a;background:#e5eee4;border-color:#709174;box-shadow:inset 0 0 0 1px #709174}.avatar-options span,.avatar-options small{display:block}.avatar-options span{height:22px;font-size:17px;line-height:22px}.avatar-options small{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:8px;overflow:hidden}.profile-message{color:#858e87;min-height:17px;margin:7px 0 19px;font-size:9px}.profile-actions{justify-content:flex-end;gap:7px;display:flex}.button.danger{color:#874a3d;background:#f6ebe7;border-color:#dcc3ba}@media (width<=1100px){.workspace{grid-template-columns:244px minmax(430px,1fr)}.reference-panel{display:none}.topbar{grid-template-columns:240px 1fr auto}.button span{display:none}}@media (width<=900px){.topbar{grid-template-columns:1fr auto;gap:10px;height:auto;min-height:70px;padding:12px 14px}.document-title{grid-area:2/1/auto/-1;justify-self:stretch}.document-title input{width:100%}.top-actions{flex-wrap:wrap;grid-area:3/1/auto/-1;justify-content:flex-end}.auth-slot.auth-logged-out{background:#fff;border:1px solid #cdd3ca;border-radius:7px;flex-basis:72px;justify-content:center;width:72px;position:relative}.auth-slot.auth-logged-out:before{content:"미로그인";color:#657269;white-space:nowrap;font-size:10px;font-weight:700}.auth-slot.auth-logged-out>div{width:200px;max-width:none;position:absolute;top:0;left:0}.auth-slot.auth-logged-out iframe{opacity:0}}@media (width<=760px){.top-actions .ghost{display:none}.workspace{flex-direction:column;display:flex}.tools-panel{border-right:0;border-bottom:1px solid var(--line);padding:15px}.tools-panel .panel-heading,.tool-tip{display:none}.layer-tabs{margin:0 0 10px}.ground-list{grid-template-columns:repeat(4,1fr)}.ground-option{text-align:center;grid-template-columns:1fr;justify-items:center;padding:6px 3px}.ground-option small,.ground-option .check,.section-label{display:none!important}.prop-grid{grid-template-columns:repeat(3,1fr)}.prop-option{min-height:76px}.prop-option img{width:54px;height:54px}.prop-mode-hint{display:none}.canvas-stage{min-height:520px}.canvas-scroll{padding:18px 12px}.canvas-frame{min-width:650px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}