:root{--parch: #F5EDD6;--parch2: #EDE0BC;--parch3: #DDD0A8;--parch4: #C9AE6C;--ink: #2C1F0E;--ink2: #4A3520;--ink3: #6B4E2A;--gold: #C8A840;--gold2: #A88830;--red: #8B2020;--green: #2A5A1A;--blue: #1A3A6A;--brd: rgba(44, 31, 14, .2);--brd2: rgba(44, 31, 14, .35);--shadow: 0 2px 8px rgba(44, 31, 14, .18);--shadow2: 0 4px 16px rgba(44, 31, 14, .28);--font-cinzel: "Cinzel", Georgia, serif;--font-fell: "IM Fell English", Georgia, serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{background:var(--ink);color:var(--ink);font-family:var(--font-fell)}.app-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-body{display:flex;flex:1;overflow:hidden}.map-container{flex:1;position:relative;overflow:hidden;background:#1a1510;cursor:default}.toolbar{display:flex;align-items:center;gap:8px;padding:0 12px;height:52px;background:var(--parch3);border-bottom:1px solid var(--brd2);flex-shrink:0;overflow-x:auto;overflow-y:hidden}.toolbar-group{display:flex;align-items:center;gap:4px}.toolbar-divider{width:1px;height:28px;background:var(--brd2);margin:0 6px;flex-shrink:0}.tool-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:52px;height:40px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--ink2);cursor:pointer;font-family:var(--font-cinzel);font-size:9px;letter-spacing:.04em;transition:background .12s,border-color .12s;white-space:nowrap;flex-shrink:0}.tool-btn:hover{background:var(--parch2);border-color:var(--brd)}.tool-btn.active{background:var(--parch4);border-color:var(--brd2);color:var(--ink)}.tool-btn .tool-icon{font-size:18px;line-height:1}.toolbar-label{font-family:var(--font-cinzel);font-size:10px;letter-spacing:.06em;color:var(--ink3);white-space:nowrap;flex-shrink:0}.toolbar input[type=number],.toolbar input[type=text]{width:60px;padding:4px 6px;border:1px solid var(--brd2);border-radius:4px;background:var(--parch);color:var(--ink);font-family:var(--font-fell);font-size:13px}.toolbar input[type=number]:focus,.toolbar input[type=text]:focus{outline:none;border-color:var(--gold)}.file-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--brd2);border-radius:5px;background:var(--parch);color:var(--ink);cursor:pointer;font-family:var(--font-cinzel);font-size:10px;letter-spacing:.04em;transition:background .12s;white-space:nowrap;flex-shrink:0}.file-btn:hover{background:var(--parch2)}.file-name{font-family:var(--font-fell);font-size:12px;color:var(--ink3);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toggle-btn{display:flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--brd);border-radius:5px;background:transparent;color:var(--ink2);cursor:pointer;font-family:var(--font-cinzel);font-size:10px;letter-spacing:.04em;transition:all .12s;white-space:nowrap;flex-shrink:0}.toggle-btn.on{background:var(--gold);color:var(--ink);border-color:var(--gold2)}.sidebar{width:220px;background:var(--parch);border-left:1px solid var(--brd2);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.sidebar-header{padding:10px 14px;background:var(--parch3);border-bottom:1px solid var(--brd);font-family:var(--font-cinzel);font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--ink);flex-shrink:0}.sidebar-body{flex:1;overflow-y:auto;padding:8px 0}.sidebar-section-label{padding:4px 14px 2px;font-family:var(--font-cinzel);font-size:9px;letter-spacing:.1em;color:var(--ink3);text-transform:uppercase}.token-list-item{display:flex;align-items:center;gap:8px;padding:5px 10px 5px 14px;cursor:pointer;border-radius:0;transition:background .1s}.token-list-item:hover{background:var(--parch2)}.token-list-item.selected{background:var(--parch3)}.token-mini{width:28px;height:28px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-cinzel);font-size:11px;font-weight:700;color:#fff;border:2px solid rgba(255,255,255,.3)}.token-mini img{width:100%;height:100%;object-fit:cover}.token-list-name{flex:1;font-family:var(--font-fell);font-size:13px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-list-type{font-family:var(--font-cinzel);font-size:8px;letter-spacing:.05em;color:var(--ink3);padding:1px 4px;border-radius:3px;background:var(--parch3)}.token-list-actions{display:flex;gap:2px;flex-shrink:0}.icon-btn{width:24px;height:24px;border:none;background:transparent;cursor:pointer;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--ink3);transition:background .1s}.icon-btn:hover{background:var(--parch3);color:var(--ink)}.icon-btn.danger:hover{background:#f8d7d7;color:var(--red)}.sidebar-footer{padding:10px 14px;border-top:1px solid var(--brd);background:var(--parch2);font-family:var(--font-fell);font-size:12px;color:var(--ink2);line-height:1.6;flex-shrink:0}.scale-display{font-family:var(--font-cinzel);font-size:10px;letter-spacing:.04em;color:var(--ink3)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:1000;display:flex;align-items:center;justify-content:center}.modal{background:var(--parch);border:1px solid var(--brd2);border-radius:8px;padding:28px;width:340px;max-width:95vw;box-shadow:var(--shadow2)}.modal-title{font-family:var(--font-cinzel);font-size:16px;font-weight:700;color:var(--ink);margin-bottom:6px}.modal-divider{height:1px;background:var(--brd);margin:10px 0 18px}.form-field{margin-bottom:14px}.form-label{display:block;font-family:var(--font-cinzel);font-size:10px;letter-spacing:.06em;color:var(--ink3);text-transform:uppercase;margin-bottom:5px}.form-input{width:100%;padding:7px 10px;border:1px solid var(--brd2);border-radius:4px;background:var(--parch);color:var(--ink);font-family:var(--font-fell);font-size:14px}.form-input:focus{outline:none;border-color:var(--gold);background:#fff}.type-toggle{display:flex;gap:6px}.type-btn{flex:1;padding:7px;border:1px solid var(--brd);border-radius:4px;background:transparent;color:var(--ink2);cursor:pointer;font-family:var(--font-cinzel);font-size:10px;letter-spacing:.04em;transition:all .12s;text-align:center}.type-btn.active{background:var(--parch4);border-color:var(--brd2);color:var(--ink)}.color-row{display:flex;gap:6px;flex-wrap:wrap}.color-swatch{width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .1s,border-color .1s}.color-swatch.selected{border-color:var(--gold);transform:scale(1.15)}.img-upload-area{border:2px dashed var(--brd2);border-radius:6px;padding:12px;text-align:center;cursor:pointer;transition:border-color .12s,background .12s;background:transparent;width:100%}.img-upload-area:hover{border-color:var(--gold);background:var(--parch2)}.img-preview-wrap{display:flex;align-items:center;gap:10px}.img-preview{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--brd2)}.img-upload-label{font-family:var(--font-fell);font-size:12px;color:var(--ink3)}.modal-actions{display:flex;gap:8px;margin-top:20px}.btn-primary{flex:1;padding:8px;background:var(--parch4);border:1px solid var(--brd2);border-radius:4px;color:var(--ink);font-family:var(--font-cinzel);font-size:11px;letter-spacing:.05em;cursor:pointer;transition:background .12s}.btn-primary:hover{background:var(--gold)}.btn-ghost{flex:1;padding:8px;background:transparent;border:1px solid var(--brd);border-radius:4px;color:var(--ink2);font-family:var(--font-cinzel);font-size:11px;letter-spacing:.05em;cursor:pointer;transition:background .12s}.btn-ghost:hover{background:var(--parch2)}.token-element{position:absolute;display:flex;flex-direction:column;align-items:center;cursor:grab;-webkit-user-select:none;user-select:none;transform:translate(-50%,-50%);z-index:10}.token-element:active{cursor:grabbing;z-index:20}.token-circle{border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;font-family:var(--font-cinzel);font-weight:700;color:#fff;border:3px solid rgba(255,255,255,.5);box-shadow:0 2px 8px #00000080;transition:box-shadow .1s;flex-shrink:0}.token-circle.selected-ring{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold),0 2px 8px #00000080}.token-circle img{width:100%;height:100%;object-fit:cover}.token-label{margin-top:3px;font-family:var(--font-cinzel);font-size:10px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 6px rgba(0,0,0,.7);white-space:nowrap;max-width:90px;overflow:hidden;text-overflow:ellipsis;text-align:center;letter-spacing:.04em}.size-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.size-btn{display:flex;flex-direction:column;align-items:center;padding:6px 4px;border:1px solid var(--brd);border-radius:4px;background:transparent;color:var(--ink2);cursor:pointer;transition:all .12s;gap:2px}.size-btn:hover{background:var(--parch2);border-color:var(--brd2)}.size-btn.active{background:var(--parch4);border-color:var(--brd2);color:var(--ink)}.size-btn-label{font-family:var(--font-cinzel);font-size:10px;font-weight:600;letter-spacing:.03em}.size-btn-grid{font-family:var(--font-fell);font-size:10px;color:var(--ink3)}.size-btn.active .size-btn-grid{color:var(--ink2)}.btn-secondary{padding:8px;background:transparent;border:1px solid var(--brd2);border-radius:4px;color:var(--ink2);font-family:var(--font-cinzel);font-size:11px;letter-spacing:.05em;cursor:pointer;transition:background .12s}.btn-secondary:hover{background:var(--parch2)}.btn-danger{padding:8px;background:transparent;border:1px solid #c0392b44;border-radius:4px;color:#c0392b;font-family:var(--font-cinzel);font-size:11px;letter-spacing:.05em;cursor:pointer;transition:background .12s}.btn-danger:hover{background:#c0392b18}.session-modal{width:420px}.session-list{max-height:260px;overflow-y:auto;border:1px solid var(--brd);border-radius:4px;margin-bottom:10px}.session-empty{padding:20px;text-align:center;font-family:var(--font-fell);font-size:13px;color:var(--ink3)}.session-item{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;cursor:pointer;border-bottom:1px solid var(--brd);transition:background .1s}.session-item:last-child{border-bottom:none}.session-item:hover{background:var(--parch2)}.session-item.selected{background:var(--parch4)}.session-name{font-family:var(--font-cinzel);font-size:13px;color:var(--ink)}.session-date{font-family:var(--font-fell);font-size:11px;color:var(--ink3);white-space:nowrap;margin-left:12px}.session-selected-actions{display:flex;gap:6px;margin-bottom:4px}.session-selected-actions .btn-primary{flex:1.5}.session-selected-actions .btn-secondary,.session-selected-actions .btn-danger{flex:1}.session-save-row{display:flex;gap:8px;align-items:center}.session-save-row .form-input{flex:1}.session-save-btn{flex:0 0 auto!important;white-space:nowrap;padding:7px 14px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--parch2)}::-webkit-scrollbar-thumb{background:var(--parch4);border-radius:3px}.empty-map{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#c8a84066;pointer-events:none}.empty-map-icon{font-size:64px;opacity:.5}.empty-map-text{font-family:var(--font-cinzel);font-size:14px;letter-spacing:.08em}