:root{--bg: #0c0d0f;--bg2: #141517;--bg3: #1b1d21;--bg4: #222429;--bg5: #2a2d33;--border: rgba(255,255,255,.07);--border2: rgba(255,255,255,.13);--text: #f0f1f3;--text2: #b0b3bb;--text3: #72757f;--accent: #f0c040;--accent-dk: #c09820;--red: #e05555;--green: #40c080;--radius: 7px;--hdr: 56px;--map-w: 30%;--font: "Inter", sans-serif;--font-head: "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg5);border-radius:4px}#hdr{position:fixed;top:0;left:0;right:0;height:var(--hdr);background:var(--bg2);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;padding:0 12px;z-index:200}.hdr-logo{font-family:var(--font-head);font-size:17px;font-weight:700;color:var(--accent);letter-spacing:.02em;white-space:nowrap;margin-right:4px}.hdr-sep{width:1px;height:28px;background:var(--border);flex-shrink:0}.ac-wrap{position:relative;flex:1;min-width:120px}.hdr-input{width:100%;background:var(--bg4);border:1px solid var(--border2);border-radius:var(--radius);color:var(--text);font-family:var(--font-head);font-size:14px;font-weight:600;padding:6px 10px;outline:none;transition:border-color .15s}.hdr-input::placeholder{color:var(--text3);font-weight:400}.hdr-input:focus{border-color:var(--accent)}.hdr-input.sm{max-width:160px;font-family:var(--font);font-weight:400}.ac-drop{display:none;position:absolute;top:calc(100% + 4px);left:0;width:max(100%,300px);background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius);z-index:500;max-height:320px;overflow-y:auto;box-shadow:0 8px 24px #00000080}.ac-drop.open{display:block}.ac-item{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;transition:background .1s}.ac-item:hover{background:var(--bg4)}.ac-thumb{width:44px;height:30px;object-fit:cover;border-radius:4px;border:1px solid var(--border);flex-shrink:0;background:var(--bg5)}.ac-thumb-ph{width:44px;height:30px;border-radius:4px;background:var(--bg5);flex-shrink:0}.ac-info{flex:1;min-width:0}.ac-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ac-meta{font-size:11px;color:var(--text3);margin-top:1px}.ac-pct{font-size:11px;color:var(--green);font-weight:600}.hdr-btn{font-size:13px;font-weight:500;padding:6px 11px;border-radius:var(--radius);border:1px solid var(--border2);background:var(--bg4);color:var(--text2);white-space:nowrap;transition:color .15s,border-color .15s,background .15s}.hdr-btn:hover{color:var(--text);border-color:var(--border2);background:var(--bg5)}.hdr-btn.primary{background:var(--accent);color:#000;border-color:var(--accent);font-weight:600}.hdr-btn.primary:hover{background:#ffd060}.hdr-btn.danger{color:var(--red);border-color:#e055554d}.hdr-btn.danger:hover{background:#e055551f}.hdr-btn.icon{padding:6px 9px;font-size:15px}.hdr-btn.icn{padding:6px 8px;line-height:0}.hdr-btn.icn svg{display:block}#hdr-menu .hdr-btn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%}.hdr-track-label{font-family:var(--font-head);font-size:14px;font-weight:600;color:var(--text2);padding:6px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.hdr-label-input{background:transparent;border:1px solid transparent;border-radius:var(--radius);color:var(--text);font-family:var(--font-head);font-size:13px;font-weight:600;padding:5px 10px;outline:none;flex:none;max-width:180px;min-width:60px;width:auto;cursor:text;transition:border-color .15s,background .15s}.hdr-label-input::placeholder{color:var(--text3);font-weight:400;font-style:italic}.hdr-label-input:hover{border-color:var(--border2)}.hdr-label-input:focus{border-color:var(--accent);background:var(--bg4);cursor:text}#car-name.hdr-label-input{font-family:var(--font);font-weight:400;font-size:13px}.hdr-reverse-label{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:var(--text3);cursor:pointer;white-space:nowrap;flex-shrink:0;user-select:none;-webkit-user-select:none}.hdr-reverse-label:hover{color:var(--text2)}.hdr-reverse-label input[type=checkbox]{accent-color:var(--accent);cursor:pointer}.load-tabs{display:flex;gap:2px;margin-bottom:12px}.load-tab{flex:1;text-align:center;padding:6px 10px;font-size:12px;font-weight:600;border-radius:var(--radius);border:1px solid var(--border2);background:var(--bg4);color:var(--text3);cursor:pointer;transition:all .15s}.load-tab.active{background:var(--bg5);color:var(--text);border-color:var(--border2)}.load-tab-panel{display:none}.load-tab-panel.active{display:flex;flex-direction:column}.plan-item{position:relative;display:flex;align-items:center;padding:9px 10px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg3);transition:border-color .15s,background .15s;margin-bottom:6px}.plan-item:hover{border-color:var(--border2);background:var(--bg4)}.plan-item-body{flex:1;min-width:0;cursor:pointer;padding-right:32px}.plan-item-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.plan-item-name{font-size:14px;font-weight:600}.plan-item-date{font-size:12px;color:var(--text2);white-space:nowrap;flex-shrink:0}.plan-item-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px}.plan-item-meta{font-size:12px;color:var(--text2)}.plan-item-pills{display:flex;align-items:center;gap:5px;flex-shrink:0}.plan-score{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:0;padding:2px 7px;border-radius:20px;border:1px solid currentColor}.plan-score--full{color:#4caf50;background:#4caf501a}.plan-score--mid{color:#f0a500;background:#f0a5001a}.plan-score--low{color:var(--red);background:#e055551a}.plan-del-wrap{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;border-radius:5px;padding:2px;transition:background .12s,box-shadow .12s}.plan-del-wrap.tip-open{background:var(--bg2);box-shadow:0 2px 12px #00000073}.plan-del-tip{font-size:11px;font-weight:500;color:var(--red);white-space:nowrap;pointer-events:none;max-width:0;overflow:hidden;opacity:0;transition:max-width .18s ease,opacity .15s,padding .18s}.plan-del-wrap.tip-open .plan-del-tip{max-width:120px;opacity:1;padding:0 8px 0 6px}.plan-del-wrap.tip-hiding .plan-del-tip{opacity:0;max-width:120px;padding:0 8px 0 6px;transition:opacity 1s}.plan-del-btn{flex-shrink:0;background:transparent;border:1px solid transparent;border-radius:4px;padding:5px 6px;cursor:pointer;color:var(--text3);position:relative;overflow:hidden;transition:border-color .15s,color .15s;user-select:none;-webkit-user-select:none}.plan-del-btn:hover{border-color:var(--border2);color:var(--text2)}.plan-del-btn.holding{border-color:var(--red);color:var(--red)}@keyframes planDelFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.plan-del-wrap.holding .plan-del-tip{position:relative;overflow:hidden}.plan-del-wrap.holding .plan-del-tip:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--red);opacity:.35;transform:scaleX(0);transform-origin:left;animation:planDelFill 1.5s linear forwards}#load-plans-modal .modal{height:80vh;display:flex;flex-direction:column;overflow:hidden}#load-plans-modal .modal-body{flex:1;overflow:hidden;display:flex;flex-direction:column;padding:0}.plans-tab-bar{display:flex;border-bottom:1px solid var(--border);flex-shrink:0}.plans-tab{flex:1;padding:11px 12px;font-size:13px;font-weight:600;color:var(--text3);border-bottom:2px solid transparent;text-align:center;transition:color .15s,border-color .15s}.plans-tab:hover{color:var(--text2)}.plans-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.plans-pane{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0}.plans-search-wrap{padding:10px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.plans-scroll{flex:1;overflow-y:auto;padding:10px 16px;display:flex;flex-direction:column;gap:6px}.pub-track-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius);cursor:pointer;border:1px solid var(--border);background:var(--bg3);transition:background .12s,border-color .12s}.pub-track-item:hover{background:var(--bg4);border-color:var(--border2)}.pub-track-thumb{width:52px;height:36px;object-fit:contain;border-radius:4px;background:var(--bg5);flex-shrink:0}.pub-track-info{flex:1;min-width:0}.pub-track-name{font-size:13px;font-weight:600;color:var(--text)}.pub-track-count{font-size:11px;color:var(--text3);margin-top:2px}.pub-track-chevron{color:var(--text3);flex-shrink:0}.pub-plan-back-bar{display:flex;align-items:center;gap:10px;padding:8px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.pub-plan-back-btn{font-size:12px;color:var(--text3);padding:4px 8px;border-radius:var(--radius);transition:color .1s,background .1s}.pub-plan-back-btn:hover{color:var(--text);background:var(--bg5)}.pub-plan-back-track{font-size:13px;font-weight:600;color:var(--text)}.pub-plan-item{display:flex;flex-direction:column;gap:4px;padding:10px 14px;border-radius:var(--radius);cursor:pointer;border:1px solid var(--border);background:var(--bg3);transition:background .12s}.pub-plan-item:hover{background:var(--bg4)}.pub-plan-item-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.pub-plan-item-name{font-size:13px;font-weight:600;color:var(--text)}.pub-plan-item-userdate{font-size:12px;color:var(--text3);white-space:nowrap;flex-shrink:0}.pub-plan-item-meta{font-size:12px;color:var(--text3)}.pub-plan-item .plan-item-pills{display:none}#hamburger{display:none;font-size:20px;padding:4px 8px}#hdr-menu{position:fixed;top:var(--hdr);right:0;background:var(--bg3);border:1px solid var(--border2);border-radius:0 0 0 var(--radius);padding:10px;display:flex;flex-direction:column;gap:6px;z-index:300;min-width:160px;box-shadow:-4px 4px 20px #0006}#hdr-menu.hidden{display:none}.hdr-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.user-dropdown{position:relative;display:inline-block}.user-chip{font-size:12px;color:var(--text2);padding:4px 8px;border:1px solid var(--border);border-radius:20px;white-space:nowrap;cursor:pointer;transition:border-color .15s,color .15s;display:flex;align-items:center;gap:4px}.user-chip:hover{color:var(--text);border-color:var(--border2)}.user-chip-arrow{font-size:9px;opacity:.6}.user-drop-menu{display:none;position:absolute;top:calc(100% + 6px);right:0;background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius);z-index:500;min-width:160px;box-shadow:0 6px 20px #00000080;overflow:hidden}.user-drop-menu.open{display:block}.user-drop-item{display:flex;align-items:center;gap:8px;padding:9px 14px;font-size:13px;cursor:pointer;color:var(--text2);transition:background .1s,color .1s;width:100%;text-align:left;text-decoration:none;box-sizing:border-box}.user-drop-item:hover{background:var(--bg4);color:var(--text)}.user-drop-item.danger{color:var(--red)}.user-drop-item.danger:hover{background:#e055551a}.user-drop-divider{height:1px;background:var(--border);margin:4px 0}#mobile-hdr-modal{position:fixed;top:var(--hdr);left:0;right:0;bottom:0;z-index:600;background:var(--bg);padding:28px 20px 40px;display:none;flex-direction:column;gap:20px;overflow-y:auto}#mobile-hdr-modal.open{display:flex}.mobile-hdr-close{position:absolute;top:12px;right:14px;background:transparent;border:none;color:var(--text3);font-size:20px;cursor:pointer;line-height:1;padding:4px}.mobile-hdr-close:hover{color:var(--text)}.mobile-hdr-track-name{font-family:var(--font-head);font-size:22px;font-weight:700;color:var(--text);text-align:center;padding:16px 0 8px;min-height:1em}.mobile-hdr-field{display:flex;flex-direction:column;gap:7px}.mobile-hdr-field-lbl{font-size:11px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.06em}.mobile-hdr-field .hdr-input{font-size:15px;padding:10px 13px}.mobile-hdr-done{padding:12px;font-size:15px;width:100%}@media(max-width:640px){#carname-wrap{max-width:none!important;pointer-events:none}#car-name,#plan-name-input{pointer-events:none;background:transparent!important;border-color:transparent!important;max-width:none;min-width:0;font-size:12px;padding:3px 4px}#hdr{cursor:pointer}.hdr-track-label:after{content:" ✎";font-size:11px;opacity:.45;vertical-align:middle}}#layout{position:fixed;top:var(--hdr);left:0;right:0;bottom:0;display:flex}#map-panel{width:var(--map-w);min-width:200px;border-right:none;background:var(--bg2);display:flex;flex-direction:column;position:relative;flex-shrink:0;overflow:hidden}#map-container{flex:1;position:relative;overflow:hidden;min-height:0;cursor:pointer}#map-container.map-pannable{cursor:grab}#map-container.map-panning{cursor:grabbing}#map-img{position:absolute;display:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}#map-img.visible{display:block}#map-nav{position:absolute;bottom:8px;left:8px;width:110px;height:80px;background:#0c0d0fc7;border:1px solid rgba(255,255,255,.13);border-radius:5px;display:none;overflow:hidden;z-index:10}#map-nav-svg{width:100%;height:100%;display:block;cursor:default}#map-nav-svg #map-nav-rect{cursor:move}#map-file-input,#media-file-input{display:none}#edit-turns-btn{display:none;position:absolute;left:50%;transform:translate(-50%);font-size:12px;font-weight:600;padding:6px 18px;border:1px solid var(--border2);border-radius:4px;background:#1b1d21e0;color:var(--text2);white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5;transition:color .15s,background .15s;cursor:pointer}#edit-turns-btn:hover{color:var(--text);background:#222429f2}#resize-handle{width:5px;flex-shrink:0;cursor:col-resize;background:var(--border);transition:background .15s;position:relative;z-index:10}#resize-handle:after{content:"";position:absolute;top:0;right:-4px;bottom:0;left:-4px}#resize-handle:hover,#resize-handle.dragging{background:var(--accent)}@media(max-width:640px){#resize-handle,#map-panel{display:none}}#map-media-resize{height:5px;flex-shrink:0;cursor:row-resize;background:var(--border);transition:background .15s;position:relative;z-index:10}#map-media-resize:after{content:"";position:absolute;top:-4px;right:0;bottom:-4px;left:0}#map-media-resize:hover,#map-media-resize.dragging{background:var(--accent)}#turns-panel{flex:1;overflow-y:auto;padding:14px;background:var(--bg)}#turns-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}#add-turn-btn{font-size:13px;font-weight:600;padding:7px 14px;border-radius:var(--radius);background:var(--accent);color:#000;border:none}#add-turn-btn:hover{background:#ffd060}.turns-count{display:none}#toolbar-right{display:flex;align-items:center;gap:8px;margin-left:auto}.toolbar-creator{font-size:12px;color:var(--text3)}.toolbar-del-wrap{display:flex;align-items:center;border-radius:5px;padding:2px;transition:background .12s,box-shadow .12s}.toolbar-del-wrap.tip-open{background:var(--bg2);box-shadow:0 2px 12px #00000073}.toolbar-del-tip{font-size:11px;font-weight:500;color:var(--red);white-space:nowrap;pointer-events:none;max-width:0;overflow:hidden;opacity:0;transition:max-width .18s ease,opacity .15s,padding .18s}.toolbar-del-wrap.tip-open .toolbar-del-tip{max-width:120px;opacity:1;padding:0 8px 0 6px}.toolbar-del-wrap.tip-hiding .toolbar-del-tip{opacity:0;max-width:120px;padding:0 8px 0 6px;transition:opacity 1s}.toolbar-del-btn{flex-shrink:0;background:transparent;border:1px solid transparent;border-radius:4px;padding:3px 4px;cursor:pointer;color:var(--text3);position:relative;line-height:0;transition:border-color .15s,color .15s;user-select:none;-webkit-user-select:none}.toolbar-del-btn:hover{border-color:var(--border2);color:var(--text2)}.toolbar-del-btn.holding{border-color:var(--red);color:var(--red)}.toolbar-del-btn[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%);background:#0a0b0eeb;color:#e0e0e0;font-size:11px;white-space:nowrap;padding:3px 8px;border-radius:4px;pointer-events:none;opacity:0;z-index:100;border:1px solid rgba(255,255,255,.08);transition:opacity .1s}.toolbar-del-btn[data-tooltip]:hover:after{opacity:1}.toolbar-del-wrap.holding .toolbar-del-tip{position:relative;overflow:hidden}.toolbar-del-wrap.holding .toolbar-del-tip:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--red);opacity:.35;transform:scaleX(0);transform-origin:left;animation:planDelFill 1.5s linear forwards}#map-creator-float{display:none;position:absolute;top:6px;right:8px;font-size:11px;color:#ffffffd9;text-shadow:0 1px 3px rgba(0,0,0,.7);pointer-events:none;z-index:5}.toolbar-rating{display:flex;align-items:center;gap:5px}.toolbar-rating-score{font-size:12px;font-weight:600;color:var(--text2);background:var(--bg4);border:1px solid var(--border);padding:2px 7px;border-radius:20px}.rating-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg3);color:var(--text3);cursor:pointer;transition:all .15s}.rating-btn:hover{border-color:var(--border2);color:var(--text);background:var(--bg4)}.rating-btn.active.up{border-color:#4caf50;color:#4caf50;background:#4caf501a}.rating-btn.active.down{border-color:var(--red);color:var(--red);background:#e055551a}.plan-rating-badge{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;color:#4a9eff;background:#4a9eff1a;border:1px solid #4a9eff;padding:2px 7px;border-radius:20px;white-space:nowrap}.turn-card{background:var(--bg2);border:1px solid var(--border);border-radius:8px;margin-bottom:9px;overflow:hidden;transition:border-color .15s}.turn-card:hover{border-color:var(--border2)}.turn-hdr{display:flex;align-items:flex-start;gap:8px;padding:9px 10px;background:var(--bg3);border-bottom:1px solid var(--border)}.turn-label-input{font-family:var(--font-head);font-size:15px;font-weight:600;background:transparent;border:none;outline:none;color:var(--accent);flex:1 1 auto;min-width:40px;min-height:1.3em;border-bottom:1px solid transparent;transition:border-color .15s;resize:none;overflow:hidden;line-height:1.3;padding:0}.turn-label-input:focus{border-bottom-color:var(--accent)}.hdr-swatch-wrap{margin-left:auto;position:relative;flex-shrink:0;display:flex;align-items:center;gap:8px}.turn-collapse-btn{background:none;border:none;padding:1px 2px;flex-shrink:0;color:var(--text3);cursor:pointer;display:flex;align-items:center;border-radius:3px;transition:color .15s;align-self:flex-start;margin-top:2px}.turn-collapse-btn:hover{color:var(--text2)}.turn-collapse-btn svg{transition:transform .15s}.turn-collapse-btn.is-collapsed svg{transform:rotate(-90deg)}.turn-card.collapsed .turn-body,.turn-card.collapsed .turn-link-btn,.turn-card.collapsed .turn-unlink-btn{display:none}.turn-card.turn-hidden .turn-label-input{color:var(--text3)}.turn-vis-btn{background:none;border:none;padding:1px;flex-shrink:0;color:var(--text3);cursor:pointer;display:flex;align-items:center;border-radius:3px;transition:color .15s}.turn-vis-btn:hover{color:var(--text2)}.turn-vis-btn.is-hidden{color:var(--text3);opacity:.45}.turn-vis-btn .eye-off,.turn-vis-btn.is-hidden .eye-on{display:none}.turn-vis-btn.is-hidden .eye-off{display:block}.hdr-swatch{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.2);cursor:pointer}.color-popup{display:none;position:absolute;top:26px;right:0;background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius);padding:8px;flex-wrap:wrap;gap:5px;width:164px;z-index:300;box-shadow:0 6px 20px #00000080}.color-popup.open{display:flex}.cp-dot{width:22px;height:22px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .1s,border-color .1s}.cp-dot:hover{transform:scale(1.18)}.cp-dot.sel{border-color:#fff}.turn-hdr-actions{display:flex;align-items:center;gap:5px}.turn-action-btn{font-size:11px;font-weight:500;padding:4px 8px;border-radius:5px;border:1px solid var(--border2);background:var(--bg4);color:var(--text2);transition:all .15s;white-space:nowrap}.turn-action-btn:hover{color:var(--text);background:var(--bg5)}.turn-action-btn.accent-btn{color:var(--accent);border-color:#f0c0404d}.turn-action-btn.accent-btn:hover{background:#f0c0401a}.turn-del-btn{display:none;font-size:14px;color:var(--text3);padding:3px 5px;border-radius:4px}.turn-del-btn:hover{color:var(--red);background:#e055551a}.turn-link-btn{background:none;border:1px solid var(--border);color:var(--text3);border-radius:4px;padding:2px 8px;font-size:11px;cursor:pointer;white-space:nowrap;line-height:1.5;transition:all .15s}.turn-link-btn:hover{border-color:var(--accent);color:var(--accent)}.turn-link-btn.is-linked{border-color:var(--accent);color:var(--accent);background:#f0c0401a}.turn-unlink-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid var(--accent);border-radius:4px;color:var(--accent);padding:2px 5px;cursor:pointer;opacity:.7;transition:all .15s}.turn-unlink-btn:hover{opacity:1;background:#e055551a;border-color:var(--red);color:var(--red)}.turn-unlink-btn:after{content:attr(data-tip);position:absolute;top:calc(100% + 7px);right:0;transform:none;background:var(--bg3);border:1px solid var(--border2);border-radius:5px;padding:7px 10px;font-size:11px;line-height:1.5;color:var(--text2);white-space:pre-wrap;width:240px;text-align:left;opacity:0;pointer-events:none;z-index:200;box-shadow:0 3px 10px #0000004d;transition:opacity .15s}.turn-unlink-btn:hover:after{opacity:1;transition-delay:.35s}.turn-body{padding:10px;display:flex;flex-direction:column;gap:9px}.seg-thumb{text-align:left;position:relative}.seg-thumb>svg{display:inline-block;width:auto;max-width:100%;max-height:80px;border-radius:5px;border:1px solid var(--border2);background:var(--bg);cursor:pointer}.seg-thumb-overlay{display:none}@media(max-width:720px){.seg-thumb>svg{display:block;width:100%;height:auto;max-width:100%;max-height:100vh}}@media(max-width:640px){.seg-thumb.mobile-active:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000007a;border-radius:5px;pointer-events:none;z-index:1}.seg-thumb.mobile-active .seg-thumb-overlay{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.seg-thumb-popout-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:#0c0d0fb8;border:2px solid rgba(255,255,255,.18);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.seg-thumb-popout-btn svg{width:22px;height:22px}.seg-thumb-popout-btn:before{content:"Enlarge";position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);font-size:11px;font-weight:600;color:#ffffffd9;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.7);pointer-events:none}.seg-thumb-edit-turns-btn{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-size:12px;font-weight:600;padding:6px 16px;background:#1b1d21e0;color:var(--text);border:1px solid var(--border2);border-radius:4px;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer}}.tags-area{display:flex;flex-wrap:wrap;gap:5px;min-height:24px}.tag-empty{font-size:12px;color:var(--text3);font-style:italic;padding:2px 0}.tag-pill{display:inline-flex;flex-direction:column;align-items:flex-start;gap:1px;font-size:11px;font-weight:600;padding:4px 9px;border-radius:6px;border:1px solid;white-space:nowrap;position:relative;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.is-viewer .tag-pill{cursor:default}.tag-pill.pill-placeholder{opacity:.25;pointer-events:none}.tag-pill button{cursor:pointer}.tag-pill-top{display:flex;align-items:center;gap:4px}.tag-pill-name{font-size:11px;font-weight:600}.tag-pill-cat{font-size:9px;font-weight:500;opacity:.6;letter-spacing:.05em;text-transform:uppercase}.tag-pill button{position:absolute;top:4px;right:5px;font-size:9px;opacity:.45;transition:opacity .15s;color:inherit;padding:0;line-height:1}.tag-pill button:hover{opacity:1}.tag-pill{padding-right:18px}.tag-pill[data-tip]:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--bg3);border:1px solid var(--border2);color:var(--text2);font-size:11px;font-weight:400;padding:5px 9px;border-radius:var(--radius);white-space:normal;width:max-content;max-width:220px;pointer-events:none;opacity:0;transition:opacity .15s 0s;z-index:1000;box-shadow:0 4px 12px #00000073;text-align:left}.tag-pill[data-tip]:hover:after{opacity:1;transition-delay:.3s}.field-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.field-label-row .field-label{margin-bottom:0}.field-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text3);margin-bottom:4px}.field-ta{width:100%;background:var(--bg4);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:13px;line-height:1.5;padding:7px 9px;resize:vertical;min-height:48px;outline:none;transition:border-color .15s}.field-ta::placeholder{color:var(--text3)}.field-ta:focus{border-color:var(--border2)}.field-label-wrap{display:inline-flex;align-items:center;gap:5px}.field-edit-btn{opacity:0;background:none;border:none;color:#f0c040bf;cursor:pointer;padding:1px 3px;border-radius:3px;line-height:0;transition:opacity .15s,color .15s}.extra-field-section:hover .field-edit-btn{opacity:1}.field-edit-btn:hover{color:var(--accent)}.is-viewer .field-edit-btn{display:none}.field-add-btn{font-size:10px;font-weight:600;padding:2px 7px;border-radius:4px;border:1px solid var(--border);background:var(--bg4);color:var(--text3);cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0}.field-add-btn:hover{border-color:var(--accent);color:var(--accent);background:#f0c04014}.field-remove-btn{font-size:12px;line-height:1;padding:1px 5px;border-radius:4px;border:1px solid transparent;background:none;color:var(--text3);cursor:pointer;transition:all .15s;flex-shrink:0}.field-remove-btn:hover{color:var(--red);border-color:#e0555566;background:#e0555514}.is-viewer .field-add-btn,.is-viewer .field-remove-btn{display:none}.field-name-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:#0000008c;display:flex;align-items:center;justify-content:center}.field-name-modal{background:var(--bg2);border:1px solid var(--border2);border-radius:10px;padding:20px;width:320px;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;gap:12px}.field-name-modal-title{font-size:14px;font-weight:600;color:var(--text)}.field-name-input{width:100%;background:var(--bg4);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:13px;padding:7px 9px;outline:none;transition:border-color .15s}.field-name-input:focus{border-color:var(--border2)}.fnm-all-label{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text2);cursor:pointer;-webkit-user-select:none;user-select:none}.fnm-all-label input[type=checkbox]{accent-color:var(--accent);width:13px;height:13px;cursor:pointer;flex-shrink:0}.fnm-confirm-msg{font-size:13px;color:var(--text2);margin:0;line-height:1.5}.fnm-confirm-msg strong{color:var(--text)}.field-name-modal-actions{display:flex;gap:8px;justify-content:flex-end}.modal-btn.danger{background:#e0555526;border-color:#e0555566;color:var(--red)}.modal-btn.danger:hover{background:#e0555540;border-color:var(--red)}.overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:500;align-items:center;justify-content:center;padding:16px}.overlay.open{display:flex}.modal{background:var(--bg2);border:1px solid var(--border2);border-radius:12px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0009}.modal-hdr{padding:18px 20px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-title{font-family:var(--font-head);font-size:17px;font-weight:700}.modal-close-btn{font-size:20px;color:var(--text3);padding:2px 6px;border-radius:4px}.modal-close-btn:hover{color:var(--text);background:var(--bg4)}.modal-breadcrumb{font-size:12px;font-weight:600;color:var(--accent);background:none;border:none;cursor:pointer;padding:2px 0;text-align:left;transition:color .12s;display:flex;align-items:center;gap:4px;letter-spacing:.01em}.modal-breadcrumb:hover{color:var(--text)}.modal-body{padding:16px 20px}.modal-foot{padding:12px 20px;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end}.modal-btn{font-size:13px;font-weight:600;padding:7px 16px;border-radius:var(--radius);border:1px solid var(--border2);background:var(--bg4);color:var(--text2);transition:all .15s}.modal-btn:hover{color:var(--text);background:var(--bg5)}.modal-btn.primary{background:var(--accent);color:#000;border-color:var(--accent)}.modal-btn.primary:hover{background:#ffd060}.modal-btn.danger{background:#e0555526;color:var(--red);border-color:#e055554d}.modal-btn.danger:hover{background:#e0555540}.ltp-plan-item{cursor:pointer}.ltp-back-btn{font-size:12px;color:var(--accent);padding:0;background:none;border:none;cursor:pointer}.ltp-back-btn:hover{text-decoration:underline}.ltp-plan-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:7px;cursor:pointer;border:1px solid transparent}.ltp-plan-row:hover{background:var(--bg4);border-color:var(--border2)}.ltp-plan-row.selected{background:#f0c04014;border-color:#f0c04059}.ltp-plan-name{font-size:13px;font-weight:500;color:var(--text)}.ltp-plan-meta{font-size:11px;color:var(--text3);margin-top:1px}.ltp-turn-row{display:flex;flex-direction:row;gap:12px;align-items:flex-start;padding:9px 12px;border-radius:7px;cursor:pointer;border:1px solid var(--border);background:var(--bg3);transition:border-color .15s,background .15s}.ltp-turn-row:hover{background:var(--bg4);border-color:var(--border2)}.ltp-turn-row.selected{background:#f0c04014;border-color:#f0c04059}.ltp-turn-label{font-size:13px;font-weight:600;color:var(--accent);flex-shrink:0;min-width:32px;padding-top:3px}.ltp-turn-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.ltp-turn-clips-badge{font-size:10px;color:var(--text3);background:var(--bg4);border:1px solid var(--border);padding:1px 6px;border-radius:4px;white-space:nowrap}.ltp-turn-tags-wrap{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.ltp-turn-text-val{font-size:11px;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ltp-empty{font-size:13px;color:var(--text3);text-align:center;padding:30px 0;font-style:italic}.ltp-preview-section{margin-bottom:12px}.ltp-preview-label{font-size:11px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}.ltp-preview-val{font-size:13px;color:var(--text)}.ltp-preview-empty{font-size:12px;color:var(--text3);font-style:italic}.ltp-radio-label{display:flex;flex-direction:column;gap:3px;cursor:pointer;font-size:13px;font-weight:500;color:var(--text);flex:1}.ltp-radio-desc{font-size:11px;color:var(--text3);font-weight:400}.ltp-push-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:900;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}.ltp-push-modal{background:var(--bg3);border:1px solid var(--border2);border-radius:12px;box-shadow:0 12px 48px #0009;padding:24px 24px 20px;max-width:400px;width:calc(100% - 40px);display:flex;flex-direction:column;gap:14px;animation:scaleIn .15s ease}.ltp-push-modal-title{font-size:15px;font-weight:600;color:var(--text)}.ltp-push-dialog-msg{font-size:13px;color:var(--text2);line-height:1.5}.ltp-push-modal-actions{display:flex;gap:8px;justify-content:flex-end}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ltp-push-tag{display:inline-block;font-size:11px;padding:2px 7px;border-radius:4px;border:1px solid var(--border2);background:var(--bg4);color:var(--text2);margin-right:3px;margin-bottom:3px}.ltp-outbound-badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:600;padding:1px 5px;border-radius:4px;background:#f0c04026;color:var(--accent);border:1px solid rgba(240,192,64,.3);vertical-align:middle;margin-left:4px}.form-row{margin-bottom:14px}.form-label{display:block;font-size:12px;font-weight:600;color:var(--text2);margin-bottom:5px}.track-search-wrap{display:flex;margin-bottom:12px}.search-slot{flex:1 1 50%;min-width:0;overflow:hidden;transition:flex-basis .32s cubic-bezier(.4,0,.2,1),flex-grow .32s cubic-bezier(.4,0,.2,1),opacity .22s ease}.search-slot-loc{margin-left:8px;transition:flex-basis .32s cubic-bezier(.4,0,.2,1),flex-grow .32s cubic-bezier(.4,0,.2,1),opacity .22s ease,margin-left .32s cubic-bezier(.4,0,.2,1)}.track-search-wrap.name-active .search-slot-name{flex:1 1 100%}.track-search-wrap.name-active .search-slot-loc{flex:0 1 0%;opacity:0;pointer-events:none;margin-left:0}.track-search-wrap.loc-active .search-slot-loc{flex:1 1 100%}.track-search-wrap.loc-active .search-slot-name{flex:0 1 0%;opacity:0;pointer-events:none}.loc-search-wrap{position:relative}.loc-search-wrap .form-input{padding-right:28px}.loc-clear-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text2);padding:2px 4px;font-size:12px;line-height:1;display:none}.loc-clear-btn:hover{color:var(--text)}.loc-search-wrap .form-input:not(:placeholder-shown)~.loc-clear-btn{display:block}.form-input{width:100%;background:var(--bg4);border:1px solid var(--border2);border-radius:var(--radius);color:var(--text);font-size:14px;padding:8px 11px;outline:none;transition:border-color .15s}.form-input:focus{border-color:var(--accent)}.form-err{font-size:12px;color:var(--red);margin-top:6px;display:none}.form-err.show{display:block}.form-hint{font-size:11px;color:var(--text3);margin-top:4px}.form-switch{font-size:13px;color:var(--text2);text-align:center;margin-top:10px}.form-switch a{color:var(--accent);cursor:pointer}#thumb-modal{align-items:center;justify-content:center}#thumb-modal-inner{background:var(--bg2);border:1px solid var(--border2);border-radius:12px;padding:16px;width:min(90vw,480px);max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:10px}#thumb-modal-label{font-family:var(--font-head);font-size:16px;font-weight:700;color:var(--text);align-self:flex-start}#thumb-modal-svg{width:100%}#thumb-modal-svg svg{width:100%;height:auto;display:block}#dashboard{position:fixed;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;background:var(--bg);z-index:400;overflow:hidden}#dashboard.open{display:flex}.dash-tab-bar{display:flex;flex-shrink:0;align-items:stretch;background:var(--bg2);border-bottom:1px solid var(--border);padding:0}.dash-logo{font-weight:700;font-size:15px;color:var(--text);padding:0 20px;display:flex;align-items:center;white-space:nowrap}.dash-top-tab{padding:14px 20px;font-size:14px;font-weight:600;color:var(--text2);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s;white-space:nowrap}#dash-tab-new{margin-left:auto}.dash-top-tab:hover{color:var(--text)}.dash-top-tab.active{color:var(--accent);border-bottom-color:var(--accent)}#dash-user-area{display:flex;align-items:center;gap:6px;padding:0 16px}#dash-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.dash-pane{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;width:100%;max-width:760px;margin:0 auto}#dash-pane-new-plan .track-search-wrap{margin:14px 20px 6px;flex-shrink:0}#dash-pane-new-plan .track-list{flex:1;overflow-y:auto;padding:0 20px 16px;display:flex;flex-direction:column;gap:6px}#dash-pane-my .plans-scroll,#dash-pane-public .plans-scroll{padding:0 20px}#dash-pane-my .plans-search-wrap,#dash-pane-public .plans-search-wrap{padding:8px 20px 0;flex-shrink:0}#dash-pane-recent{overflow:hidden}#dash-recent-list{flex:1;overflow-y:auto;padding:12px 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:4px;align-content:start}.dash-recent-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .15s}.dash-recent-item:hover{background:var(--bg3)}.dash-recent-thumb{width:72px;height:46px;flex-shrink:0;object-fit:contain;border-radius:5px;background:var(--bg3)}.dash-recent-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.dash-recent-name{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-recent-track{font-size:12px;color:var(--text2)}.dash-recent-meta{font-size:12px;color:var(--text3)}.dash-recent-date{font-size:11px;color:var(--text3);white-space:nowrap;align-self:flex-start;padding-top:2px}#load-track-modal .modal{overflow:hidden;display:flex;flex-direction:column;height:80vh}#load-track-modal .modal-body{flex:1;overflow:hidden;display:flex;flex-direction:column}#load-track-modal #load-track-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px}#load-plans-list{overflow-y:auto;flex:1}#cls-modal .modal{max-width:680px}#cls-modal .modal-hdr{cursor:grab;user-select:none;-webkit-user-select:none}#cls-modal .modal-hdr:active{cursor:grabbing}#cls-modal .modal-hdr .modal-close-btn{cursor:pointer}.cls-modal-body{padding:0}.cls-search-wrap{padding:12px 16px;border-bottom:1px solid var(--border)}.cls-search{width:100%;background:var(--bg4);border:1px solid var(--border2);border-radius:var(--radius);color:var(--text);font-size:13px;padding:7px 10px;outline:none}.cls-search:focus{border-color:var(--accent)}.cls-list{max-height:60vh;overflow-y:auto;padding-bottom:8px}.cls-cat-hdr{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:10px 16px 4px;position:sticky;top:0;background:var(--bg2);z-index:1}.cls-row{display:flex;align-items:flex-start;gap:10px;padding:7px 16px 7px 20px;cursor:pointer;border-left:3px solid transparent;transition:background .1s,border-color .1s}.cls-row:hover,.cls-row.checked{background:var(--bg3)}.cls-row-text{flex:1}.cls-row-name{font-size:13px;font-weight:600;line-height:1.2}.cls-row-desc{font-size:11px;color:var(--text3);margin-top:1px}.cls-ck{width:16px;height:16px;border-radius:4px;border:1.5px solid var(--border2);flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center;transition:background .1s,border-color .1s}.cls-row.checked .cls-ck{background:var(--accent);border-color:var(--accent)}.cls-row.checked .cls-ck:after{content:"✓";font-size:10px;color:#000;font-weight:700}.custom-cls-badge{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:#e8c5472e;color:#e8c547;border:1px solid rgba(232,197,71,.35);border-radius:3px;padding:0 4px;line-height:14px;vertical-align:middle;margin-left:5px}.cls-row{position:relative}.cls-edit-btn{flex-shrink:0;align-self:center;background:transparent;border:none;border-radius:3px;color:var(--text3);padding:3px 4px;cursor:pointer;opacity:0;transition:opacity .15s,color .15s;line-height:1;user-select:none;-webkit-user-select:none}.cls-row:hover .cls-edit-btn{opacity:1}.cls-edit-btn:hover{color:var(--accent)}.cls-del-wrap{display:flex;align-items:center;flex-shrink:0;align-self:center;border-radius:4px;padding:1px;opacity:0;transition:opacity .15s,background .12s}.cls-row:hover .cls-del-wrap{opacity:1}.cls-del-wrap.tip-open{background:#0c0d0fe0;opacity:1}.cls-del-tip{font-size:10px;font-weight:500;color:var(--red);white-space:nowrap;pointer-events:none;max-width:0;overflow:hidden;opacity:0;transition:max-width .18s ease,opacity .15s,padding .18s}.cls-del-wrap.tip-open .cls-del-tip{max-width:90px;opacity:1;padding:0 5px 0 4px}.cls-del-wrap.tip-hiding .cls-del-tip{opacity:0;max-width:90px;padding:0 5px 0 4px;transition:opacity 1s}.cls-del-btn{flex-shrink:0;background:transparent;border:none;border-radius:3px;color:#e05555a6;padding:3px 4px;cursor:pointer;transition:color .15s;line-height:1;position:relative;overflow:hidden;user-select:none;-webkit-user-select:none}.cls-del-btn:hover,.cls-del-btn.holding{color:var(--red)}.cls-del-wrap.holding .cls-del-tip{position:relative;overflow:hidden}.cls-del-wrap.holding .cls-del-tip:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--red);opacity:.35;transform:scaleX(0);transform-origin:left;animation:planDelFill 1.5s linear forwards}.cls-foot-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px}.custom-cls-check-row{margin-bottom:10px}.custom-cls-check-label{font-size:12px;color:var(--text2);display:flex;align-items:center;gap:6px;cursor:pointer}.custom-cls-fields{display:flex;flex-direction:column;gap:8px}.custom-cls-field{display:flex;align-items:center;gap:10px}.custom-cls-label{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text3);width:80px;flex-shrink:0}.custom-cls-select,.custom-cls-input{flex:1;background:var(--bg4);border:1px solid var(--border2);border-radius:var(--radius);color:var(--text);font-size:13px;padding:6px 9px;outline:none}.custom-cls-select:focus,.custom-cls-input:focus{border-color:var(--accent)}.custom-cls-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}a.cls-field-label{color:var(--text3);text-decoration:none;cursor:pointer}a.cls-field-label:hover{color:var(--accent)}#map-overlay-svg{position:absolute;top:0;left:0;pointer-events:none;overflow:visible}#map-overlay-svg .ovl-label{pointer-events:all;cursor:pointer}.turn-card.active-card{outline:2px solid rgba(240,192,64,.5);background:#f0c04008}.track-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg3);cursor:pointer;transition:border-color .15s,background .15s}.track-item:hover{border-color:var(--border2);background:var(--bg4)}.track-item--current,.pub-track-item--current{border-color:#ffffff52}.track-item-thumb{width:52px;height:36px;object-fit:contain;border-radius:4px;background:var(--bg5);flex-shrink:0}.track-item-info{flex:1;min-width:0}.track-item-name{font-size:14px;font-weight:600}.track-item-meta{font-size:12px;color:var(--text2);margin-top:2px}.track-item-pct{font-size:12px;color:var(--green);font-weight:600}.track-mine-badge{font-size:10px;font-weight:700;color:var(--accent);border:1px solid var(--accent);border-radius:4px;padding:1px 5px;margin-left:5px;vertical-align:middle}.track-list-sep{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text3);padding:10px 2px 5px;margin-top:2px;border-bottom:1px solid var(--border)}.track-fav-btn{background:none;border:none;padding:5px;cursor:pointer;line-height:0;color:var(--border2);transition:color .12s;flex-shrink:0}.track-fav-btn:hover,.track-fav-btn.active{color:var(--accent)}#toast{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-16px);background:var(--bg3);border:1px solid var(--border2);border-radius:8px;padding:10px 18px;font-size:13px;font-weight:500;color:var(--text);box-shadow:0 4px 20px #0006;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;z-index:10000;white-space:nowrap}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}#toast.ok{border-color:#40c08066;color:var(--green)}#toast.err{border-color:#e0555566;color:var(--red)}#toast.autosave-toast{pointer-events:auto;display:flex;align-items:center;gap:14px}.autosave-cb-wrap{display:flex;align-items:center;gap:5px;font-size:11px;cursor:pointer;color:inherit;opacity:.75;border-left:1px solid currentColor;padding-left:12px}.autosave-cb-wrap input[type=checkbox]{cursor:pointer;margin:0}.autosave-drop-label{display:flex;align-items:center;gap:8px;padding:7px 14px;font-size:13px;color:var(--text);cursor:pointer;white-space:nowrap;width:100%;box-sizing:border-box}.autosave-drop-label:hover{background:var(--bg4)}.autosave-drop-label input[type=checkbox]{cursor:pointer;margin:0}#dt-modal.overlay{padding:0}#dt-modal .modal{max-width:100%;width:100%;height:100%;max-height:100%;border-radius:0;display:flex;flex-direction:column}#dt-direction-bar{display:flex;align-items:center;gap:10px;padding:8px 16px;border-bottom:1px solid var(--border);flex-shrink:0}#dt-direction-bar label{font-size:12px;font-weight:500;color:var(--text3);white-space:nowrap;cursor:default}#dt-text-size-sel{background:var(--bg4);border:1px solid var(--border2);border-radius:var(--radius);color:var(--text2);font-size:12px;padding:4px 28px 4px 10px;outline:none;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2372757f' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:border-color .15s,color .15s}#dt-text-size-sel:hover{border-color:var(--border2);color:var(--text)}#dt-text-size-sel:focus{border-color:var(--accent);color:var(--text);outline:none}#dt-text-size-sel option{background:var(--bg4);color:var(--text)}#dt-direction-cb{cursor:pointer;accent-color:var(--accent);width:14px;height:14px;flex-shrink:0}#dt-turn-bar{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--border);flex-shrink:0;flex-wrap:wrap}#dt-add-btn{font-size:12px;font-weight:600;padding:4px 12px;border-radius:20px;background:#7c3aed;color:#fff;border:1px solid #7c3aed;white-space:nowrap;flex-shrink:0;transition:all .15s}#dt-add-btn:hover{background:#6d28d9;border-color:#6d28d9}#dt-add-btn-foot{background:#7c3aed;color:#fff;border-color:#7c3aed}#dt-add-btn-foot:hover{background:#6d28d9;border-color:#6d28d9}.dt-pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:4px 8px 4px 11px;border-radius:20px;border:1px solid var(--border2);background:var(--bg4);color:var(--text2);cursor:grab;white-space:nowrap;flex-shrink:0;transition:background .15s,color .15s,border-color .15s;-webkit-user-select:none;user-select:none}.dt-pill:hover{color:var(--text);background:var(--bg5)}.dt-pill.drag-placeholder{opacity:0;pointer-events:none}.dt-pill.active{background:#f0c0401f;border-color:#f0c04080;color:var(--accent)}.dt-pill.has-seg{border-color:var(--accent)}.dt-pill.active.has-seg{background:var(--accent);border-color:var(--accent);color:#000}.dt-pill-x{font-size:10px;opacity:.45;padding:1px 3px;border-radius:3px;line-height:1;color:inherit;flex-shrink:0;transition:opacity .12s,background .12s,color .12s}.dt-pill-x:hover{opacity:1;background:#e0555526;color:var(--red)}.dt-pill-edit{font-size:11px;opacity:.6;padding:1px 4px;border-radius:3px;line-height:1;color:inherit;flex-shrink:0;transition:opacity .12s,background .12s}.dt-pill-edit:hover{opacity:1;background:#f0c04033}.dt-pill-rename-inp{background:transparent;border:none;border-bottom:1px solid var(--accent);outline:none;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;min-width:40px;max-width:280px;padding:0 2px;resize:none;overflow:hidden;line-height:inherit}#dt-pill-ctx{display:none;position:fixed;z-index:9000;background:var(--bg4);border:1px solid var(--border2);border-radius:var(--radius);padding:4px;box-shadow:0 4px 16px #00000080;min-width:120px}#dt-pill-ctx button{display:block;width:100%;text-align:left;padding:7px 12px;font-size:13px;color:var(--text2);border-radius:calc(var(--radius) - 2px);transition:background .1s,color .1s}#dt-pill-ctx button:hover{background:var(--bg5);color:var(--text)}#dt-canvas-wrap{flex:1;overflow:hidden;position:relative;background:#0d0e10;display:flex;align-items:center;justify-content:center;cursor:default;touch-action:none}#dt-svg-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}#dt-svg-container svg{max-width:100%;max-height:100%;user-select:none;-webkit-user-select:none}.dt-hint{position:absolute;bottom:14px;left:50%;transform:translate(-50%);background:#0c0d0fe0;border:1px solid var(--border2);border-radius:20px;padding:5px 16px;font-size:11px;color:var(--text3);pointer-events:none;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#dt-nav{position:absolute;bottom:14px;left:14px;width:140px;height:100px;background:#0c0d0fd1;border:1px solid var(--border2);border-radius:6px;overflow:hidden;cursor:grab;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#dt-nav:active{cursor:grabbing}#dt-nav-svg{width:100%;height:100%;display:block}#dt-canvas-wrap.dt-space-pan *{cursor:inherit!important}#chpw-modal .modal{max-width:380px}@media(max-width:640px){#dt-turn-bar{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}#dt-pills{flex-wrap:nowrap!important;flex:none!important;min-width:max-content!important}.dt-scale-handle{display:none}}.print-dropdown{position:relative;display:inline-block}.print-drop-menu{display:none;position:absolute;top:calc(100% + 6px);right:0;background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius);z-index:500;min-width:190px;box-shadow:0 6px 20px #00000080;overflow:hidden}.print-drop-menu.open{display:block}.print-drop-item{display:flex;align-items:center;gap:8px;padding:9px 14px;font-size:13px;cursor:pointer;color:var(--text2);transition:background .1s,color .1s;width:100%;text-align:left}.print-drop-item:hover{background:var(--bg4);color:var(--text)}@media print{*{-webkit-print-color-adjust:exact;print-color-adjust:exact}:root{--bg:#fff;--bg2:#f8f8f6;--bg3:#f0f0ec;--bg4:#e8e8e4;--border:rgba(0,0,0,.12);--border2:rgba(0,0,0,.18);--text:#111;--text2:#444;--text3:#777;--accent:#7a5c00}html,body{height:auto;overflow:visible;background:#fff}#hdr,#map-panel,#turns-toolbar,.turn-hdr-actions,.turn-del-btn,.hdr-swatch-wrap,.overlay,.turn-action-btn{display:none!important}#layout{display:block;position:static}#turns-panel{overflow:visible;padding:0}.turn-card{border:1px solid #ccc;page-break-inside:avoid;margin-bottom:14px;background:#fff!important}.turn-hdr{background:#f0f0ec!important;border-bottom:1px solid #ddd!important}.turn-label-input{color:#7a5c00!important}.field-ta{border:none!important;padding:0!important;background:transparent!important;resize:none;color:#222!important;overflow:hidden!important}.field-label{display:none!important}.tag-pill{color:#222!important;font-size:9px!important;padding:2px 6px!important;gap:0!important}.tag-pill-name{font-size:9px!important}.tag-pill-cat{font-size:7px!important}.tag-pill button{display:none!important}.tags-area{gap:3px!important;min-height:0!important}#print-hdr{display:block!important;border-bottom:none!important;padding-bottom:0!important;margin-bottom:6px!important}#print-hdr-inner{display:flex!important;flex-direction:column;gap:4px;margin-bottom:0}#print-hdr-row{display:flex!important;align-items:flex-start;gap:12px}#print-hdr-text{flex:1}#print-map-wrap{display:block!important;width:75%;margin:0 auto}#print-map-wrap img{width:100%!important;height:auto!important;display:block!important}#print-qr-section.has-qr{display:block!important;flex-shrink:0;text-align:center;width:90px}#print-qr canvas{width:80px!important;height:80px!important;display:block!important;margin:0 auto!important}#print-qr img,#print-qr-url,.turn-link-btn,.turn-unlink-btn,.cls-field-label,.cls-section,.field-ta,.print-field-empty{display:none!important}.print-text-content{font-size:10px;color:#222;white-space:pre-wrap;margin:0;line-height:1.4}.turn-hdr{padding:5px 10px!important}.turn-label-input{font-size:11px!important;flex:0 0 auto!important;width:auto!important}.turn-hdr .tags-area{flex:1;flex-wrap:wrap;justify-content:flex-end}.turn-body{display:flex!important;flex-direction:column;gap:0}.turn-body-media-row,.turn-card.print-empty{display:none!important}body.print-bw .turn-label-input{color:#111!important}body.print-bw .turn-card{border-left-color:#ccc!important;border-left-width:1px!important}body.print-bw .tag-pill{background:transparent!important;border-color:#888!important;color:#111!important}}#print-hdr{display:none;padding-bottom:14px;border-bottom:2px solid #111;margin-bottom:18px}#print-hdr h1{font-family:var(--font-head);font-size:24px;font-weight:700}#print-meta{font-size:14px;font-weight:600;color:#222;margin-top:4px}#print-hdr p{font-size:12px;color:#666;margin-top:3px}#print-reverse{display:none;font-size:12px;font-weight:700;color:#c44000;margin-top:4px}#print-qr-section{display:none}@media(max-width:720px){:root{--hdr: 72px}#hdr{flex-wrap:wrap;height:auto;min-height:var(--hdr);padding:5px 44px 5px 10px;align-items:flex-start;align-content:flex-start;column-gap:6px;row-gap:3px;position:sticky;top:0;z-index:200}#hamburger{display:block;position:absolute;top:8px;right:8px}.hdr-track-label{order:-1;width:100%;flex:none;padding:2px 0;font-size:13px}#plan-name-input{order:1;flex:1;min-width:0;padding:4px 8px;font-size:12px}#carname-wrap{order:1;flex:none;max-width:110px!important}#carname-wrap .hdr-input{padding:4px 8px;font-size:12px}.hdr-logo{display:none}#user-area{display:none!important}#hdr-actions{display:none}#map-panel{width:100%;max-width:100%;height:35vw;min-height:180px;max-height:280px;min-width:0;border-right:none;border-bottom:1px solid var(--border);flex-shrink:0}html,body{overflow:auto}#layout{position:static;flex-direction:column;height:auto;min-height:calc(100vh - var(--hdr))}#turns-panel{flex:1;overflow-y:visible}#media-panel,#map-media-resize{display:none!important}}#media-panel{flex-shrink:0;border-top:none;background:var(--bg2);height:25%;min-height:80px;display:flex;flex-direction:column}#media-panel-hdr{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;background:var(--bg3);border-bottom:1px solid var(--border);flex-shrink:0}.media-panel-title{font-size:12px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.05em}#media-panel-body{overflow-y:auto;flex:1;padding:8px;min-width:0}#media-thumb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;min-width:0}.media-item{width:100%;min-width:0;position:relative;display:flex;flex-direction:column;gap:2px}.media-thumb-wrap{position:relative;width:100%;aspect-ratio:1/1}.media-clip-wrap .media-thumb-wrap{width:auto;aspect-ratio:auto}.media-thumb{width:100%;height:100%;max-width:100%;object-fit:cover;border-radius:5px;border:1px solid var(--border2);background:var(--bg4);display:block;transform:translateZ(0)}.media-thumb-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:18px;color:#ffffffd9;pointer-events:none}.media-thumb-popout{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#ffffffe6;background:#00000052;border-radius:4px;opacity:0;transition:opacity .15s;pointer-events:none}.media-thumb-wrap:hover .media-thumb-popout{opacity:1}.media-item-name{font-size:9px;color:var(--text3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.media-del-wrap{position:absolute;top:2px;right:2px;display:flex;align-items:center;border-radius:4px;padding:1px;transition:background .12s;opacity:0;transition:opacity .15s,background .12s}.media-item:hover .media-del-wrap,.media-clip-wrap:hover .media-del-wrap,.media-sel-item-wrap:hover .media-del-wrap{opacity:1}.media-sel-item-wrap{position:relative}.media-del-wrap.tip-open{background:#0c0d0fe0;opacity:1}.media-del-tip{font-size:10px;font-weight:500;color:var(--red);white-space:nowrap;pointer-events:none;max-width:0;overflow:hidden;opacity:0;transition:max-width .18s ease,opacity .15s,padding .18s}.media-del-wrap.tip-open .media-del-tip{max-width:90px;opacity:1;padding:0 5px 0 4px}.media-del-wrap.tip-hiding .media-del-tip{opacity:0;max-width:90px;padding:0 5px 0 4px;transition:opacity 1s}.media-del-btn{flex-shrink:0;background:var(--bg2);border:none;border-radius:3px;color:#e05555a6;font-size:10px;padding:3px 5px;cursor:pointer;position:relative;overflow:hidden;transition:color .15s;line-height:1.4;user-select:none;-webkit-user-select:none}.media-del-btn:hover,.media-del-btn.holding{color:var(--red)}.media-del-wrap.holding .media-del-tip{position:relative;overflow:hidden}.media-del-wrap.holding .media-del-tip:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--red);opacity:.35;transform:scaleX(0);transform-origin:left;animation:planDelFill 1.5s linear forwards}.media-pending-badge{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;font-size:9px;color:#fff;border-radius:5px;letter-spacing:.02em}#media-select-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.media-select-item{cursor:pointer;border-radius:var(--radius);border:2px solid transparent;transition:border-color .15s;overflow:hidden;background:var(--bg3)}.media-select-item:hover{border-color:var(--accent)}.media-select-item.is-pending{opacity:.5}.media-select-item.is-pending-photo{pointer-events:none}.media-select-thumb-wrap{width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--bg4);position:relative}.media-select-thumb{width:100%;height:100%;object-fit:cover;display:block}.media-select-name{font-size:11px;color:var(--text2);padding:4px 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:4px}.msi-type-icon{flex-shrink:0}.msi-video{color:#5b8fff}.msi-photo{color:#34d399}.turn-body-media-row{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.turn-body-media-row .seg-thumb{flex-shrink:0}.turn-body-media-row .seg-thumb>svg{height:180px;width:auto;max-width:none;max-height:none}@media(max-width:720px){.turn-body-media-row .seg-thumb{flex-shrink:unset;width:100%}.turn-body-media-row .seg-thumb>svg{display:block;width:100%;height:auto;max-width:100%;max-height:100vh}}.turn-media-col,.media-clips-area{display:contents}.media-add-placeholder{width:80px;height:60px;border:1.5px dashed var(--border2);border-radius:var(--radius);background:var(--bg4);color:var(--text3);font-size:11px;font-weight:500;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;transition:border-color .15s,color .15s;flex-shrink:0;line-height:1.2}.media-add-placeholder:hover{border-color:var(--accent);color:var(--accent)}.media-clip-wrap{position:relative;flex-shrink:0}.clip-progress-bar{position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent);z-index:2;pointer-events:none;overflow:visible}.clip-progress-fill{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--red);top:50%;transform:translateY(-50%);left:0;z-index:3}.media-clip-video{width:320px;height:180px;object-fit:cover;border-radius:5px;border:1px solid var(--border2);display:block;background:#000;cursor:pointer}.media-clip-img{width:240px;height:180px;object-fit:cover;border-radius:5px;border:1px solid var(--border2);display:block;cursor:zoom-in}.media-clip-remove{flex-shrink:0;background:var(--bg2);border:none;border-radius:3px;color:#e05555a6;font-size:10px;padding:3px 5px;cursor:pointer;position:relative;overflow:hidden;transition:color .15s;line-height:1.4;user-select:none;-webkit-user-select:none}.media-clip-remove:hover,.media-clip-remove.holding{color:var(--red)}.media-clip-edit-btn{position:absolute;top:30px;right:2px;width:26px;height:26px;background:var(--bg2);border:none;border-radius:4px;color:#f0c040bf;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;padding:0}.media-clip-wrap:hover .media-clip-edit-btn{opacity:1}.media-clip-edit-btn:hover{color:var(--accent)}.media-clip-edit-btn[data-tooltip]:after{content:attr(data-tooltip);position:absolute;right:calc(100% + 5px);top:50%;transform:translateY(-50%);background:#0a0b0eeb;color:#e0e0e0;font-size:11px;white-space:nowrap;padding:3px 8px;border-radius:4px;pointer-events:none;opacity:0;z-index:100;border:1px solid rgba(255,255,255,.08);transition:opacity 0s}.media-clip-edit-btn[data-tooltip]:hover:after{opacity:1}.media-clip-popout-btn{position:absolute;top:58px;right:2px;width:26px;height:26px;background:var(--bg2);border:none;border-radius:4px;color:#64aaffbf;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;padding:0}.media-clip-wrap:hover .media-clip-popout-btn{opacity:1}.media-clip-popout-btn:hover{color:var(--accent)}.media-clip-popout-btn[data-tooltip]:after{content:attr(data-tooltip);position:absolute;right:calc(100% + 5px);top:50%;transform:translateY(-50%);background:#0a0b0eeb;color:#e0e0e0;font-size:11px;white-space:nowrap;padding:3px 8px;border-radius:4px;pointer-events:none;opacity:0;z-index:100;border:1px solid rgba(255,255,255,.08);transition:opacity 0s}.media-clip-popout-btn[data-tooltip]:hover:after{opacity:1}.media-clip-download-wrap{position:absolute;top:86px;right:2px;opacity:0;transition:opacity .15s}.media-clip-wrap:hover .media-clip-download-wrap{opacity:1}.media-clip-download-btn{width:26px;height:26px;background:var(--bg2);border:none;border-radius:4px;color:#64d28cbf;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.media-clip-download-btn:hover{color:var(--accent)}.cpop-download-wrap{position:relative;display:inline-flex}.clip-download-dropdown{position:absolute;right:0;bottom:calc(100% + 4px);top:auto;z-index:300;background:#1a1b1e;border:1px solid rgba(255,255,255,.12);border-radius:8px;min-width:250px;padding:4px;box-shadow:0 4px 20px #0009}.clip-download-dropdown button{display:block;width:100%;text-align:left;background:none;border:none;color:var(--text1, #e0e0e0);padding:8px 12px;border-radius:5px;cursor:pointer;font-size:13px;font-family:inherit;white-space:nowrap}.clip-download-dropdown button:hover{background:#ffffff14}#photo-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:9000;overflow:hidden}.plb-header{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;pointer-events:none;z-index:1}.plb-seg-thumb svg{display:block;height:52px;width:auto;border-radius:4px;border:1px solid rgba(255,255,255,.15);background:#0006}#plb-turn-name{color:#ffffffe6;font-size:14px;font-weight:600;white-space:nowrap}#plb-img-wrap{position:relative;display:inline-block;line-height:0;max-width:calc(100vw - 120px);max-height:calc(100vh - 80px)}#photo-lightbox #plb-img{display:block;max-width:calc(100vw - 120px);max-height:calc(100vh - 80px);object-fit:contain;border-radius:4px;-webkit-user-select:none;user-select:none}.plb-close{position:absolute;top:14px;right:16px;background:none;border:none;color:#ffffffb3;font-size:22px;cursor:pointer;line-height:1;padding:4px 8px;border-radius:4px;z-index:1}.plb-close:hover{color:#fff;background:#ffffff1a}.plb-prev,.plb-next{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff9;font-size:56px;line-height:1;cursor:pointer;padding:0 18px;-webkit-user-select:none;user-select:none}.plb-prev{left:0}.plb-next{right:0}.plb-prev:hover,.plb-next:hover{color:#fff}.plb-edit-btn{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;background:#1e1e23d9;border:1px solid rgba(255,255,255,.15);color:#fffc;font-size:12px;padding:6px 14px;border-radius:20px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.plb-edit-btn:hover{color:#fff;border-color:#ffffff59;background:#282832e6}#clip-popout-modal{position:fixed;z-index:9997;background:var(--bg2);border:3px solid rgba(255,255,255,.22);border-radius:6px;box-shadow:0 8px 40px #000000b3;display:none;flex-direction:column;min-width:240px;min-height:160px;overflow:visible;cursor:grab;user-select:none;-webkit-user-select:none}#clip-popout-modal:active{cursor:grabbing}.clip-popout-header{display:flex;align-items:center;gap:6px;padding:5px 6px 5px 8px;border-bottom:1px solid var(--border2);flex-shrink:0;border-radius:6px 6px 0 0;position:relative;z-index:11;cursor:grab}.clip-popout-header:active{cursor:grabbing}.cpop-grip,.ppop-grip{width:20px;height:14px;flex-shrink:0;opacity:.3;pointer-events:none;background-image:radial-gradient(circle,currentColor 1.5px,transparent 1.5px);background-size:5px 5px;background-repeat:repeat}.clip-popout-close{background:none;border:none;color:var(--text2);cursor:pointer;font-size:16px;line-height:1;padding:2px 4px;border-radius:3px;transition:color .15s;flex-shrink:0;position:relative;z-index:15}.clip-popout-close:hover{color:var(--red)}.clip-popout-body{position:relative;flex:1;overflow:hidden}@keyframes cpop-breathe{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.4);opacity:1}}@keyframes cpop-hint-fade{0%{opacity:0}10%{opacity:1}80%{opacity:1}to{opacity:0}}.cpop-resize-hint{position:absolute;bottom:-11px;right:-11px;color:#ff7814;pointer-events:all;cursor:se-resize;animation:cpop-hint-fade 4s ease forwards,cpop-breathe 1.1s ease-in-out .4s infinite;z-index:10}.cpop-controls{height:60px;background:var(--bg);border-top:1px solid rgba(255,255,255,.07);border-radius:0 0 6px 6px;display:flex;flex-direction:column;justify-content:center;padding:4px 10px 6px;gap:4px;flex-shrink:0;user-select:none;-webkit-user-select:none}.cpop-seekbar-outer{position:relative;height:16px;cursor:pointer;flex-shrink:0;display:flex;align-items:center}.cpop-seekbar-track{position:relative;width:100%;height:6px;background:#ffffff2e;border-radius:3px;overflow:visible}.cpop-seekbar-fill{position:absolute;left:0;top:0;bottom:0;width:0%;background:var(--accent);border-radius:3px;pointer-events:none}.cpop-seekbar-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;background:var(--accent);pointer-events:none;z-index:3}.cpop-seg-marker{position:absolute;top:0;height:100%;background:#8c3cd2a6;cursor:pointer;z-index:2;border-radius:1px;min-width:3px;transition:background .1s}.cpop-seg-marker:hover{background:#a050e6f2}.cpop-seg-tip{position:absolute;bottom:calc(100% + 8px);transform:translate(-50%);background:#0a0a0ef5;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:5px;pointer-events:none;z-index:10;display:none;text-align:center}.cpop-seg-tip-label{color:var(--text2);font-size:10px;margin-top:4px;white-space:nowrap}.cpop-ctrl-row{display:flex;align-items:center;gap:6px;flex:1;min-height:0}.cpop-btn{background:none;border:none;color:var(--text2);cursor:pointer;padding:3px 4px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.cpop-btn:hover:not(:disabled){color:#fff;background:#ffffff1a}.cpop-btn:disabled{opacity:.28;cursor:default}.cpop-time{font-size:11px;font-family:JetBrains Mono,monospace;color:var(--text2);white-space:nowrap;flex-shrink:0}.cpop-vol{width:56px;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff2e;border-radius:2px;cursor:pointer;outline:none;flex-shrink:0}.cpop-vol::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:var(--text2);cursor:pointer}.cpop-vol::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--text2);cursor:pointer;border:none}.cpop-speed{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--text2);font-size:11px;padding:2px 5px;border-radius:4px;cursor:pointer;flex-shrink:0}.cpop-speed:focus{outline:none;border-color:var(--accent)}.cpop-trim-btn{display:inline-flex;align-items:center;background:none;border:1px solid rgba(255,255,255,.15);color:var(--text2);font-size:11px;padding:3px 8px;border-radius:4px;cursor:pointer;white-space:nowrap;flex-shrink:0;font-family:inherit}.cpop-trim-btn:hover{border-color:#ffffff59;color:#fff}.cpop-resize{position:absolute;width:28px;height:28px;z-index:10}.cpop-resize[data-dir=nw]{top:-7px;left:-7px;cursor:nw-resize}.cpop-resize[data-dir=ne]{top:-7px;right:-7px;cursor:ne-resize}.cpop-resize[data-dir=sw]{bottom:-7px;left:-7px;cursor:sw-resize}.cpop-resize[data-dir=se]{bottom:-7px;right:-7px;cursor:se-resize}.cpop-edge{position:absolute;z-index:9}.cpop-edge[data-dir=n]{top:-4px;left:24px;right:24px;height:8px;cursor:n-resize}.cpop-edge[data-dir=s]{bottom:-4px;left:24px;right:24px;height:8px;cursor:s-resize}.cpop-edge[data-dir=e]{right:-4px;top:24px;bottom:24px;width:8px;cursor:e-resize}.cpop-edge[data-dir=w]{left:-4px;top:24px;bottom:24px;width:8px;cursor:w-resize}video:-webkit-full-screen{object-fit:contain;background:#000}video:fullscreen{object-fit:contain;background:#000}.trim-timeline{position:relative;height:40px;background:var(--bg4);border:1px solid var(--border2);border-radius:var(--radius);flex-shrink:0;cursor:crosshair;user-select:none;-webkit-user-select:none;overflow:visible}.trim-region{position:absolute;top:0;bottom:0;background:#f0c04026;border-top:2px solid rgba(240,192,64,.45);border-bottom:2px solid rgba(240,192,64,.45);pointer-events:none}.trim-handle{position:absolute;top:-6px;bottom:-6px;width:10px;background:var(--accent);border-radius:3px;cursor:ew-resize;z-index:3;transform:translate(-50%);touch-action:none;transition:background .1s}.trim-handle:hover,.trim-handle.dragging{background:#ffd060}.trim-handle-label{position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%);font-size:10px;font-weight:700;color:var(--accent);white-space:nowrap;background:var(--bg3);padding:1px 5px;border-radius:3px;border:1px solid var(--border2);cursor:ew-resize}.trim-handle-label.flip{left:auto;right:50%;transform:translate(50%)}.trim-playhead{position:absolute;top:-4px;bottom:-4px;width:2px;background:#fffc;border-radius:1px;transform:translate(-50%);z-index:4;cursor:col-resize;touch-action:none}.trim-playhead:before{content:"";position:absolute;top:0;bottom:0;left:-6px;right:-6px}.trim-current-label{position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%);font-size:10px;font-weight:600;color:var(--text2);white-space:nowrap;background:var(--bg3);padding:1px 5px;border-radius:3px;border:1px solid var(--border2);cursor:col-resize;touch-action:none}.trim-other-clip{position:absolute;top:0;bottom:0;background:#6e32be47;border-top:2px solid rgba(140,80,220,.6);border-bottom:2px solid rgba(140,80,220,.6);z-index:1;cursor:pointer;overflow:visible;pointer-events:auto}.trim-other-clip:hover{background:#6e32be73}.trim-other-clip-label{position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%);font-size:10px;font-weight:600;color:#ddb8ff;white-space:nowrap;background:#2a1545;padding:2px 6px;border-radius:3px;border:1px solid rgba(140,80,220,.55);pointer-events:none;opacity:0;transition:opacity .12s}.trim-other-clip:hover .trim-other-clip-label{opacity:1}.trim-duration-label{position:absolute;right:0;top:calc(100% + 3px);font-size:10px;color:var(--text3);pointer-events:none;white-space:nowrap}#photo-popout-modal{position:fixed;z-index:9998;background:var(--bg2);border:3px solid rgba(255,255,255,.22);border-radius:6px;box-shadow:0 8px 40px #000000b3;display:flex;flex-direction:column;min-width:320px;min-height:276px;overflow:visible;user-select:none;-webkit-user-select:none}.photo-popout-header{display:flex;align-items:center;gap:6px;padding:5px 6px 5px 10px;border-bottom:1px solid var(--border2);flex-shrink:0;border-radius:6px 6px 0 0;cursor:grab;min-height:36px;position:relative;z-index:11}.photo-popout-header:active{cursor:grabbing}#photo-popout-title{font-size:12px;color:var(--text2);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;pointer-events:none}.photo-popout-close{background:none;border:none;color:var(--text2);cursor:pointer;font-size:16px;line-height:1;padding:2px 4px;border-radius:3px;transition:color .15s;flex-shrink:0;position:relative;z-index:15}.photo-popout-close:hover{color:var(--red)}.ppop-maximize-btn{background:none;border:none;color:var(--text2);cursor:pointer;padding:3px 5px;border-radius:3px;line-height:1;transition:color .15s,background .15s;flex-shrink:0;position:relative;z-index:15}.ppop-maximize-btn:hover{color:var(--text1);background:var(--bg3)}.ppop-maximize-corner-btn{position:absolute;bottom:6px;right:6px;background:#00000073;border:1px solid rgba(255,255,255,.15);color:#ffffffb3;cursor:pointer;padding:4px 5px;border-radius:4px;line-height:1;z-index:20;transition:background .15s,color .15s}.ppop-maximize-corner-btn:hover{background:#000000b3;color:#fff}.ppop-maximized .ppop-resize,.ppop-maximized .ppop-edge{display:none}.photo-popout-body{flex:1;display:flex;flex-direction:row;overflow:hidden;min-height:0}.ppop-toolbar{width:44px;flex-shrink:0;background:var(--bg3);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;overflow-y:auto;overflow-x:hidden}.ppop-tool-btn{background:none;border:none;color:var(--text2);cursor:pointer;padding:5px;border-radius:4px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;transition:background .12s,color .12s;flex-shrink:0}.ppop-tool-btn:hover{background:#ffffff14;color:var(--text1)}.ppop-tool-btn.active{background:var(--accent);color:#fff}.ppop-tool-sep{width:24px;height:1px;background:var(--border);margin:3px 0;flex-shrink:0}.ppop-color-grid{display:grid;grid-template-columns:repeat(3,11px);grid-auto-rows:11px;gap:2px;padding:2px 0;flex-shrink:0}.ppop-color-swatch{width:11px;height:11px;border:1px solid rgba(255,255,255,.18);border-radius:1px;cursor:pointer;padding:0;background:var(--sw, #888);outline:none;transition:border-color .1s}.ppop-color-swatch:hover{border-color:#ffffffb3}.ppop-color-swatch.active{border-color:#fff;box-shadow:0 0 0 1px var(--accent, #8b5cf6)}.ppop-color-custom{background:none!important;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0}.ppop-stroke-wrap{width:30px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ppop-stroke-slider{width:24px;writing-mode:vertical-lr;direction:rtl;cursor:pointer;accent-color:var(--accent)}.ppop-canvas-wrap{flex:1;position:relative;overflow:hidden;background:#111;cursor:crosshair}#ppop-canvas{display:block;position:absolute;top:0;left:0;right:0;bottom:0}.ppop-zoom-label{position:absolute;top:6px;right:8px;font-size:10px;font-weight:600;color:#ffffffbf;background:#0000008c;padding:1px 5px;border-radius:3px;pointer-events:none;-webkit-user-select:none;user-select:none}.ppop-nav-panel{position:absolute;bottom:10px;right:10px;width:140px;background:#0009;border:1px solid rgba(255,255,255,.2);border-radius:4px;overflow:hidden}.ppop-nav-panel canvas{display:block;width:140px}.ppop-nav-viewport{position:absolute;border:2px solid var(--accent, #8b5cf6);pointer-events:none;box-sizing:border-box}.ppop-resize{position:absolute;width:14px;height:14px;z-index:20}.ppop-resize[data-dir=nw]{top:-7px;left:-7px;cursor:nw-resize}.ppop-resize[data-dir=ne]{top:-7px;right:-7px;cursor:ne-resize}.ppop-resize[data-dir=sw]{bottom:-7px;left:-7px;cursor:sw-resize}.ppop-resize[data-dir=se]{bottom:-7px;right:-7px;cursor:se-resize}.ppop-edge{position:absolute;z-index:19}.ppop-edge[data-dir=n]{top:-4px;left:24px;right:24px;height:8px;cursor:n-resize}.ppop-edge[data-dir=s]{bottom:-4px;left:24px;right:24px;height:8px;cursor:s-resize}.ppop-edge[data-dir=e]{right:-4px;top:24px;bottom:24px;width:8px;cursor:e-resize}.ppop-edge[data-dir=w]{left:-4px;top:24px;bottom:24px;width:8px;cursor:w-resize}@media print{#media-panel,.media-clips-area,.media-add-btn{display:none!important}}@media(max-width:640px){.media-clip-wrap:hover .media-clip-edit-btn,.media-clip-wrap:hover .media-clip-popout-btn,.media-clip-wrap:hover .media-clip-download-wrap,.media-clip-wrap:hover .media-del-wrap{opacity:0}.media-clip-wrap.mobile-thumb-active:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000007a;border-radius:5px;pointer-events:none;z-index:1}.media-clip-wrap.mobile-thumb-active .media-del-wrap,.media-clip-wrap.mobile-thumb-active .media-clip-edit-btn,.media-clip-wrap.mobile-thumb-active .media-clip-download-wrap{opacity:1;z-index:2;right:8px}.media-clip-wrap.mobile-thumb-active .media-del-wrap{top:8px}.media-clip-wrap.mobile-thumb-active .media-clip-edit-btn{width:40px;height:40px;top:50px}.media-clip-wrap.mobile-thumb-active .media-clip-download-wrap{top:96px}.media-clip-wrap.mobile-thumb-active .media-clip-download-wrap .media-clip-download-btn{width:40px;height:40px}.media-clip-wrap.mobile-thumb-active .media-del-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0}.media-clip-wrap.mobile-thumb-active .media-clip-popout-btn:before{content:"Enlarge";position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);font-size:11px;font-weight:600;color:#ffffffd9;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.7);pointer-events:none}.media-clip-wrap.mobile-thumb-active .media-clip-popout-btn{opacity:1;position:absolute;top:50%;left:50%;right:auto;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:#0c0d0fb8;border:2px solid rgba(255,255,255,.18);color:#fff;z-index:2}.media-clip-wrap.mobile-thumb-active .media-clip-popout-btn svg{width:22px;height:22px}}#tour-bubble{position:fixed;z-index:1000;background:#fff;border:1px solid #d0d0d4;border-radius:16px;box-shadow:0 8px 30px #00000073;padding:16px 16px 12px;min-width:280px;max-width:360px;font-family:var(--font)}#tour-bubble:before{content:"";position:absolute;width:0;height:0}#tour-bubble.arrow-top:before{top:-18px;left:50%;transform:translate(-50%);border-left:14px solid transparent;border-right:14px solid transparent;border-bottom:18px solid #ffffff}#tour-bubble.arrow-bottom:before{bottom:-18px;left:50%;transform:translate(-50%);border-left:14px solid transparent;border-right:14px solid transparent;border-top:18px solid #ffffff}#tour-bubble.arrow-left:before{left:-18px;top:50%;transform:translateY(-50%);border-top:14px solid transparent;border-bottom:14px solid transparent;border-right:18px solid #ffffff}#tour-bubble.arrow-right:before{right:-18px;top:50%;transform:translateY(-50%);border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:18px solid #ffffff}#tour-close{position:absolute;top:7px;right:8px;background:none;border:none;color:#999;font-size:11px;cursor:pointer;padding:2px 4px;line-height:1;border-radius:3px}#tour-close:hover{color:#444;background:#f0f0f0}#tour-title{font-family:var(--font-head);font-size:13px;font-weight:600;color:#6c3fcf;margin-bottom:6px;padding-right:18px}#tour-text{font-size:13px;color:#333;line-height:1.55;margin-bottom:12px}#tour-nav{display:flex;align-items:center;gap:6px;margin-bottom:10px}#tour-counter{flex:1;text-align:center;font-size:11px;color:#777}#tour-prev,#tour-next,#tour-finish{background:#e0e0e0;border:1px solid #b0b0b4;border-radius:var(--radius);color:#111;font-size:12px;padding:5px 10px;cursor:pointer;white-space:nowrap}#tour-prev:hover,#tour-next:hover{background:#ccc}#tour-prev:disabled{opacity:.3;cursor:default}#tour-finish{background:#6c3fcf1f;border-color:#6c3fcf66;color:#6c3fcf}#tour-finish:hover{background:#6c3fcf33}#tour-dismiss{background:none;border:none;color:#c09820;font-size:13px;cursor:pointer;padding:0;text-decoration:underline;display:block}#tour-dismiss:hover{color:#a07010}.tour-highlight{outline:2px solid var(--accent)!important;outline-offset:3px;border-radius:var(--radius);position:relative;z-index:999}#tour-help-btn{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:500;width:36px;height:36px;border-radius:50%;background:var(--bg4);border:1px solid var(--border2);color:var(--accent);font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0006}#tour-help-btn:hover{background:var(--bg5)}.tour-modal-help-btn{background:none;border:none;color:var(--text3);font-size:14px;font-weight:700;cursor:pointer;padding:0;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tour-modal-help-btn:hover{color:var(--accent);background:var(--bg4)}