html{scroll-behavior:smooth;scrollbar-color:var(--secondary-green) var(--secondary-green-light);scrollbar-width:thin}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-main{display:flex;flex:1 1;flex-direction:column;overflow:hidden}:host,:root{--ol-background-color:#fff;--ol-accent-background-color:#f5f5f5;--ol-subtle-background-color:#80808040;--ol-partial-background-color:#ffffffbf;--ol-foreground-color:#333;--ol-subtle-foreground-color:#666;--ol-brand-color:#0af}.ol-box{background-color:#ffffffbf;background-color:var(--ol-partial-background-color);border:1.5px solid #fff;border:1.5px solid var(--ol-background-color);border-radius:2px;box-sizing:border-box}.ol-mouse-position{position:absolute;right:8px;top:8px}.ol-scale-line{background:#ffffffbf;background:var(--ol-partial-background-color);border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}.ol-scale-line-inner{border:1px solid #666;border:1px solid var(--ol-subtle-foreground-color);border-top:none;color:#333;color:var(--ol-foreground-color);font-size:10px;margin:1px;text-align:center;transition:all .25s;will-change:contents,width}.ol-scale-bar{bottom:8px;left:8px;position:absolute}.ol-scale-bar-inner{display:flex}.ol-scale-step-marker{background-color:#333;background-color:var(--ol-foreground-color);float:right;height:15px;width:1px;z-index:10}.ol-scale-step-text{bottom:-5px;font-size:10px;z-index:11}.ol-scale-step-text,.ol-scale-text{color:#333;color:var(--ol-foreground-color);position:absolute;text-shadow:-1.5px 0 #ffffffbf,0 1.5px #ffffffbf,1.5px 0 #ffffffbf,0 -1.5px #ffffffbf;text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-text{bottom:25px;font-size:12px;text-align:center}.ol-scale-singlebar{border:1px solid #333;border:1px solid var(--ol-foreground-color);box-sizing:border-box;height:10px;position:relative;z-index:9}.ol-scale-singlebar-even{background-color:#666;background-color:var(--ol-subtle-foreground-color)}.ol-scale-singlebar-odd{background-color:#fff;background-color:var(--ol-background-color)}.ol-unsupported{display:none}.ol-unselectable,.ol-viewport{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ol-viewport canvas{all:unset;overflow:hidden}.ol-viewport{touch-action:pan-x pan-y}.ol-selectable{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text;user-select:text}.ol-grabbing{cursor:grabbing}.ol-grab{cursor:move;cursor:grab}.ol-control{background-color:#80808040;background-color:var(--ol-subtle-background-color);border-radius:4px;position:absolute}.ol-zoom{left:.5em;top:.5em}.ol-rotate{right:.5em;top:.5em;transition:opacity .25s linear,visibility 0s linear}.ol-rotate.ol-hidden{opacity:0;transition:opacity .25s linear,visibility 0s linear .25s;visibility:hidden}.ol-zoom-extent{left:.5em;top:4.643em}.ol-full-screen{right:.5em;top:.5em}.ol-control button{background-color:#fff;background-color:var(--ol-background-color);border:none;border-radius:2px;color:#666;color:var(--ol-subtle-foreground-color);display:block;font-size:inherit;font-weight:700;height:1.375em;line-height:.4em;margin:1px;padding:0;text-align:center;text-decoration:none;width:1.375em}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{display:block;font-weight:400;will-change:transform}.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}.ol-control button:focus,.ol-control button:hover{color:#333;color:var(--ol-foreground-color);outline:1px solid #666;outline:1px solid var(--ol-subtle-foreground-color);text-decoration:none}.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.ol-attribution{align-items:center;bottom:.5em;display:flex;flex-flow:row-reverse;max-width:calc(100% - 1.3em);right:.5em;text-align:right}.ol-attribution a{color:#666;color:var(--ol-subtle-foreground-color);text-decoration:none}.ol-attribution ul{color:#333;color:var(--ol-foreground-color);font-size:12px;margin:0;padding:1px .5em;text-shadow:0 0 2px #fff;text-shadow:0 0 2px var(--ol-background-color)}.ol-attribution li{display:inline;list-style:none}.ol-attribution li:not(:last-child):after{content:" "}.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}.ol-attribution button{flex-shrink:0}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution:not(.ol-collapsed){background:#ffffffbf;background:var(--ol-partial-background-color)}.ol-attribution.ol-uncollapsible{border-radius:4px 0 0;bottom:0;right:0}.ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{height:200px;left:.5em;top:4.5em}.ol-zoomslider button{height:10px;position:relative}.ol-touch .ol-zoomslider{top:5.5em}.ol-overviewmap{bottom:.5em;left:.5em}.ol-overviewmap.ol-uncollapsible{border-radius:0 4px 0 0;bottom:0;left:0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:block}.ol-overviewmap .ol-overviewmap-map{border:1px solid #666;border:1px solid var(--ol-subtle-foreground-color);height:150px;width:150px}.ol-overviewmap:not(.ol-collapsed) button{bottom:0;left:0;position:absolute}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:#80808040;background:var(--ol-subtle-background-color)}.ol-overviewmap-box{border:1.5px dotted #666;border:1.5px dotted var(--ol-subtle-foreground-color)}.ol-overviewmap .ol-overviewmap-box:hover{cursor:move}.ol-overviewmap .ol-viewport:hover{cursor:pointer}.base-layer-switcher{align-items:flex-end;bottom:20px;display:flex;flex-direction:column;gap:12px;position:absolute;right:20px;z-index:1}.base-layer-toggle{align-items:center;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);background:linear-gradient(136deg,#86e0cf66 100%);border:1px solid #86e0cf66;border-radius:50%;box-shadow:0 4px 16px #0000004d,inset 0 0 12px #86e0cf33;cursor:pointer;display:flex;height:48px;justify-content:center;padding:0;transition:all .3s ease;width:48px}.base-layer-toggle:hover{border-color:var(--primary-teal);box-shadow:0 6px 20px #86e0cf66,inset 0 0 16px #86e0cf4d;transform:scale(1.08)}.base-layer-toggle:active{transform:scale(.98)}.base-layer-icon{font-size:24px;line-height:1}.base-layer-panel{animation:slideUp .25s ease-out;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background:linear-gradient(136deg,#86e0cf66 100%);border:1px solid #86e0cf4d;border-radius:12px;box-shadow:0 8px 32px #00000080,inset 0 0 20px #86e0cf26;min-width:280px;overflow:hidden}.base-layer-header{align-items:center;background:#86e0cf0d;border-bottom:1px solid #86e0cf33;display:flex;justify-content:space-between;padding:12px 16px}.base-layer-title{color:var(--text-dark);font-size:13px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.base-layer-close{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-dark);cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.base-layer-close:hover{background:#e64f401a;color:var(--semantic-red)}.base-layer-options{display:flex;flex-direction:column;gap:6px;padding:8px}.base-layer-option{align-items:center;background:#fff9;border:1px solid #86e0cf33;border-radius:8px;cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:10px 12px;position:relative;transition:all .2s ease}.base-layer-option:before{background:linear-gradient(135deg,#86e0cf1a,#49e6941a);content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s ease}.base-layer-option:hover:before{opacity:1}.base-layer-option:hover{border-color:var(--primary-teal);box-shadow:0 2px 8px #86e0cf33;transform:translateX(-2px)}.base-layer-option.active{background:linear-gradient(135deg,#86e0cf40,#49e69433);border-color:var(--primary-teal);border-width:2px;box-shadow:0 0 0 2px #86e0cf26}.base-layer-option-icon{flex-shrink:0;font-size:28px;line-height:1;z-index:1}.base-layer-option-text{display:flex;flex:1 1;flex-direction:column;gap:2px;z-index:1}.base-layer-option-name{color:var(--text-dark);font-size:14px;font-weight:700;line-height:1.2}.base-layer-option-desc{color:var(--text-light);font-size:11px;line-height:1.2}.base-layer-checkmark{color:var(--accent-green-1);flex-shrink:0;font-size:18px;font-weight:700;z-index:1}@media (max-width:640px){.base-layer-switcher{bottom:16px;right:16px}.base-layer-toggle{height:44px;width:44px}.base-layer-icon{font-size:22px}.base-layer-panel{min-width:260px}.base-layer-option-icon{font-size:24px}}.btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:500;gap:4px;justify-content:center;transition:all .2s ease}.btn-small{font-size:12px;min-height:24px;padding:4px 8px}.btn-medium{font-size:14px;min-height:32px;padding:8px 16px}.btn-large{font-size:16px;min-height:40px;padding:12px 24px}.btn-primary{background:#4ae661;color:#000}.btn-primary:hover:not(.btn-disabled){background:#3bd552;box-shadow:0 0 10px #4ae66180}.btn-secondary{background:#ffffff1a;border:1px solid #fff3;color:var(--text-light)}.btn-secondary:hover:not(.btn-disabled){background:#fff3;color:var(--text-dark)}.btn-danger{background:#ff4757;color:#fff}.btn-danger:hover:not(.btn-disabled){background:#e63946;box-shadow:0 0 10px #ff475780}.btn-warning{background:#ffa502;color:#000}.btn-warning:hover:not(.btn-disabled){background:#ff8c00}.btn-success{background:#00d9ff;color:#000}.btn-success:hover:not(.btn-disabled){background:#00c0e0}.btn-ghost{background:#0000;border:1px solid #ffffff4d;color:#fff}.btn-ghost:hover:not(.btn-disabled){background:#ffffff1a;border-color:#ffffff80}.btn-disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.btn:focus-visible{outline:2px solid #4ae661;outline-offset:2px}.slider-container{display:inline-block;width:100%}.slider{-webkit-appearance:none;appearance:none;border-radius:2px;height:4px;outline:none;transition:opacity .2s;width:100%}.slider:hover:not(:disabled){opacity:1}.slider:disabled{cursor:not-allowed;opacity:.5}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#4ae661;border-radius:50%;box-shadow:0 0 4px #4ae66180;cursor:pointer;height:14px;-webkit-transition:all .2s ease;transition:all .2s ease;width:14px}.slider::-webkit-slider-thumb:hover:not(:disabled){box-shadow:0 0 8px #4ae661cc;transform:scale(1.2)}.slider::-webkit-slider-thumb:active:not(:disabled){transform:scale(1.1)}.slider::-moz-range-thumb{background:#4ae661;border:none;border-radius:50%;box-shadow:0 0 4px #4ae66180;cursor:pointer;height:14px;-moz-transition:all .2s ease;transition:all .2s ease;width:14px}.slider::-moz-range-thumb:hover:not(:disabled){box-shadow:0 0 8px #4ae661cc;transform:scale(1.2)}.slider::-moz-range-thumb:active:not(:disabled){transform:scale(1.1)}.slider:focus-visible{outline:2px solid #4ae661;outline-offset:2px}.icon{align-items:center;display:inline-flex;justify-content:center;line-height:1;-webkit-user-select:none;user-select:none}.icon[role=button]{cursor:pointer;transition:transform .2s ease,opacity .2s ease}.icon[role=button]:hover{opacity:.8;transform:scale(1.1)}.icon[role=button]:active{transform:scale(.95)}.color-swatch{border:2px solid #fff3;border-radius:4px;cursor:pointer;height:32px;outline:none;padding:0;transition:all .2s ease;width:32px}.color-swatch:hover{border-color:#ffffff80;box-shadow:0 0 8px #ffffff4d;transform:scale(1.1)}.color-swatch:active{transform:scale(1.05)}.color-swatch--selected{border-color:#4ae661;border-width:3px;box-shadow:0 0 12px #4ae66199}.color-swatch:focus-visible{outline:2px solid #4ae661;outline-offset:2px}.modal-backdrop{align-items:center;animation:fadeIn .2s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0000;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.modal-container{animation:slideUp .3s ease-out;backdrop-filter:blur(5px) saturate(180%);-webkit-backdrop-filter:blur(5px) saturate(180%);background:linear-gradient(136deg,#86e0cf66 100%);border-radius:12px;box-shadow:0 8px 32px #0000004d,0 0 20px #86e0cf33;padding:0;position:relative}.tour-button{align-items:center;animation:tour-pulse 2s infinite;background:linear-gradient(135deg,#4ae661f2,#85e692e6);border:2px solid #4ae661cc;border-radius:12px;box-shadow:0 4px 16px #0000004d,0 0 20px #4ae66166;cursor:pointer;display:flex;flex-direction:column;gap:4px;left:5px;padding:7px;position:fixed;top:50%;transform:translateY(-50%);transition:all .3s ease;z-index:18}.tour-button:hover{border-color:#4ae661;box-shadow:0 6px 24px #0006,0 0 30px #4ae66199;transform:translateY(-50%) scale(1.05)}.tour-button:active{transform:translateY(-50%) scale(.95)}.tour-button__icon{font-size:24px;line-height:1}.tour-button__text{color:#000;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}@keyframes tour-pulse{0%,to{box-shadow:0 4px 16px #0000004d,0 0 20px #4ae66166}50%{box-shadow:0 4px 16px #0000004d,0 0 40px #4ae661b3}}@media (max-width:640px){.tour-button{left:10px;padding:10px 6px}.tour-button__icon{font-size:20px}.tour-button__text{font-size:10px}}.layer-item{background:linear-gradient(136deg,#86e0cf66 100%);border-left:4px solid #0000;border-radius:4px;list-style:none;margin:5px 0;padding:10px;transition:all .2s ease;width:-webkit-fill-available}.layer-item:hover{background:linear-gradient(135deg,#86e0cf26,#49e6941a 50%,#fefffffa);box-shadow:0 2px 5px 0 var(--neon-aqua);transform:translateY(2px)}.layer-item.active-layer{background:linear-gradient(136deg,#86e0cf66 100%);border-left:4px solid var(--accent-green-1);box-shadow:0 2px 8px #4ae6614d}.layer-item__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.layer-item__title{color:var(--text-dark);flex:1 1;font-size:14px;font-weight:500;overflow:hidden;padding-right:8px;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.layer-item__title:hover{color:#4ae661}.layer-item__header-actions{display:flex;gap:4px}.layer-item__controls{align-items:center;display:flex;gap:6px}.layer-item__color-swatch{border-radius:3px;flex-shrink:0;height:16px;transition:transform .2s ease,box-shadow .2s ease;width:16px}.layer-item__color-swatch[style*="cursor: pointer"]:hover{box-shadow:0 0 6px currentColor;transform:scale(1.1)}.layer-item__btn{align-items:center;background:none;border:none;border-radius:3px;color:#aaa;cursor:pointer;display:inline-flex;justify-content:center;min-height:24px;min-width:24px;padding:4px;transition:all .2s ease}.layer-item__btn:hover:not(:disabled){background:#ffffff1a;color:#4ae661}.layer-item__btn:active:not(:disabled){transform:scale(.95)}.layer-item__btn:disabled{cursor:not-allowed;opacity:.3}.layer-item__btn--danger:hover:not(:disabled){color:#ff4757}.layer-item__opacity{flex-shrink:0;width:70px}.toast-notification{align-items:flex-start;animation:slideIn .3s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffffff2;border-left:4px solid var(--primary-teal);border-radius:8px;box-shadow:0 4px 12px #00000026,0 0 20px #86e0cf1a;display:flex;gap:12px;max-width:400px;min-width:280px;padding:12px 16px}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-notification__icon{flex-shrink:0;margin-top:2px}.toast-notification__content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.toast-notification__filename{color:var(--text-dark);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast-notification__message{word-wrap:break-word;color:var(--text-dark);font-size:14px;line-height:1.4}.toast-notification__status{color:var(--text-light);font-size:12px;font-weight:500}.toast-notification__progress-bar{background:#86e0cf33;border-radius:2px;height:4px;margin-top:4px;overflow:hidden;width:100%}.toast-notification__progress-fill{background:linear-gradient(90deg,var(--primary-teal),var(--secondary-green));border-radius:2px;height:100%;transition:width .3s ease}.toast-notification__close{background:none;border:none;color:var(--text-light);cursor:pointer;flex-shrink:0;margin-top:-2px;padding:4px;transition:color .2s}.toast-notification__close:hover{color:var(--text-dark)}.toast-notification--success{border-left-color:var(--semantic-green)}.toast-notification--success .toast-notification__icon{color:var(--semantic-green)}.toast-notification--error{border-left-color:var(--semantic-red)}.toast-notification--error .toast-notification__icon{color:var(--semantic-red)}.toast-notification--warning{border-left-color:#e6a649}.toast-notification--warning .toast-notification__icon{color:#e6a649}.toast-notification--upload{border-left-color:var(--primary-teal)}.toast-notification--upload .toast-notification__icon{color:var(--primary-teal)}.toast-notification--info .toast-notification__icon{color:var(--semantic-blue)}.confirm-modal{padding:24px}.confirm-modal__header{align-items:center;display:flex;gap:16px;margin-bottom:20px}.confirm-modal__icon{flex-shrink:0}.confirm-modal--danger .confirm-modal__icon{color:var(--semantic-red)}.confirm-modal--warning .confirm-modal__icon{color:#e6a649}.confirm-modal--info .confirm-modal__icon{color:var(--semantic-blue)}.confirm-modal__title{color:var(--text-dark);font-size:20px;font-weight:600;margin:0}.confirm-modal__body{margin-bottom:24px}.confirm-modal__message{color:var(--text-dark);font-size:15px;line-height:1.5;margin:0}.confirm-modal__footer{display:flex;gap:12px;justify-content:flex-end}.confirm-modal__button{min-width:100px}.prompt-modal{padding:24px}.prompt-modal__header{margin-bottom:20px}.prompt-modal__title{color:var(--text-dark);font-size:20px;font-weight:600;margin:0}.prompt-modal__body{margin-bottom:24px}.prompt-modal__message{color:var(--text-dark);font-size:15px;line-height:1.5;margin:0 0 16px}.prompt-modal__input{background:#ffffffe6;border:2px solid #86e0cf4d;border-radius:6px;color:var(--text-dark);font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s}.prompt-modal__input:focus{border-color:var(--primary-teal);box-shadow:0 0 0 3px #86e0cf1a;outline:none}.prompt-modal__input::placeholder{color:#0006}.prompt-modal__error{color:var(--semantic-red);font-size:13px;margin:8px 0 0}.prompt-modal__footer{display:flex;gap:12px;justify-content:flex-end}.add-layer-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:16}.add-layer-dialog{animation:slideUp .25s ease-out;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background:linear-gradient(136deg,#86e0cf66 100%);border:1px solid #86e0cf4d;border-radius:16px;box-shadow:0 16px 48px #0009,inset 0 0 24px #86e0cf33;max-width:480px;overflow:hidden;width:100%}.add-layer-header{align-items:center;background:#86e0cf0d;border-bottom:1px solid #86e0cf33;display:flex;justify-content:space-between;padding:20px 24px}.add-layer-title{color:var(--text-dark);font-size:18px;font-weight:700;letter-spacing:.5px;margin:0}.add-layer-close{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-dark);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.add-layer-close:hover{background:#e64f401a;color:var(--semantic-red)}.add-layer-options{display:flex;flex-direction:column;gap:12px;padding:24px}.add-layer-option{align-items:center;background:#ffffffb3;border:2px solid #86e0cf4d;border-radius:12px;cursor:pointer;display:flex;gap:16px;overflow:hidden;padding:20px;position:relative;transition:all .25s ease}.add-layer-option:before{background:linear-gradient(135deg,#86e0cf1a,#49e6941a);content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s ease}.add-layer-option:hover:before{opacity:1}.add-layer-option:hover{border-color:var(--primary-teal);box-shadow:0 4px 16px #86e0cf4d;transform:translateX(4px)}.add-layer-option-icon{flex-shrink:0;font-size:36px;line-height:1}.add-layer-option-content{flex:1 1;z-index:1}.add-layer-option-title{margin-bottom:4px}.add-layer-option-desc{color:var(--text-light);font-size:13px;line-height:1.4}.add-layer-option-arrow{color:var(--primary-teal);flex-shrink:0;font-size:28px;font-weight:700;z-index:1}.add-layer-upload{padding:32px 24px;text-align:center}.add-layer-upload-icon{font-size:64px;margin-bottom:16px}.add-layer-upload-text{color:var(--text-dark);font-size:16px;font-weight:600;margin:0 0 8px}.add-layer-upload-formats{color:var(--text-light);font-size:13px;margin:0 0 24px}.add-layer-upload-actions{display:flex;gap:12px;justify-content:center}.add-layer-create{padding:24px}.add-layer-create-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.add-layer-create-title{color:var(--text-dark);font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.add-layer-stop-btn{background:#e64f401a;border:1px solid #e64f404d;border-radius:6px;color:var(--semantic-red);cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.add-layer-stop-btn:hover{background:#e64f4033;border-color:var(--semantic-red)}.add-layer-draw-modes{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.add-layer-draw-mode{align-items:center;background:#fffc;border:2px solid #86e0cf4d;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:6px;min-height:80px;overflow:hidden;padding:16px 12px;position:relative;transition:all .2s ease}.add-layer-draw-mode:before{background:linear-gradient(135deg,#86e0cf1a,#49e6941a);content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s ease}.add-layer-draw-mode:hover:before{opacity:1}.add-layer-draw-mode:hover{border-color:var(--primary-teal);box-shadow:0 4px 12px #86e0cf33;transform:translateY(-2px)}.add-layer-draw-mode.active{background:linear-gradient(135deg,#86e0cf40,#49e69433);border-color:var(--primary-teal);border-width:3px;box-shadow:0 0 0 3px #86e0cf33}.add-layer-draw-icon{font-size:32px;line-height:1;z-index:1}.add-layer-draw-label{color:var(--text-dark);font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;z-index:1}.add-layer-drawing-hint{align-items:center;animation:pulse 2s ease-in-out infinite;background:#4ae6611a;border:1px solid #4ae6614d;border-radius:8px;color:var(--text-dark);display:flex;font-size:13px;gap:10px;margin-bottom:16px;padding:12px 16px}.add-layer-hint-icon{font-size:18px;line-height:1}.add-layer-create-actions{display:flex;justify-content:flex-start}.add-layer-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.add-layer-btn-back{background:#fffc;border:1px solid #86e0cf4d;color:var(--text-dark)}.add-layer-btn-back:hover{background:#fff;border-color:var(--primary-teal)}.add-layer-btn-primary{background:linear-gradient(135deg,var(--primary-teal),var(--secondary-green));border:1px solid #86e0cf80;color:var(--text-dark)}.add-layer-btn-primary:hover{box-shadow:0 6px 16px #86e0cf66;transform:translateY(-2px)}@media (max-width:640px){.add-layer-dialog{margin:16px}.add-layer-header{padding:16px 20px}.add-layer-title{font-size:16px}.add-layer-create,.add-layer-options{padding:20px}.add-layer-option{padding:16px}.add-layer-option-icon{font-size:32px}.add-layer-draw-modes{gap:10px}.add-layer-draw-mode{min-height:70px;padding:12px 8px}.add-layer-draw-icon{font-size:28px}}.add-layer-options-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:16}.add-layer-options-dialog{animation:slideUp .3s ease-out;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);background:linear-gradient(136deg,#86e0cf66 100%);border:1px solid #86e0cf4d;border-radius:12px;box-shadow:0 8px 32px #000000b3,inset 0 0 20px #86e0cf26,0 4px 16px #49e69433;max-height:90vh;max-width:600px;overflow:hidden;width:90%}.add-layer-options-header{align-items:center;border-bottom:1px solid #86e0cf33;display:flex;justify-content:space-between;padding:20px 24px}.add-layer-options-title{color:var(--text-dark);font-size:20px;font-weight:700;margin:0}.add-layer-options-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#262d2499;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.add-layer-options-close:hover{background:#86e0cf33;color:var(--text-dark)}.add-layer-options-content{padding:24px}.add-layer-options-subtitle{color:#262d24b3;font-size:14px;font-weight:500;margin:0 0 20px}.add-layer-options-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.add-layer-option-card{background:linear-gradient(136deg,#86e0cf66 100%);border:2px solid #86e0cf4d;border-radius:8px;cursor:pointer;overflow:hidden;padding:24px 16px;position:relative;text-align:center;transition:all .3s ease}.add-layer-option-card:before{background:linear-gradient(136deg,#86e0cf66 100%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.add-layer-option-card:hover{border-color:#86e0cf99;box-shadow:0 8px 24px #86e0cf4d,0 0 20px #49e69433;transform:translateY(-4px)}.add-layer-option-card:hover:before{opacity:1}.add-layer-option-card:active{transform:translateY(-2px)}.add-layer-option-icon{font-size:48px;margin-bottom:12px;position:relative;z-index:1}.upload-icon{animation:float 3s ease-in-out infinite}.create-icon{animation:pulse 2s ease-in-out infinite}.add-layer-option-title{color:var(--text-dark);font-size:16px;font-weight:700;margin:0 0 8px;position:relative;z-index:1}.add-layer-option-description{color:#262d24b3;font-size:13px;line-height:1.4;margin:0 0 12px;position:relative;z-index:1}.add-layer-option-formats{color:#262d2480;font-size:11px;font-weight:500;letter-spacing:.5px;position:relative;z-index:1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:640px){.add-layer-options-dialog{max-width:none;width:95%}.add-layer-options-grid{grid-template-columns:1fr}.add-layer-options-header{padding:16px 20px}.add-layer-options-content{padding:20px}.add-layer-option-card{padding:20px 16px}}.export-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:16}.export-modal-content{animation:slideUp .3s ease;background:linear-gradient(136deg,#86e0cf66 100%);border:1px solid #86e0cf4d;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:90vw;padding:24px;width:360px}.export-modal-title{border-bottom:2px solid #86e0cf80;color:#1a1a1a;display:flex;flex-direction:column;font-size:20px;font-weight:600;gap:4px;margin:0 0 20px;padding-bottom:12px}.export-layer-name{color:#4ae661;font-size:13px;font-style:italic;font-weight:400}.export-options{display:flex;flex-direction:column;gap:12px}.export-option-btn{background:linear-gradient(135deg,#ffffffe6,#fafcfff2);border:2px solid #86e0cf4d;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:14px 16px;text-align:left;transition:all .2s ease}.export-option-btn:hover{background:linear-gradient(135deg,#86e0cf26,#49e6941a);border-color:#86e0cf99;box-shadow:0 4px 12px #86e0cf4d;transform:translateY(-2px)}.export-option-btn:active{transform:translateY(0)}.export-option-label{color:#1a1a1a;display:block;font-size:15px;font-weight:600}.export-option-desc{color:#666;font-size:12px;line-height:1.4}.export-cancel-btn{background:#0000;border:none;border-radius:6px;color:#d9534f;cursor:pointer;font-size:14px;font-weight:600;margin-top:12px;padding:10px;transition:all .2s ease;width:100%}.export-cancel-btn:hover{background:#d9534f1a}.export-processing{color:#666;padding:40px 20px;text-align:center}.export-spinner{animation:spin .8s linear infinite;border:4px solid #86e0cf33;border-radius:50%;border-top-color:#4ae661;height:40px;margin:0 auto 16px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.export-processing p{font-size:14px;font-weight:500;margin:0}@media (max-width:480px){.export-modal-content{padding:20px;width:320px}.export-modal-title{font-size:18px}.export-option-btn{padding:12px 14px}.export-option-label{font-size:14px}.export-option-desc{font-size:11px}}.drawn-feature-item{align-items:center;background:linear-gradient(136deg,#86e0cf66 100%);border:1px solid #86e0cf33;border-radius:6px;cursor:pointer;display:flex;gap:10px;margin-bottom:6px;padding:8px 10px;transition:all .2s ease}.drawn-feature-item:hover{background:linear-gradient(135deg,#86e0cf1a,#49e6940f 50%,#feffff);border-color:#86e0cf66;transform:translateX(2px)}.drawn-feature-item--active{background:linear-gradient(135deg,#86e0cf26,#49e6941a 50%,#feffff);border-left:3px solid #4ae661;border-left:3px solid var(--accent-green-1,#4ae661);box-shadow:0 2px 8px #4ae66133}.drawn-feature-item__color{border-radius:2px;flex-shrink:0;height:100%;width:4px}.drawn-feature-item__info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.drawn-feature-item__name{color:#262d24;color:var(--text-dark,#262d24);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawn-feature-item__type{color:#262d2499;font-size:10px;font-weight:500}.drawn-feature-item__controls{align-items:center;display:flex;gap:4px}.drawn-feature-item__control-btn{align-items:center;background:#86e0cf1a;border:1px solid #86e0cf4d;border-radius:4px;cursor:pointer;display:flex;font-size:12px;justify-content:center;padding:4px 6px;transition:all .2s ease}.drawn-feature-item__control-btn:hover{background:#86e0cf33;border-color:#86e0cf80}.drawn-feature-item__control-btn--delete{background:#e64f401a;border-color:#e64f404d}.drawn-feature-item__control-btn--delete:hover{background:#e64f4033;border-color:#e64f4080}.drawn-feature-item__opacity{background:#86e0cf0d;border-radius:6px;display:flex;flex-direction:column;gap:6px;margin-bottom:6px;margin-top:-6px;padding:8px 10px 8px 24px}.drawn-feature-item__opacity-label{color:#262d24b3;font-size:11px;font-weight:600}.drawn-feature-item__opacity-slider{-webkit-appearance:none;background:linear-gradient(90deg,#86e0cf4d 0,#86e0cf99);border-radius:2px;height:4px;outline:none;width:100%}.drawn-feature-item__opacity-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#4ae661;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:14px;width:14px}.drawn-feature-item__opacity-slider::-moz-range-thumb{background:#4ae661;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:14px;width:14px}.drawn-feature-color-picker-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:16}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drawn-feature-color-picker-modal{animation:slideUp .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(136deg,#86e0cf66 100%);border:1px solid #86e0cf66;border-radius:12px;box-shadow:0 8px 32px #0000004d,0 0 20px #86e0cf33;min-width:280px;padding:20px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.drawn-feature-color-picker-header{align-items:center;border-bottom:1px solid #86e0cf4d;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.drawn-feature-color-picker-header span{color:#262d24;color:var(--text-dark,#262d24);font-size:14px;font-weight:700}.drawn-feature-color-picker-close{align-items:center;background:#e64f401a;border:1px solid #e64f404d;border-radius:4px;color:#e64f40;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:28px;justify-content:center;transition:all .2s ease;width:28px}.drawn-feature-color-picker-close:hover{background:#e64f4033;border-color:#e64f4080}.drawn-feature-color-picker-palette{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,1fr)}.drawn-feature-color-swatch{border:2px solid #ffffff80;border-radius:8px;cursor:pointer;height:40px;padding:0;position:relative;transition:all .2s ease;width:40px}.drawn-feature-color-swatch:hover{border-color:#fff;box-shadow:0 4px 12px #0003;transform:scale(1.1)}.drawn-feature-color-swatch.selected{border-color:#4ae661;border-width:3px;box-shadow:0 0 0 2px #4ae6614d}.drawn-feature-color-swatch.selected:after{color:#fff;content:"✓";font-size:20px;font-weight:700;left:50%;position:absolute;text-shadow:0 2px 4px #00000080;top:50%;transform:translate(-50%,-50%)}@media (max-width:640px){.drawn-feature-item{gap:8px;padding:6px 8px}.drawn-feature-item__name{font-size:12px}.drawn-feature-item__type{font-size:9px}.drawn-feature-item__control-btn{padding:3px 5px}.drawn-feature-color-picker-modal{max-width:320px;min-width:90vw}.drawn-feature-color-swatch{height:44px;width:44px}}.welcome-prompt{max-width:500px;padding:32px;text-align:center}.welcome-prompt__icon{animation:welcome-bounce 1s ease-in-out;font-size:64px;margin-bottom:16px}.welcome-prompt__title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4ae661,#86e0cf);-webkit-background-clip:text;background-clip:text;color:#262d24;color:var(--text-dark,#262d24);font-size:28px;font-weight:700;margin:0 0 16px}.welcome-prompt__description{color:#262d24;color:var(--text-dark,#262d24);font-size:16px;line-height:1.6;margin:0 0 24px}.welcome-prompt__features{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:24px;text-align:left}.welcome-prompt__feature{align-items:center;background:#86e0cf1a;border:1px solid #86e0cf4d;border-radius:8px;color:#262d24;color:var(--text-dark,#262d24);display:flex;font-size:13px;gap:8px;padding:10px 12px;transition:all .2s ease}.welcome-prompt__feature:hover{background:#86e0cf33;border-color:#86e0cf80}.feature-icon{flex-shrink:0;font-size:18px}.welcome-prompt__question{color:#262d24;color:var(--text-dark,#262d24);font-size:16px;font-weight:600;margin:24px 0 20px}.welcome-prompt__actions{display:flex;gap:12px;justify-content:center}.welcome-prompt__btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:700;gap:6px;justify-content:center;padding:14px 24px;transition:all .2s ease}.welcome-prompt__btn--primary{background:linear-gradient(135deg,#4ae661e6,#85e692cc);border:2px solid #4ae66199;box-shadow:0 4px 12px #4ae6614d;color:#000}.welcome-prompt__btn--primary:hover{background:linear-gradient(135deg,#4ae661,#85e692e6);border-color:#4ae661cc;box-shadow:0 6px 16px #4ae66166;transform:translateY(-2px)}.welcome-prompt__btn--secondary{background:#86e0cf26;border:2px solid #86e0cf66;color:#262d24;color:var(--text-dark,#262d24)}.welcome-prompt__btn--secondary:hover{background:#86e0cf40;border-color:#86e0cf99;transform:translateY(-2px)}@keyframes welcome-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:640px){.welcome-prompt{padding:24px}.welcome-prompt__icon{font-size:48px}.welcome-prompt__title{font-size:24px}.welcome-prompt__features{grid-template-columns:1fr}.welcome-prompt__actions{flex-direction:column}.welcome-prompt__btn{width:100%}}.tour-step{animation:tour-step-scale-in .3s ease;max-width:420px;position:fixed;width:90vw;z-index:19}.tour-step__content{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background:linear-gradient(136deg,#86e0cf66 100%);border:2px solid #86e0cf99;border-radius:16px;box-shadow:0 12px 40px #00000080,inset 0 0 30px #86e0cf4d,0 6px 20px #49e69466;display:flex;flex-direction:column;gap:16px;padding:24px}.tour-step__header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.tour-step__title{color:#262d24;color:var(--text-dark,#262d24);flex:1 1;font-size:20px;font-weight:700;line-height:1.3;margin:0}.tour-step__counter{background:#86e0cf33;border:1px solid #86e0cf66;border-radius:12px;color:#262d24b3;font-size:12px;font-weight:600;padding:4px 12px;white-space:nowrap}.tour-step__body{flex:1 1}.tour-step__description{color:#262d24;color:var(--text-dark,#262d24);font-size:15px;line-height:1.6;margin:0}.tour-step__footer{align-items:center;border-top:1px solid #86e0cf33;display:flex;gap:12px;justify-content:space-between;padding-top:8px}.tour-step__nav{display:flex;gap:8px}.tour-step__btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.tour-step__btn--primary{background:linear-gradient(135deg,#4ae661e6,#85e692cc);border:2px solid #4ae66199;box-shadow:0 2px 8px #4ae6614d;color:#000}.tour-step__btn--primary:hover{background:linear-gradient(135deg,#4ae661,#85e692e6);border-color:#4ae661cc;box-shadow:0 4px 12px #4ae66166;transform:translateY(-2px)}.tour-step__btn--secondary{background:#86e0cf33;border:2px solid #86e0cf66;color:#262d24;color:var(--text-dark,#262d24)}.tour-step__btn--secondary:hover{background:#86e0cf4d;border-color:#86e0cf99;transform:translateY(-2px)}.tour-step__btn--skip{background:#0000;border:1px solid #86e0cf4d;color:#262d2499;font-size:13px;padding:8px 16px}.tour-step__btn--skip:hover{background:#e64f401a;border-color:#e64f4066;color:#e64f40}@keyframes tour-step-scale-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (max-width:640px){.tour-step{left:50%!important;max-width:95vw;top:50%!important;transform:translate(-50%,-50%)!important}.tour-step__content{padding:20px}.tour-step__title{font-size:18px}.tour-step__description{font-size:14px}.tour-step__footer{flex-direction:column-reverse;gap:8px}.tour-step__nav{width:100%}.tour-step__btn{flex:1 1}.tour-step__btn--skip{width:100%}}.layer-list__header{color:#4ae661;font-size:16px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.layer-list{align-items:center;display:flex;flex-direction:column;justify-content:center;list-style:none;margin:0;overflow-y:auto;padding:0}.layer-list::-webkit-scrollbar{width:6px}.layer-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.layer-list::-webkit-scrollbar-thumb{background:#4ae6614d;border-radius:3px}.layer-list::-webkit-scrollbar-thumb:hover{background:#4ae66180}.layer-list:empty:after{color:#888;content:"No layers added";display:block;font-size:14px;padding:8px;text-align:center}.toast-container{display:flex;flex-direction:column;gap:8px;left:50%;pointer-events:none;position:fixed;top:16px;transform:translateX(-50%);z-index:20}.toast-container>*{pointer-events:all}.color-picker-backdrop{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;z-index:16}.color-picker-popup{animation:colorPickerFadeIn .2s ease-out;backdrop-filter:blur(8px) saturate(180%);-webkit-backdrop-filter:blur(8px) saturate(180%);background:linear-gradient(136deg,#86e0cf66 100%);border:1px solid #86e0cf4d;border-radius:12px;box-shadow:0 8px 32px #0000004d,inset 0 0 20px #86e0cf26;max-width:320px;min-width:260px;padding:16px;user-select:auto;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto}@keyframes colorPickerFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.color-picker-header{align-items:center;border-bottom:1px solid #86e0cf33;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.color-picker-header h6{color:#262d24;font-size:14px;font-weight:600;margin:0}.color-palette{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(8,1fr)}.color-input-section,.color-palette{margin-bottom:12px}.color-input-section label{color:#262d24;display:block;font-size:12px;font-weight:500;margin-bottom:6px}.color-input-group{align-items:center;display:flex;gap:6px}.color-input-group input[type=text]{background:#feffffb3;border:1px solid #86e0cf4d;border-radius:6px;color:#262d24;flex:1 1;font-family:Courier New,monospace;font-size:13px;padding:6px 8px}.color-input-group input[type=text]:focus{border-color:#4ae661;box-shadow:0 0 0 2px #4ae66133;outline:none}.color-input-group input[type=color]{background:#0000;border:1px solid #86e0cf4d;border-radius:6px;cursor:pointer;height:32px;width:40px}.color-input-group input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.color-input-group input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.color-preview{align-items:center;background:#86e0cf1a;border-radius:6px;display:flex;gap:8px;margin-bottom:12px;padding:8px}.color-preview span{color:#262d24;font-size:12px;font-weight:500}.preview-box{border:2px solid #86e0cf4d;border-radius:6px;box-shadow:inset 0 2px 4px #0000001a;flex:1 1;height:32px}.color-picker-actions{display:flex;gap:8px;justify-content:flex-end}.color-picker-actions button{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px;transition:all .2s ease}.cancel-btn{background:#86e0cf26;border:1px solid #86e0cf4d;color:#262d24}.cancel-btn:hover{background:#86e0cf40}.apply-btn{background:linear-gradient(135deg,#49e694,#4ae661 50%,#85e692);box-shadow:0 4px 12px #49e6944d;color:#262d24}.apply-btn:hover{background:linear-gradient(135deg,#4ae661,#85e692 50%,#70e649);box-shadow:0 6px 18px #4ae66173;transform:translateY(-1px)}.drawing-toolbar{backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);background:linear-gradient(136deg,#86e0cf66 100%);border:1px solid #86e0cf66;border-radius:12px;bottom:20px;box-shadow:0 8px 32px #000000b3,inset 0 0 20px #86e0cf33,0 4px 16px #49e6944d;display:flex;flex-direction:column;gap:12px;justify-content:space-around;left:50%;max-height:60vh;max-width:90vw;padding:10px;position:fixed;transform:translateX(-50%);transition:all .3s ease;width:450px;z-index:16}.drawing-toolbar--minimized{cursor:pointer;height:auto;max-height:none;padding:5px;width:auto}.drawing-toolbar__header{align-items:center;background:linear-gradient(135deg,#86e0cf14,#49e6940d);border-bottom:1px solid #86e0cf33;display:flex;justify-content:space-between}.drawing-toolbar__title{color:#262d24;color:var(--text-dark,#262d24);font-size:14px;font-weight:700}.drawing-toolbar__header-actions{align-items:center;display:flex;gap:6px}.drawing-toolbar__btn--minimize{background:#86e0cf1a;border:1px solid #86e0cf4d;border-radius:4px;cursor:pointer;font-size:14px;padding:4px 8px;transition:all .2s ease}.drawing-toolbar__btn--minimize:hover{background:#86e0cf33;border-color:#86e0cf80}.drawing-toolbar__tools{align-content:center;flex-wrap:nowrap;gap:6px}.drawing-toolbar__tool-btn{background:#86e0cf1a;border:1px solid #86e0cf4d;border-radius:6px;color:#262d24;color:var(--text-dark,#262d24);cursor:pointer;flex-basis:calc(20% - 5px);flex-grow:1;flex-shrink:1;font-size:12px;font-weight:600;min-width:75px;padding:8px 6px;text-align:center;transition:all .2s ease}.drawing-toolbar__tool-btn:hover{background:#86e0cf33;border-color:#86e0cf80;transform:translateY(-1px)}.drawing-toolbar__tool-btn.active{background:linear-gradient(135deg,#4ae6614d,#85e69233);border-color:#4ae661;border-color:var(--accent-green-1,#4ae661);box-shadow:0 2px 8px #4ae6614d;color:#262d24;color:var(--text-dark,#262d24)}.drawing-toolbar__tools{align-items:center;border-bottom:1px solid #86e0cf33;display:flex;flex-direction:row;justify-content:space-around}.drawing-toolbar__btn--icon{background:#86e0cf1a;border:1px solid #86e0cf4d;border-radius:4px;color:#262d24;color:var(--text-dark,#262d24);cursor:pointer;font-size:13px;font-weight:600;padding:4px 10px;transition:all .2s ease}.drawing-toolbar__btn--icon:hover{background:#86e0cf33;border-color:#86e0cf80}.drawing-toolbar__btn--icon.active{background:linear-gradient(135deg,#4ae66133,#85e6921a);border-color:#4ae661;box-shadow:0 2px 6px #4ae66133}.drawing-toolbar__actions{align-items:center;border-top:1px solid #86e0cf33;display:flex;flex-direction:row;justify-content:space-around}.drawing-toolbar__action-btn{background:#86e0cf1a;border:1px solid #86e0cf4d;border-radius:6px;color:#262d24;color:var(--text-dark,#262d24);cursor:pointer;flex:1 1;font-size:12px;font-weight:600;padding:8px 12px;transition:all .2s ease}.drawing-toolbar__action-btn:hover:not(:disabled){background:#86e0cf33;border-color:#86e0cf80}.drawing-toolbar__action-btn:disabled{cursor:not-allowed;opacity:.5}.drawing-toolbar__action-btn--save{background:linear-gradient(135deg,#49e69433,#86e0cf26);border-color:#49e69466}.drawing-toolbar__action-btn--save:hover{background:linear-gradient(135deg,#49e6944d,#86e0cf33);border-color:#49e69499}.drawing-toolbar__delete-section{background:#e64f401a;border:1px solid #e64f404d;border-radius:6px;padding:8px}.drawing-toolbar__delete-btn{background:#e64f4033;border:1px solid #e64f4066;border-radius:4px;color:#e64f40;cursor:pointer;font-size:12px;font-weight:600;padding:8px 12px;transition:all .2s ease;width:100%}.drawing-toolbar__delete-btn:hover{background:#e64f404d;border-color:#e64f4099}.drawing-toolbar__section{display:flex;flex-direction:column;gap:8px;max-height:250px;overflow:hidden}.drawing-toolbar__section-title{color:#262d24;color:var(--text-dark,#262d24);font-size:12px;font-weight:700;padding:0 4px}.drawing-toolbar__feature-list{max-height:200px;overflow-x:hidden;overflow-y:auto;padding-right:4px}.drawing-toolbar__feature-list::-webkit-scrollbar{width:6px}.drawing-toolbar__feature-list::-webkit-scrollbar-track{background:#86e0cf1a;border-radius:3px}.drawing-toolbar__feature-list::-webkit-scrollbar-thumb{background:#86e0cf66;border-radius:3px}.drawing-toolbar__feature-list::-webkit-scrollbar-thumb:hover{background:#86e0cf99}.drawing-toolbar__empty-state{color:#262d2480;font-size:12px;font-style:italic;padding:20px;text-align:center}@media (max-width:640px){.drawing-toolbar{bottom:10px;padding:12px;width:95vw}.drawing-toolbar__tool-btn{flex-basis:calc(50% - 3px);flex-grow:1;flex-shrink:1;font-size:11px;min-width:60px;padding:6px 4px}.drawing-toolbar__action-btn{font-size:11px;padding:6px 8px}.drawing-toolbar__section{max-height:150px}.drawing-toolbar__feature-list{max-height:120px}}.tour-overlay{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:18}.tour-overlay__backdrop{animation:tour-overlay-fade-in .3s ease;background:#00000080;bottom:0;left:0;position:absolute;right:0;top:0}.tour-overlay__spotlight{border:2px solid #4ae661cc;box-shadow:0 0 0 9999px #000000b3,0 0 20px #4ae66180,inset 0 0 20px #4ae6614d;pointer-events:none;position:absolute;transition:all .4s ease;z-index:420}@keyframes tour-overlay-fade-in{0%{opacity:0}to{opacity:1}}.map-page{height:100vh;overflow:hidden;position:relative;width:100%}.panel-toggle-arrow{align-items:center;background:linear-gradient(136deg,#86e0cf66 100%);border:1px solid #86e0cf00;border-radius:24px;color:#262d24;color:var(--text-dark,#262d24);cursor:pointer;display:flex;font-size:20px;font-weight:700;height:24px;justify-content:center;line-height:1;padding:0;position:absolute;right:2px;top:2px;transition:all .3s ease;width:24px}.panel-toggle-arrow:hover{background:linear-gradient(135deg,#86e0cf99,#49e69480 50%,#feffff)}.map-card.collapsed .panel-section{overflow:hidden}.panel-section{transition:all .3s ease}@media (max-width:640px){.panel-toggle-arrow{font-size:18px;height:32px;right:8px;top:8px;width:32px}}.map-cards-right{border-radius:12px;box-shadow:0 8px 32px #000000b3,inset 0 0 20px #86e0cf33,0 4px 16px #49e6944d;gap:12px;justify-content:flex-start;max-height:calc(100vh - 32px);min-width:300px;position:absolute;right:5px;top:5px;z-index:2}.map-card,.map-cards-right{display:flex;flex-direction:column}.map-card{align-items:center;box-sizing:border-box;justify-content:space-between;pointer-events:auto;position:relative}.map-card h5{color:#262d24;display:contents;font-size:14px;font-weight:700;letter-spacing:.5px;margin:0;text-transform:capitalize}.map-cards-right .uploads-status{margin-top:auto;width:100%}.map-card .card,.map-card .neon-panel{border-radius:12px;padding:12px}.control-panel{background-color:#fffffff2;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-height:80vh;overflow:hidden;padding:0;position:absolute;right:20px;top:20px;width:auto;z-index:2}.panel-section{border-bottom:1px solid #eee;padding:15px}.panel-section:last-child{border-bottom:none}.control-panel h4{color:#262d24;font-size:14px;font-weight:700;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.hidden-input{display:none}.ol-zoom{bottom:.5em;top:auto}.card{backdrop-filter:blur(5px) saturate(180%);-webkit-backdrop-filter:blur(5px) saturate(180%);background:linear-gradient(136deg,#86e0cf66 100%);border-radius:12px;color:#262d24;padding:5px 10px}.card h4{color:#262d24;font-weight:700}.upload-card{display:flex;flex-direction:column;gap:8px;width:-webkit-max-content;width:max-content}.uploads-card{padding-top:8px}.uploads-list{margin:6px 0 0;padding-left:0}.upload-entry{align-items:center;display:flex;font-size:12px;gap:8px;list-style:none;margin-bottom:6px}.upload-meta{color:#262d24;flex:1 1}.upload-meta-top{display:flex;flex-direction:column}.upload-name{color:#262d24;font-weight:600}.upload-status{color:#424242;font-size:12px}.upload-progress{height:8px;margin-top:6px;width:100%}.upload-error{color:#c00;font-size:12px}.projection-card .proj-label{color:#424242;display:block;font-size:12px;font-weight:500}.proj-inputs{align-items:stretch;display:flex;flex-direction:column;gap:6px;margin-top:6px}.proj-btn{margin-left:6px}.upload-notification{left:50%;pointer-events:none;position:fixed;top:16px;transform:translateX(-50%);z-index:20}.upload-notification .card{pointer-events:auto;width:auto}:root{--bg-1:#0a0404;--bg-2:#1a0808;--primary-teal:#86e0cfbf;--primary-teal-light:#86e0cf26;--primary-teal-medium:#86e0cf66;--secondary-green:#49e694bf;--secondary-green-light:#49e6941f;--accent-green-1:#4ae661d9;--accent-green-2:#85e692d9;--text-dark:#262d24;--text-light:#888;--semantic-red:#e64f40;--semantic-green:#70e649;--semantic-blue:#4ae6c9;--bg-glass:#fefffff2;--neon-aqua:rgba(51,241,255,.598);--neon-sky:#073d9599}.space-scene{margin:10px;position:absolute;z-index:18}.space-scene:before{animation:twinkle 8s linear infinite;background-size:2px 2px;content:"";filter:blur(.4px);inset:0;mix-blend-mode:screen;opacity:.6;position:absolute;transform:translateZ(0)}@keyframes twinkle{0%{opacity:.45}50%{opacity:.9}to{opacity:.45}}.app-header{align-items:center;display:flex;flex-direction:row;gap:16px;pointer-events:none}.app-header .logo-wrap{align-items:center;display:flex;gap:12px;pointer-events:auto}.orb{background:radial-gradient(circle at 30% 30%,rgba(51,241,255,.598),#073d9599);background:radial-gradient(circle at 30% 30%,var(--neon-aqua),var(--neon-sky));border-radius:50%;box-shadow:0 0 3px rgba(51,241,255,.598),0 0 3px #073d9599;box-shadow:0 0 3px var(--neon-aqua),0 0 3px var(--neon-sky);height:35px;transform:translateZ(0);width:35px}.title-wrap{color:#fff}.app-title{color:#073d9599;color:var(--neon-sky);font-size:14px;letter-spacing:1px;margin:0;text-shadow:0 0 0 rgba(51,241,255,.598),0 0 24px #66d9ff1f;text-shadow:0 0 0 var(--neon-aqua),0 0 24px #66d9ff1f}.app-sub{color:#1fabd2e6;font-size:8px}.header-right{height:20px;left:-128px;position:relative;rotate:45deg;top:4px;width:20px}.satellite{animation:orbit 10s linear infinite;height:15px;pointer-events:none;position:relative;right:15px;rotate:180deg;top:0;width:16px}.sat-body{background:rgba(51,241,255,.598);background:var(--neon-aqua);border-radius:40%;box-shadow:0 0 8px rgba(51,241,255,.598);box-shadow:0 0 8px var(--neon-aqua);height:10px;position:absolute;right:20px;top:45px;width:10px}.sat-panel{background:linear-gradient(90deg,#66d9ffe6,#34f0ff99);border-radius:3px;box-shadow:0 0 8px #66d9ff26;height:5px;position:absolute;right:10px;top:48px;transform-origin:left center;width:30px}@keyframes orbit{0%{transform:translate(0) rotate(0deg)}50%{transform:translate(-40px,8px) rotate(180deg)}to{transform:translate(0) rotate(1turn)}}.app-container{height:100vh;position:relative;width:100%}.map-container{inset:0;position:absolute}.neon-panel{backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);background:linear-gradient(135deg,#86e0cf26,#49e6941a 50%,#feffffd9);border:1px solid #86e0cf4d;box-shadow:0 8px 32px #000000b3,inset 0 0 20px #86e0cf26,0 4px 16px #49e69433}.neon-panel,.neon-panel h4{color:#262d24;color:var(--text-dark)}.neon-panel h4{font-weight:700}.neon-panel .panel-section{border-bottom:1px solid #ffffff14}.neon-panel .control-panel h4,.neon-panel .panel-section h4,.upload-btn{color:#262d24;color:var(--text-dark);font-weight:700}.upload-btn{align-items:center;background:#0000;border:1px solid #86e0cf4d;border-radius:20px;cursor:pointer;display:flex;font-size:14px;padding:6px 12px;transition:all .3s ease}.upload-btn:hover{background:linear-gradient(135deg,#86e0cf99,#49e69480 50%,#feffff)}.upload-btn:disabled{background:#0000;opacity:.5}.toast-neon{background:linear-gradient(90deg,#34f0ff14,#66d9ff0f);border:1px solid #34f0ff1f;box-shadow:0 8px 26px #02090c99}@media (max-width:640px){.neon-header{left:12px;top:8px}.orb{height:38px;width:38px}}
/*# sourceMappingURL=main.a04e129c.css.map*/