/* Editor surface: neutral chrome, pine selection, one consistent line-icon set. */
/* Compact two-row header: title/actions, then selection styling/history. */
body:not(.is-home) .workspace{grid-template-columns:100px minmax(0,1fr) 260px;height:calc(100dvh - 68px);min-height:650px}
body:not(.is-home) .library{padding:12px 10px;background:#fafcf8;border-right:1px solid #dfe5dc;color:#526158;overflow:auto}
body:not(.is-home) .library>.rail-intro,body:not(.is-home) #sessionsHome,body:not(.is-home) #folderShortcuts,body:not(.is-home) .library>.section-heading,body:not(.is-home) .library>.search,body:not(.is-home) #clipList,body:not(.is-home) .library-foot{display:none}
body:not(.is-home) #backToSessions{font-size:10px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;padding:12px 3px;color:#607066;border-bottom:1px solid #e3e8e0;border-radius:0;margin-bottom:15px}
body:not(.is-home) .element-tools{display:flex;flex-direction:column;padding:0;border:0;gap:7px;margin:0}
body:not(.is-home) .element-tools>.rail-intro{display:none}
body:not(.is-home) .element-tools button{display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;min-height:70px;padding:12px 6px;border:1px solid transparent;border-radius:9px;background:transparent;color:#647267}
body:not(.is-home) .element-tools button span{font-size:10px;font-weight:500;line-height:1.2}
body:not(.is-home) .element-tools button:hover{background:#edf2e9;color:#184e37}
body:not(.is-home) .element-tools button.active{background:#e4efdf;color:#175a3e;border-color:#cddfc5}
.element-tools svg,.layer-icon svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
body:not(.is-home) #uploadButton{margin-top:24px;border:1px solid #dce5d7;border-radius:8px;background:#fff;color:#56685b;font-size:10px;padding:11px 4px;line-height:1.5}
body:not(.is-home) .editor{display:flex;flex-direction:column;padding:0;min-width:0;background:#edf0eb;overflow:hidden}
body:not(.is-home) .editor-heading{flex-shrink:0;min-height:72px;padding:16px 22px;margin:0;background:#fff;border-bottom:1px solid #e0e6dc;align-items:center}
body:not(.is-home) .editor-heading .eyebrow,body:not(.is-home) #clipSubtitle{display:none}
body:not(.is-home) .editor-heading h2{font-size:18px;font-weight:600;letter-spacing:-.35px;margin:0;max-width:55vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body:not(.is-home) .save-actions{max-width:none;flex-wrap:nowrap;gap:8px}
body:not(.is-home) .save-actions>span{width:auto;margin:0 8px 0 0;font-size:10px;white-space:nowrap}
body:not(.is-home) .save-actions button{font-size:11px;padding:9px 12px;border-radius:6px}
body:not(.is-home) #exportButton{background:#175d42;color:#fff;border-color:#175d42}
body:not(.is-home) .toolbar{flex-shrink:0;height:43px;padding:5px 20px;border:0;border-bottom:1px solid #e0e6dc;border-radius:0;background:#fafbf9;gap:5px}
.toolbar-label{font-size:10px;color:#7b877d;letter-spacing:.2px}
body:not(.is-home) .toolbar button{padding:6px 9px;font-size:17px;color:#536256}
body:not(.is-home) .overlay-toggle{font-size:10px;margin-left:14px}
body:not(.is-home) .editor>.inspector{flex:0 0 auto;flex-wrap:nowrap;gap:16px;min-height:76px;padding:12px 18px;background:#fff;border:0;border-bottom:1px solid #dfe5dc;overflow-x:auto;align-items:center}
body:not(.is-home) .editor>.inspector>label{flex:0 0 210px;min-width:0;margin:0;color:#7b857e;font-size:9px;font-weight:500}
body:not(.is-home) .editor>.inspector textarea{width:100%;height:33px;min-height:33px;margin-top:5px;padding:8px 9px;resize:none;border-radius:5px;font-size:11px;background:#fafbf9;border-color:#e1e6de}
body:not(.is-home) .editor>.inspector .inspector-title{flex:0 0 auto;display:flex;align-items:center;gap:10px;margin:0}
body:not(.is-home) #annotationType{font-size:11px;font-weight:600;white-space:nowrap}
body:not(.is-home) #deleteAnnotation{font-size:10px;color:#9b655d;padding:6px}
body:not(.is-home) .editor>.inspector #heelReferenceField{flex:0 0 185px;max-width:none}
body:not(.is-home) .editor>.inspector #heelReference{font-size:10px;background:#fafbf9;border-color:#e1e6de;height:33px;border-radius:5px;margin-top:5px}
body:not(.is-home) .editor>.inspector .measurement{font-size:18px;font-weight:600;white-space:nowrap;color:#175d42}
body:not(.is-home) .editor>.inspector #measurementHelp,body:not(.is-home) .editor>.inspector>.field-row:last-of-type{display:none}
body:not(.is-home) .editor>.inspector .color-row{display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-start;gap:5px;margin:0}
body:not(.is-home) .color-row label{font-size:9px;color:#7b857e}
body:not(.is-home) #annotationColor{width:33px;height:33px;border-radius:5px;padding:3px;border-color:#e1e6de}
body:not(.is-home) #annotationTiming{flex:0 0 145px;max-width:none;gap:8px}
body:not(.is-home) #annotationTiming label{font-size:9px;color:#7b857e}
body:not(.is-home) #annotationTiming input{height:33px;margin-top:5px;border-radius:5px;font-size:10px;background:#fafbf9;border-color:#e1e6de}
body:not(.is-home) .stage{flex:1;min-height:280px;height:auto;background:#e8ece5;background-image:none;padding:20px}
body:not(.is-home) .media-frame{box-shadow:0 2px 18px #17302215}
body:not(.is-home) .transport{flex-shrink:0;border:0;border-top:1px solid #dce3d7;border-radius:0;padding:12px 20px;background:#fafbf9}
body:not(.is-home) .tool-help{flex-shrink:0;margin:0;padding:9px 20px 11px;font-size:10px;background:#fafbf9;color:#7a867b;border-top:1px solid #eef0eb}
body:not(.is-home) .notes{display:flex;flex-direction:column;padding:0;background:#fff;border-left:1px solid #dfe5dc;overflow:auto}
body:not(.is-home) .notes>.section-heading{margin:0;min-height:56px;padding:20px 18px 15px;border-bottom:1px solid #e4e9e0}
body:not(.is-home) .notes>.section-heading h2{font-size:12px;font-weight:600;letter-spacing:0}
body:not(.is-home) .notes .count{font-size:10px;background:#f0f3ed;color:#73806f;border-radius:4px;padding:2px 6px}
body:not(.is-home) .note-list{padding:6px 0;flex:1;min-height:100px;max-height:none;overflow:auto}
body:not(.is-home) .note-card{display:flex;align-items:center;gap:11px;position:relative;width:100%;padding:13px 17px;margin:0;border:0;border-left:3px solid transparent;border-radius:0;background:transparent;color:#556459}
body:not(.is-home) .note-card::before{display:none}
body:not(.is-home) .note-card:hover{background:#f6f8f3}
body:not(.is-home) .note-card.active{border-left-color:#28714c;background:#edf4e8;color:#20533a}
.layer-icon{flex:0 0 24px;color:#7a8c7c}.layer-icon svg{width:20px;height:20px}.layer-content{min-width:0;flex:1}
body:not(.is-home) .note-card strong{font-size:11px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.6}
body:not(.is-home) .note-card small{font-size:9px;color:#8a9489;margin-top:3px;font-variant-numeric:tabular-nums}
body:not(.is-home) .notes-empty{padding:35px 22px;text-align:left;color:#899486}
body:not(.is-home) .notes-empty h3{font-size:11px;font-weight:500;color:#6c796a;margin:0 0 8px}
body:not(.is-home) .notes-empty p{font-size:10px;line-height:1.8}
body:not(.is-home) #clipDetails{flex-shrink:0;margin:0;padding:17px 18px;border-top:1px solid #e2e8dd}
body:not(.is-home) #clipDetails summary{font-size:11px;font-weight:500;color:#52634f}
body:not(.is-home) #clipDetails label{font-size:10px;color:#7d8977;margin-top:15px}
body:not(.is-home) #clipDetails input{font-size:11px;background:#fafbf8;border-color:#e1e7dc;border-radius:5px}
body:not(.is-home) #saveDetails{font-size:10px;border-radius:5px;color:#52684c}
@media(max-width:1100px){body:not(.is-home) .workspace{grid-template-columns:84px minmax(0,1fr) 220px}body:not(.is-home) .save-actions>span{display:none}body:not(.is-home) .stage{padding:12px}body:not(.is-home) .editor-heading{padding:15px}body:not(.is-home) .editor-heading h2{font-size:16px}}
@media(max-width:760px){body:not(.is-home) .workspace{display:grid;grid-template-columns:72px minmax(0,1fr);height:auto;min-height:calc(100dvh - 64px)}body:not(.is-home) .library{grid-column:1;grid-row:1;padding:9px 5px;display:flex;flex-direction:column}body:not(.is-home) .element-tools button{min-height:63px}body:not(.is-home) .editor{grid-column:2;min-height:650px}body:not(.is-home) .notes{grid-column:1/-1;display:flex;max-height:360px;min-height:170px;border-top:1px solid #dfe5dc}body:not(.is-home) .note-list{min-height:110px}body:not(.is-home) .editor-heading{flex-direction:column;align-items:flex-start;gap:10px;padding:14px}body:not(.is-home) .save-actions{justify-content:flex-start}body:not(.is-home) .editor-heading h2{max-width:65vw}body:not(.is-home) .stage{min-height:280px;padding:8px}body:not(.is-home) .transport{padding:10px 7px}body:not(.is-home) .tool-help{padding:9px}.element-tools svg{width:22px;height:22px}}
body:not(.is-home) .editor-heading{min-height:44px;height:44px;padding:7px 14px;gap:12px;flex-direction:row;align-items:center}
body:not(.is-home) .editor-heading h2{font-size:14px;letter-spacing:-.2px;max-width:45vw}
body:not(.is-home) .save-actions{gap:5px;flex-shrink:0}
body:not(.is-home) .save-actions>span{font-size:9px;margin-right:6px}
body:not(.is-home) .save-actions button{width:29px;height:29px;padding:6px;display:grid;place-items:center;border-radius:5px}
.save-actions svg,.compact-toolbar svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;display:block}
body:not(.is-home) .compact-toolbar{display:flex;align-items:center;gap:8px;height:42px;min-height:42px;padding:5px 12px;overflow-x:auto;background:#fff}
body:not(.is-home) .compact-toolbar>.inspector{display:flex;align-items:center;flex:1 0 auto;gap:10px;min-height:0;height:30px;padding:0;margin:0;border:0;background:none;flex-wrap:nowrap}
body:not(.is-home) .compact-toolbar .inspector-title{display:flex;align-items:center;gap:5px;margin:0;flex:0 0 auto}
body:not(.is-home) #selectedElementIcon{color:#567160;padding:5px;display:block}
body:not(.is-home) .compact-toolbar #deleteAnnotation{width:27px;height:27px;padding:5px;display:grid;place-items:center;color:#906960}
body:not(.is-home) .compact-toolbar .compact-text{display:block;flex:0 1 210px;min-width:130px;margin:0}
body:not(.is-home) .compact-toolbar textarea{height:28px;min-height:28px;width:100%;padding:5px 8px;margin:0;font-size:11px;line-height:16px;resize:none;border-radius:5px;border-color:#e2e7df;background:#fafbf9}
body:not(.is-home) .compact-toolbar #heelReferenceField{margin:0;flex:0 0 170px;min-width:170px}
body:not(.is-home) .compact-toolbar #heelReference{width:100%;height:28px;margin:0;padding:4px 6px;font-size:10px;border-radius:5px}
body:not(.is-home) .compact-toolbar .measurement{font-size:15px;margin:0;white-space:nowrap}
body:not(.is-home) .compact-toolbar #measurementHelp,body:not(.is-home) .compact-toolbar .inspector>.field-row:last-of-type,body:not(.is-home) .compact-toolbar .inspector>p:last-child{display:none}
body:not(.is-home) .compact-toolbar #annotationTiming{display:flex;flex:0 0 120px;gap:5px;max-width:120px}
body:not(.is-home) .compact-toolbar #annotationTiming label{margin:0}
body:not(.is-home) .compact-toolbar #annotationTiming input{height:28px;padding:4px;font-size:10px;margin:0}
body:not(.is-home) .compact-toolbar .color-row{margin:0;flex:0 0 27px;display:block}
body:not(.is-home) .compact-toolbar #annotationColor{width:27px;height:27px;padding:3px;border-radius:5px}
.toolbar-actions{display:flex;align-items:center;gap:3px;margin-left:auto;flex:0 0 auto;padding-left:8px;border-left:1px solid #e5e9e1}
body:not(.is-home) .compact-toolbar .toolbar-actions button{width:28px;height:28px;padding:6px;display:grid;place-items:center;border-radius:5px}
body:not(.is-home) .compact-toolbar .overlay-toggle{position:relative;display:grid;place-items:center;width:28px;height:28px;margin:0 0 0 3px;border-radius:5px;color:#8a9588;cursor:pointer}
.compact-toolbar .overlay-toggle input{position:absolute;inset:0;opacity:0;margin:0;width:100%;height:100%;cursor:pointer}
.compact-toolbar .overlay-toggle:has(input:checked){color:#216146;background:#edf3e8}
.compact-toolbar .overlay-toggle:focus-within{outline:2px solid #83a58d;outline-offset:2px}
@media(max-width:760px){body:not(.is-home) .editor-heading h2{max-width:36vw;font-size:12px}body:not(.is-home) .save-actions>span{display:none}body:not(.is-home) .compact-toolbar{padding:5px 8px}body:not(.is-home) .compact-toolbar>.inspector{flex:0 0 auto}body:not(.is-home) .compact-toolbar .compact-text{flex:0 0 160px}}
.topbar{height:52px;padding:0 18px;gap:20px}.topbar .brand{display:flex;align-items:center;gap:9px;letter-spacing:0}.topbar .app-name{font-size:14px;font-weight:600}.topbar [data-ff-logo]{display:flex;align-items:center}.club-name{font-size:11px;color:#7c897e;border-left:1px solid #e1e6dc;padding-left:18px}.topbar .account{gap:8px}.topbar .account>button{height:30px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:6px;font-size:11px}.topbar .account svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.topbar #settingsButton{width:30px;padding:6px;color:#788478}.topbar #exportButton{background:#175d42;border:1px solid #175d42;color:#fff;padding:6px 12px}.topbar #exportButton:disabled{opacity:.45}.workspace{min-height:calc(100vh - 52px)}body:not(.is-home) .workspace{height:calc(100dvh - 52px)}
#shareDialog{width:370px;max-width:calc(100vw - 28px);padding:22px;border-radius:13px}#shareDialog h2{font-size:18px}#shareDialog .dialog-heading{margin-bottom:7px}#shareDialog .dialog-heading button{padding:4px 8px;font-size:18px;border:0}#shareDialog label{display:block;margin-top:18px;font-size:11px;color:#60715f}#shareDialog select{display:block;width:100%;margin-top:7px;font-size:12px;padding:10px;border-radius:6px}#shareDialog p{font-size:10px;color:#899483;line-height:1.6;margin-top:9px}#shareDialog .quality-label{display:flex;align-items:center;justify-content:space-between}#shareDialog input[type=range]{width:100%;margin-top:12px;padding:0}#shareDialog .export-overlays{display:flex;align-items:center;gap:7px}#shareDialog #downloadExport{width:100%;margin-top:18px;padding:11px;font-size:12px}#shareDialog #exportFeedback{color:#35684b}#shareDialog #exportContext{margin-bottom:5px;overflow-wrap:anywhere}
@media(max-width:760px){body:not(.is-home) .workspace{height:auto;min-height:calc(100dvh - 52px)}.topbar{gap:12px;padding:0 12px}.club-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:12px}.topbar .account #exportButton{max-width:none}.topbar .app-name{font-size:13px}}
body:not(.is-home) .compact-toolbar .style-group{display:flex;align-items:center;flex:0 0 auto;gap:4px;padding-left:8px;border-left:1px solid #e5e9e1;height:28px}
body:not(.is-home) .compact-toolbar .style-group select,body:not(.is-home) .compact-toolbar .style-group input[type=number]{height:27px;font-size:10px;padding:3px 5px;border:1px solid #e1e6dd;border-radius:4px;background:#fafbf8;margin:0;color:#52644f}
body:not(.is-home) .compact-toolbar #fontFamily{width:113px}body:not(.is-home) .compact-toolbar #fontSize,body:not(.is-home) .compact-toolbar #lineWidth{width:47px}
body:not(.is-home) .compact-toolbar .style-group button{padding:3px;width:25px;height:27px;font-size:12px;border-radius:4px;border:0;display:grid;place-items:center;background:transparent}
body:not(.is-home) .compact-toolbar .style-group button.active{color:#1d6447;background:#e5f0df}
body:not(.is-home) .compact-toolbar .style-colour{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;width:25px;height:28px;margin:0;font-size:12px;color:#53634d}
body:not(.is-home) .compact-toolbar .style-colour input{width:23px;height:9px;border:0;padding:0;margin:0;cursor:pointer}
body:not(.is-home) .compact-toolbar .style-colour input::-webkit-color-swatch-wrapper{padding:0}
body:not(.is-home) .compact-toolbar #textAlign{width:61px}body:not(.is-home) .compact-toolbar #lineStyle{width:68px}
body:not(.is-home) .compact-toolbar .opacity-control{display:flex;align-items:center;gap:3px;margin:0;font-size:9px;color:#85907d}
body:not(.is-home) .compact-toolbar #elementOpacity{width:47px}