:root{--text:#2b2b26;--text-h:#08060d;--bg:#f2f3ec;--panel-bg:#fff;--border:#d9dccb;--accent:#2e7d32;--accent-hover:#256428;--accent-ink:#fff;--accent-bg:#2e7d3214;--brass:#8a6d3b;--danger:#c62828;--danger-hover:#a91f1f;--danger-ink:#fff;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:15px/145% var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--text:#e5e7eb;--text-h:#f9fafb;--bg:#14151a;--panel-bg:#1c1e24;--border:#30323c;--accent:#4caf50;--accent-hover:#5cc060;--accent-ink:#0c1a0e;--accent-bg:#4caf5024;--brass:#c9a15a;--danger:#e05353;--danger-hover:#ef6a6a;--danger-ink:#2a0d0d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--text:#e5e7eb;--text-h:#f9fafb;--bg:#14151a;--panel-bg:#1c1e24;--border:#30323c;--accent:#4caf50;--accent-hover:#5cc060;--accent-ink:#0c1a0e;--brass:#c9a15a;--danger:#e05353;--danger-hover:#ef6a6a;--danger-ink:#2a0d0d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{margin:0}#root{min-height:100vh;display:flex}h1,h2,h3{color:var(--text-h);letter-spacing:-.01em;margin:0 0 8px;font-weight:700}h1{padding-bottom:10px;position:relative}h1:after{content:"";background:linear-gradient(90deg, var(--brass), var(--accent));border-radius:2px;width:36px;height:3px;position:absolute;bottom:0;left:0}button{font-family:inherit;font-size:inherit}.btn{border:1px solid var(--border);background:var(--panel-bg);color:var(--text);cursor:pointer;border-radius:6px;padding:6px 12px}.btn:hover{border-color:var(--accent)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn--primary:hover{background:var(--accent-hover)}.btn--danger{color:var(--danger)}.btn--danger:hover{background:var(--danger);color:var(--danger-ink);border-color:var(--danger)}.auth-page{flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.auth-page__card{background:var(--panel-bg);border:1px solid var(--border);border-radius:10px;width:380px;max-width:100%;padding:24px}.auth-page__card .field{margin-bottom:12px}.auth-page__card input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;padding:6px 8px}.auth-page__actions{gap:8px;margin-top:16px;display:flex}.auth-page__forgot{text-align:right;margin:-4px 0 12px;font-size:12.5px}.auth-page__switch{opacity:.85;margin:16px 0 0;font-size:13px}.auth-page__loading{padding:24px}.auth-page__error{color:var(--danger);margin:0 0 10px;font-size:12.5px}.account-menu{align-items:center;gap:8px;margin-left:auto;display:flex}.account-menu__email{opacity:.75;font-size:13px}.account-menu__login{text-decoration:none}.account-menu--viewer{align-items:center;gap:8px;display:flex}.account-menu__viewer-label{text-transform:uppercase;letter-spacing:.4px;opacity:.7;font-size:12.5px;font-weight:600}.account-menu--viewer .account-menu__login{text-decoration:none}.app{flex-direction:column;width:100%;height:100vh;display:flex}.app-loading{opacity:.7;flex:1;justify-content:center;align-items:center;display:flex}.sync-conflict-banner{background:var(--accent-bg);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 14px;font-size:13px;display:flex}.sync-conflict-banner span{flex:1}.toolbar{background:var(--panel-bg);flex-wrap:wrap;align-items:center;gap:10px;padding:8px 82px 8px 14px;display:flex;position:relative}.toolbar:after{content:"";background:linear-gradient(90deg, var(--brass), var(--accent));height:3px;position:absolute;bottom:0;left:0;right:0}.toolbar__brand{white-space:nowrap;font-weight:600}.toolbar__name-input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;min-width:200px;padding:6px 10px}.toolbar__name-input--readonly{opacity:.85;align-items:center;font-weight:600;display:inline-flex}.toolbar__dirty{color:var(--accent)}.toolbar__spacer{flex:1}.toolbar__divider{background:var(--border);align-self:stretch;width:1px;margin:0 4px}.toolbar__help-fixed{border:1px solid var(--accent);background:var(--panel-bg);width:28px;height:28px;color:var(--accent);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:14px;font-weight:700;display:inline-flex;position:absolute;top:8px;right:12px}.toolbar__help-fixed:hover{background:var(--accent);color:var(--accent-ink)}.toolbar__theme-toggle{border:1px solid var(--border);background:var(--panel-bg);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:14px;line-height:1;display:inline-flex;position:absolute;top:8px;right:46px}.toolbar__theme-toggle:hover{border-color:var(--accent)}.toolbar__dropdown{position:relative}.toolbar__dropdown-menu{z-index:10;border:1px solid var(--border);background:var(--panel-bg);border-radius:8px;flex-direction:column;gap:4px;min-width:190px;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 4px 16px #00000026}.toolbar__dropdown-menu .btn{text-align:left;white-space:nowrap}.help-icon-btn{border:1px solid var(--border);background:var(--bg);width:17px;height:17px;color:var(--text);cursor:pointer;vertical-align:middle;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:6px;font-size:11px;font-style:italic;font-weight:600;line-height:1;display:inline-flex}.help-icon-btn:hover{border-color:var(--accent);color:var(--accent)}.app__body{flex:1;min-height:0;display:flex}.app__sidebar{background:var(--panel-bg);flex-shrink:0;width:280px;padding:12px;overflow-y:auto}.app__sidebar--left{border-right:1px solid var(--border)}.app__sidebar--right{border-left:1px solid var(--border)}.app__canvas-area{background:var(--bg);flex:1;min-width:0;min-height:0;padding:20px;display:flex;position:relative}.canvas-area__view-toggle{z-index:5;position:absolute;top:12px;right:12px}.canvas-wrapper{border:2px dashed #0000;border-radius:6px;flex:1;min-width:0;min-height:0;position:relative}.canvas-wrapper--drag-over{border-color:var(--accent)}.canvas-svg{border:1px solid var(--border);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;background:#fff;border-radius:6px;width:100%;height:100%;display:block}.canvas-svg--rope-tool{cursor:crosshair}.canvas-svg--panning{cursor:grabbing}.zoom-controls{background:var(--panel-bg);border:1px solid var(--border);border-radius:8px;align-items:center;gap:2px;padding:3px;display:flex;position:absolute;bottom:10px;right:10px;box-shadow:0 4px 12px #0000001f}.zoom-controls__btn,.zoom-controls__reset{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:5px 8px;font-size:14px;line-height:1}.zoom-controls__reset{min-width:44px;font-size:12px}.zoom-controls__btn:hover,.zoom-controls__reset:hover{background:var(--bg)}.panel__title{margin-top:16px;margin-bottom:4px;font-size:14px;font-weight:600}.panel__title:first-child{margin-top:0}.panel__hint{opacity:.7;margin:0 0 10px;font-size:12.5px}.palette__item{border:1px solid var(--border);cursor:grab;background:var(--bg);border-radius:6px;align-items:center;gap:10px;margin-bottom:6px;padding:8px 10px;display:flex}.palette__item:hover{border-color:var(--accent)}.palette__item--active{border-color:var(--accent);background:var(--accent-bg)}.palette__rope-hint{color:var(--accent);opacity:1;margin-top:-2px}.legend{margin:0;padding:0;list-style:none}.legend__item{align-items:center;gap:8px;padding:3px 0;font-size:13px;display:flex}.legend__swatch{border:1px solid #0002;border-radius:3px;width:14px;height:14px;display:inline-block}.knot-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.knot-card{border:1px solid var(--border);background:var(--bg);border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;display:flex;position:relative}.knot-card__icon{cursor:grab}.knot-card__name{text-align:center;font-size:11.5px;line-height:1.2}.knot-card__info{border:1px solid var(--border);background:var(--panel-bg);width:18px;height:18px;color:var(--text);cursor:pointer;border-radius:50%;font-size:11px;font-style:italic;line-height:1;position:absolute;top:4px;right:4px}.knot-card__info:hover{border-color:var(--accent);color:var(--accent)}.field{flex-direction:column;gap:4px;margin-bottom:10px;font-size:13px;display:flex}.field span:first-child{opacity:.75}.field input[type=number],.field input[type=text],.field input[type=email],.field input[type=password],.field select{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;padding:6px 8px}.field--readonly{flex-direction:row;justify-content:space-between;align-items:center}.color-chip{align-items:center;gap:6px;display:inline-flex}.properties-panel__actions{gap:8px;margin-top:16px;display:flex}.modal-backdrop{z-index:100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--panel-bg);border-radius:10px;width:420px;max-width:90vw;max-height:85vh;padding:24px;position:relative;overflow-y:auto}.modal--wide{width:640px}.help-panel{flex-direction:column;width:760px;max-width:92vw;max-height:80vh;display:flex}.help-panel h2{margin:0 0 12px}.help-panel__search{box-sizing:border-box;border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:6px;flex-shrink:0;margin-bottom:14px;padding:8px 10px}.help-panel__body{flex:1;gap:20px;min-height:0;display:flex}.help-panel__nav{border-right:1px solid var(--border);flex-shrink:0;width:190px;padding-right:14px;overflow-y:auto}.help-panel__category h4{text-transform:uppercase;letter-spacing:.4px;opacity:.6;margin:14px 0 4px;font-size:11px}.help-panel__category:first-child h4{margin-top:0}.help-panel__category ul{margin:0;padding:0;list-style:none}.help-panel__nav-item{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 8px;font-size:13px;display:block}.help-panel__nav-item:hover{background:var(--bg)}.help-panel__nav-item--active{background:var(--accent-bg);color:var(--accent);font-weight:600}.help-panel__content{flex:1;min-width:0;overflow-y:auto}.help-panel__content h3{margin-top:0}.help-panel__content p{margin:0 0 10px;font-size:13.5px;line-height:1.5}.help-panel__tips{opacity:.85;margin:10px 0 0;padding-left:20px;font-size:13px}.help-panel__tips li{margin-bottom:4px}@media (width<=640px){.help-panel__body{flex-direction:column}.help-panel__nav{border-right:none;border-bottom:1px solid var(--border);width:auto;max-height:160px;padding-bottom:10px;padding-right:0}}.color-band-list{flex-direction:column;gap:6px;margin:14px 0 10px;display:flex}.color-band-row{grid-template-columns:1fr 76px 76px 44px 68px 28px;align-items:center;gap:8px;display:grid}.color-band-row--header{text-transform:uppercase;letter-spacing:.4px;opacity:.6;font-size:11.5px}.color-band-row input[type=text],.color-band-row input[type=number]{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;width:100%;padding:6px 8px}.color-band-row input[type=color]{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:6px;width:100%;height:32px;padding:2px}.color-band-row__color2{align-items:center;gap:4px;display:flex}.color-band-row__color2 input[type=checkbox]{cursor:pointer;flex-shrink:0}.color-band-row__color2 input[type=color]{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:6px;width:100%;height:32px;padding:2px}.color-band-row__remove{padding:4px 6px;line-height:1}.color-band-errors,.field-error{color:var(--danger);margin:10px 0 0;padding-left:20px;font-size:12.5px}.color-band-errors li{margin-bottom:4px}.color-settings__actions{justify-content:space-between}@media (width<=640px){.modal--wide{width:95vw}.color-band-row{grid-template-columns:1fr 60px 60px 36px 56px 24px;font-size:12.5px}}.modal__close{cursor:pointer;color:var(--text);background:0 0;border:none;font-size:16px;position:absolute;top:12px;right:12px}.modal__header{align-items:center;gap:14px;margin-bottom:12px;display:flex}.modal__category{text-transform:uppercase;opacity:.6;letter-spacing:.5px;font-size:12px}.modal__description{opacity:.85;margin-bottom:14px}.modal__steps{margin:0;padding-left:20px}.modal__steps li{margin-bottom:6px}.project-list{margin:12px 0 0;padding:0;list-style:none}.project-list__item{border:1px solid var(--border);border-radius:8px;margin-bottom:8px;padding:10px}.project-list__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.project-list__share-form{border-top:1px solid var(--border);gap:8px;margin-top:10px;padding-top:10px;display:flex}.project-list__share-form input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;flex:1;padding:6px 8px}.project-list__item--active{border-color:var(--accent)}.project-list__info{flex-direction:column;gap:2px;font-size:13px;display:flex}.project-list__info span{opacity:.65;font-size:12px}.project-list__actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:6px;display:flex}.toast{background:var(--text-h);color:var(--bg);z-index:200;border-radius:8px;padding:10px 18px;font-size:13px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.sjoring-illustration{border:1px dashed var(--border);background:#fff;border-radius:8px;margin-bottom:14px;padding:10px}.sjoring-illustration svg{width:100%;height:auto;max-height:220px;display:block}.floating-panel{background:var(--panel-bg);border:1px solid var(--border);z-index:90;border-radius:10px;width:360px;max-width:calc(100vw - 32px);max-height:calc(100vh - 90px);padding:16px;position:fixed;top:66px;right:16px;overflow-y:auto;box-shadow:0 12px 28px #0000002e}.floating-panel__header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.floating-panel__header h2{margin:0;font-size:16px}.floating-panel .modal__close{position:static}.sjoring-library-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px;display:grid}.floating-panel--wide{width:460px}.technique-category{margin-top:14px}.technique-category:first-of-type{margin-top:4px}.technique-category__title{text-transform:uppercase;letter-spacing:.4px;opacity:.65;border-bottom:1px solid var(--border);margin:0 0 6px;padding-bottom:4px;font-size:12px;font-weight:600}.pole-picker-backdrop{z-index:95;position:fixed;inset:0}.pole-picker{background:var(--panel-bg);border:1px solid var(--border);border-radius:10px;max-height:min(420px,100vh - 40px);padding:10px;position:fixed;overflow-y:auto;box-shadow:0 12px 28px #00000038}.pole-picker__header{justify-content:space-between;align-items:center;margin-bottom:6px;padding:0 4px;font-size:13px;display:flex}.pole-picker__header .modal__close{font-size:13px;position:static}.pole-picker__header-title{align-items:center;display:flex}.pole-picker__list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.pole-picker__option{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:7px 8px;font-size:13px;display:flex}.pole-picker__option:hover{background:var(--bg)}.pole-picker__label{flex:1}.pole-picker__range{opacity:.6;font-size:11px}@media (width<=900px){.app__body{flex-direction:column;overflow-y:auto}.app__sidebar{width:100%}}.view3d-panel{background:var(--panel-bg);border-radius:6px;flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.view3d-panel--modal{flex:none;height:480px;margin-top:12px}.view3d__three-canvas{width:100%!important;height:100%!important}.view3d__loading{opacity:.7;justify-content:center;align-items:center;height:100%;margin:0;display:flex}.view3d-hint{border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:12px}.admin{flex-direction:column;width:100%;min-height:100vh;display:flex}.admin__header{background:var(--panel-bg);align-items:center;gap:16px;padding:10px 16px;display:flex;position:relative}.admin__header:after{content:"";background:linear-gradient(90deg, var(--brass), var(--accent));height:3px;position:absolute;bottom:0;left:0;right:0}.admin__theme-toggle{border:1px solid var(--border);background:var(--panel-bg);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:14px;line-height:1;display:inline-flex}.admin__theme-toggle:hover{border-color:var(--accent)}.admin__brand{white-space:nowrap;font-weight:600}.admin__nav{gap:4px;display:flex}.admin__nav-link{color:var(--text);border-radius:6px;padding:6px 10px;font-size:13.5px;text-decoration:none}.admin__nav-link:hover{background:var(--bg)}.admin__nav-link--active{background:var(--accent-bg);color:var(--accent);font-weight:600}.admin__spacer{flex:1}.admin__email{opacity:.75;font-size:13px}.admin__body{box-sizing:border-box;flex:1;width:100%;max-width:900px;margin:0 auto;padding:20px 24px}.admin-stats{gap:16px;margin-top:16px;display:flex}.admin-stat{border:1px solid var(--border);background:var(--panel-bg);border-radius:10px;flex-direction:column;flex:1;gap:4px;padding:16px;display:flex}.admin-stat--link{color:inherit;cursor:pointer;text-decoration:none}.admin-stat--link:hover{border-color:var(--accent)}.admin-stat__value{color:var(--text-h);font-size:24px;font-weight:700}.admin-stat__label{opacity:.7;font-size:12.5px}.admin-create-user{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.admin-create-user input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;flex:1;min-width:160px;padding:6px 10px}.admin-created-info{border:1px solid var(--border);background:var(--accent-bg);border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13.5px}.admin-table{border-collapse:collapse;width:100%;font-size:13.5px}.admin-table th,.admin-table td{border-bottom:1px solid var(--border);text-align:left;padding:8px 10px}.admin-table th{text-transform:uppercase;letter-spacing:.4px;opacity:.6;font-size:11.5px}.admin-table__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.admin-form{max-width:420px}.field--checkbox{flex-direction:row;align-items:center;gap:8px}.field--checkbox input{flex-shrink:0}.admin-template-editor{border:1px solid var(--border);border-radius:10px;margin-bottom:16px;padding:16px}.admin-template-editor textarea{border:1px solid var(--border);background:var(--bg);color:var(--text);resize:vertical;border-radius:6px;padding:8px 10px;font-family:inherit}.admin-table__quota-input{border:1px solid var(--border);background:var(--bg);width:64px;color:var(--text);border-radius:5px;padding:3px 6px}