#areas-panel{height:100%;overflow:auto;background:#101b29}#areas-panel>.viewbar{display:flex!important;justify-content:space-between}.areas-content{max-width:1050px;padding:24px 30px}.areas-folder-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #2c4052;padding-bottom:18px}.areas-folder-row>div{flex:1;min-width:210px}.areas-folder-row small{display:block;color:#8fa9ba;margin-top:5px}.area-row{display:flex;gap:18px;align-items:center;border:1px solid #2c4052;background:#142132;margin:12px 0;padding:17px 18px;border-radius:2px}.area-row>div{flex:1;min-width:0}.area-row strong{display:block;font-size:14px;font-weight:500;color:#d1dce5}.area-row small{display:block;color:#8fa9ba;margin-top:6px;font-size:12px}.area-row button{font-size:12px;min-width:110px}.area-status{font-size:12px;color:#9dafbc;white-space:nowrap}.area-status.installed{color:#86d7c8}.areas-help{color:#8fa9ba;line-height:1.7;font-size:12px;margin-top:24px}.areas-dependency{border-left:2px solid #d6b770;padding:12px;background:#1d2a35}.areas-selection-head{display:flex;justify-content:space-between;align-items:center}.areas-selection-head button{border:0;background:transparent;font-size:22px;padding:2px 5px}#areas-selection-panel{position:absolute;left:16px;top:65px;z-index:34;width:min(380px,calc(100% - 32px));padding:17px;background:#142131f7;border:1px solid #3b5366;border-radius:2px;box-shadow:0 8px 30px #0005;color:#c5d4df}#areas-selection-panel p{font-size:13px;line-height:1.6}#areas-selection-panel label{display:block;margin:12px 0}#areas-selection-panel input{width:100%;margin-top:6px}.areas-bounds{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.areas-selection-actions{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.areas-selection-actions button{flex:1;font-size:12px}#areas-selection-panel small{color:#8fa9ba;line-height:1.6}#areas-bounds details{margin-top:12px}#areas-message:empty{display:none}@media(max-width:650px){.areas-content{padding:18px 14px}.area-row{flex-wrap:wrap;padding:14px;gap:12px}.area-row>div{flex-basis:100%}.area-status{flex:1}.areas-folder-row button{flex:1}}

.areas-snapshot{border:0;background:transparent;color:#86d7c8;font-size:12px;padding:0 4px;text-decoration:underline}

.areas-recovery{border:1px solid #2c4052;padding:12px 15px;margin:16px 0;color:#9eb3c2;font-size:12px;line-height:1.6}.areas-recovery summary{cursor:pointer;color:#c5d4df}.areas-recovery p{max-width:800px}

#areas-selection-panel.drawing{width:min(340px,calc(100% - 32px));padding:10px 14px}#areas-selection-panel.drawing>:not(.areas-selection-head):not(#areas-selection-state){display:none}#areas-selection-panel.drawing p{margin:8px 0 0}

.area-row .area-delete{min-width:32px;width:32px;font-size:20px;padding:4px;color:#d8a6a6}#areas-message button{margin-left:8px;padding:3px 10px;font-size:12px}

#areas-folder-name{display:block;overflow-wrap:anywhere;font-size:14px;line-height:1.6}.areas-folder-row>div{min-width:230px}#areas-connect[hidden],#areas-change[hidden]{display:none}

.areas-dependency.installed{border-left-color:#59c984;background:#17342b;color:#bce8ce}

.areas-instructions{margin:16px 0;padding:14px 16px;border:1px solid #2c4052;background:#142132;border-radius:2px;color:#8fa9ba;font-size:13px;line-height:1.7}.areas-instructions p{margin:0;color:inherit}.areas-instructions #areas-message:not(:empty){margin-top:10px}.areas-instructions #areas-message.error{color:#e7a5a5}



body.v2-editor #areas-panel>.viewbar{height:56px;min-height:56px;max-height:56px;box-sizing:border-box;padding:8px 16px;align-items:center;justify-content:flex-start;gap:8px}
body.v2-editor #areas-new{margin-left:0;padding:8px 12px;font-size:12px;flex-shrink:0}

body.v2-editor .rail>#areas-settings{display:none!important}
body.v2-editor[data-workspace=areas] .rail>#areas-settings{display:block!important;flex:1;min-height:0;overflow:auto;padding:20px 16px;box-sizing:border-box}
#areas-settings .areas-folder-row{gap:9px;align-items:stretch}
#areas-settings .areas-folder-row>div{flex-basis:100%;min-width:0}
#areas-settings #areas-folder-name{font-size:12px;font-weight:500;line-height:1.6}
#areas-settings button:not(.field-info){font-size:12px;padding:8px 10px;white-space:normal}
#areas-settings .areas-folder-row>button{flex:1}
#areas-settings p,#areas-settings li{font-size:12px;line-height:1.7}
#areas-settings .areas-recovery{padding:10px;margin:16px 0}
#areas-settings .areas-recovery summary{font-size:12px;line-height:1.6}
#areas-settings .areas-recovery ol{padding-left:18px}
#areas-settings .areas-recovery>button{width:100%}
#areas-settings .areas-info-row>p,#areas-settings .areas-info-row>button:not(.field-info){flex:1;min-width:0}
#areas-settings .areas-info-row{gap:4px}
#areas-settings .areas-dependency{font-size:12px;padding:10px}
body.v2-editor[data-workspace=areas] .areas-content{max-width:none}
body.v2-editor[data-workspace=areas] #areas-list>.area-row:first-child{margin-top:0}

#areas-setup{max-width:680px;padding:20px;border:1px solid #34495b;background:#142132;margin-bottom:20px}#areas-setup[hidden]{display:none}#areas-setup h2{font-size:17px;margin:0 0 8px}#areas-setup p,#areas-setup li{font-size:13px;line-height:1.7;color:#a8bfce}#areas-setup ol{padding-left:20px}#areas-setup .areas-folder-row{margin:16px 0;gap:10px}#areas-setup #areas-folder-name{font-size:13px;font-weight:500;overflow-wrap:anywhere}#areas-setup-status:empty{display:none}#areas-setup-status.error{color:#efa4a4}#areas-setup button{font-size:12px}body.v2-editor #areas-folder-toggle{display:none}
@media(max-width:900px){body.v2-editor #areas-folder-toggle{display:inline-flex;align-items:center;font-size:12px;padding:8px 10px}#areas-setup{padding:16px}#areas-setup .areas-folder-row>div{min-width:0;flex-basis:100%}#areas-setup .areas-folder-row>button{flex:1}#areas-setup ol{padding-left:18px}}

body.v2-editor[data-workspace=areas] .rail>:not(#v2-workspaces):not(#areas-settings){display:none!important}#areas-folder-close{display:none}@media(max-width:900px){#areas-folder-close{display:block;margin:0 0 12px;width:100%}}

#areas-folder-panel-head{display:none}
.areas-content.is-connecting{position:relative;min-height:calc(100dvh - 240px);box-sizing:border-box}
.areas-content.is-connecting>:not(.area-connection-loader){visibility:hidden;pointer-events:none}
.area-connection-loader{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 28px 72px;box-sizing:border-box;background:radial-gradient(ellipse at 50% 42%,#17303b55,transparent 65%);overflow:hidden}
.area-connection-loader[hidden]{display:none}
.area-connection-scene{position:relative;width:min(100%,1080px);height:230px;flex-shrink:0}
.area-loader-sub{position:absolute;top:50%;width:24%;max-width:250px;transform:translateY(-50%);animation:area-sub-drift 6s ease-in-out infinite}
.area-loader-sub svg{width:100%;height:auto;display:block;overflow:visible}
.area-loader-sub--left{left:0}.area-loader-sub--right{right:0;animation-delay:-3s}.area-loader-sub--right svg{transform:scaleX(-1)}
.area-sub-hull{stroke:#82a3b8;stroke-width:1.1}.area-sub-fins,.area-sub-sail{fill:#233e4f;stroke:#7f9bad;stroke-width:1.1;stroke-linejoin:round}
.area-sub-detail{fill:none;stroke:#81a3b166;stroke-width:1.2;stroke-linecap:round}.area-sub-highlight{fill:none;stroke:#aecbd377;stroke-width:1.5;stroke-linecap:round}.area-sub-light{fill:#7dd7cc}
.area-loader-track{position:absolute;left:23%;right:23%;top:calc(50% + 7px);height:16px;transform:translateY(-50%)}
.area-loader-torpedo{position:absolute;left:0;top:0;width:38px;height:16px;transition:left .35s linear;will-change:left}
.area-loader-torpedo svg{display:block;width:100%;height:100%;fill:#a8e3d9;filter:drop-shadow(0 0 5px #7bd6cc55)}
.area-loader-contact-ring{position:absolute;right:23%;top:calc(50% + 7px);width:14px;height:14px;margin:-7px;border:1px solid #8cdacf;border-radius:50%;opacity:0}
.area-connection-loader.is-complete .area-loader-contact-ring{animation:area-contact-pulse .4s ease-out both}
.area-connection-caption{text-align:center;max-width:450px;margin-top:8px}.area-connection-caption h2{font-size:19px;font-weight:500;letter-spacing:.02em;color:#cddde6;margin:0 0 10px}.area-connection-caption p{font-size:13px;color:#91abba;line-height:1.7;margin:0}
.area-connection-percent{display:block;margin-top:20px;font-size:13px;font-weight:500;font-variant-numeric:tabular-nums;color:#91d7cd}
@keyframes area-contact-pulse{0%{opacity:.55;transform:scale(.5)}100%{opacity:0;transform:scale(3)}}
@keyframes area-sub-drift{0%,100%{transform:translateY(-50%)}50%{transform:translateY(calc(-50% + 3px))}}
@media(max-width:650px){.area-connection-loader{padding:24px 12px 48px}.area-connection-scene{height:155px}.area-loader-torpedo{width:25px}.area-loader-track,.area-loader-contact-ring{top:calc(50% + 3px)}.area-connection-caption h2{font-size:17px}.area-connection-caption p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.area-connection-loader *{animation:none!important;transition:none!important}.area-loader-contact-ring{display:none}}
@media(max-width:900px){body.v2-editor #areas-folder-panel-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:-20px;z-index:2;margin:-20px -16px 16px;padding:10px 16px;min-height:44px;box-sizing:border-box;background:#131e2d}body.v2-editor #areas-settings #areas-folder-close{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;min-width:28px;margin:0;padding:1px 5px;border:0;background:transparent;color:#a9bdce;font-size:18px;line-height:1;cursor:pointer}body.v2-editor #areas-settings #areas-folder-close:hover{color:#d8f2f1;background:#1b2b3b}}