.photography-workspace{grid-column:2/-1;min-width:0;width:100%;padding:16px 24px 55px;color:var(--text,#173d43);box-sizing:border-box}.photography-workspace *{box-sizing:border-box}.photography-workspace fieldset{border:0;padding:0;margin:0;min-width:0}.photo-header{display:flex;justify-content:space-between;align-items:center;gap:22px}.photo-header h1{font-size:32px;letter-spacing:-1px;margin:8px 0}.photo-header p{color:var(--muted,#607578);line-height:1.7}.photo-eyebrow{font-size:11px;letter-spacing:2px;color:#428577}.photography-workspace button,.photography-workspace input,.photography-workspace textarea,.photography-workspace select{font:inherit}.photography-workspace button{border:1px solid #789e9b55;border-radius:9px;padding:10px 15px;background:var(--panel,#fff);color:inherit;cursor:pointer;line-height:1.4}.photography-workspace button:hover{border-color:#167a69;background:#74b6a512}.photography-workspace button:focus-visible,.photography-workspace input:focus-visible,.photography-workspace textarea:focus-visible,.photography-workspace select:focus-visible{outline:3px solid #67b9a5;outline-offset:2px}.photography-workspace button:disabled,.photography-workspace fieldset:disabled{opacity:.65}.photography-workspace .photo-primary,.photography-workspace button.active{background:#19594f;color:#fff;border-color:#19594f}.photography-workspace label{display:block;font-size:13px;line-height:1.6;margin:12px 0}.photography-workspace input:not([type=range]):not([type=checkbox]):not([type=file]),.photography-workspace textarea,.photography-workspace select{display:block;width:100%;padding:10px 12px;border:1px solid #789e9b55;border-radius:8px;background:var(--panel,#fff);color:inherit;margin-top:6px;min-width:0}.photography-workspace textarea{resize:vertical;line-height:1.7}.photography-workspace input[type=range]{width:100%;accent-color:#196d5c;display:block}.photo-toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.photo-toolbar label{margin:4px;min-width:100px}.photo-project-bar{display:grid;grid-template-columns:minmax(150px,2fr) minmax(150px,1fr) auto auto;align-items:center;gap:14px;padding:8px 18px;background:#80b4a50e;border:1px solid #789e9b33;border-radius:12px}.photo-status{padding:12px 16px;border-left:3px solid #3c8e7c;background:#80b4a512;line-height:1.7;overflow-wrap:anywhere;font-size:13px}.photo-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:22px 0}.photo-tabs button{text-align:left;font-weight:600}.photo-tabs small{display:block;font-size:10px;letter-spacing:2px;opacity:.6;margin-bottom:5px}.photo-course-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.photo-course-card{text-align:left;min-height:112px;display:flex;flex-direction:column;justify-content:space-between;gap:14px}.photo-course-card small{font-size:11px;opacity:.75}.photo-course-card strong{font-size:15px;line-height:1.6}.photo-card{padding:24px;border:1px solid #789e9b33;border-radius:14px;background:var(--panel,#fff);margin:18px 0;min-width:0}.photo-card h2{font-size:20px;margin:0 0 18px}.photo-card h3{font-size:15px;margin:23px 0 8px}.photo-card p,.photo-card li{font-size:14px;line-height:1.9}.photo-lesson{max-width:1000px}.photo-lesson li{margin:8px 0}.photo-two-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:20px}.photo-two-columns>.photo-card{margin:0}.photo-muted{opacity:.7;font-size:12px!important;line-height:1.8!important}.photo-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.photo-diagram{margin:15px 0;border:1px solid #789e9b44;border-radius:10px;overflow:hidden;background:#f8fafb}.photo-light-svg{width:100%;display:block;touch-action:none;user-select:none}.photo-resource-note{padding:16px;border:1px dashed #789e9b66;border-radius:10px;font-size:13px;line-height:1.8}.photo-resource-note figure{display:inline-block;margin:10px;max-width:280px}.photo-resource-note img{width:100%;height:180px;object-fit:contain}.photo-result{margin:15px 0}.photo-result img{display:block;width:100%;max-height:580px;object-fit:contain;background:#809c9911;border-radius:10px}.photo-result figcaption{font-size:12px;margin:8px 0;opacity:.75}.photo-version-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.photo-version-grid article{border:1px solid #789e9b44;border-radius:10px;padding:14px;min-width:0}.photo-version-grid img{width:100%;height:180px;object-fit:contain}.photo-version-grid strong,.photo-version-grid small{display:block;margin:8px 0;overflow-wrap:anywhere}.photo-version-grid p{overflow-wrap:anywhere;font-size:12px}.photo-upload{padding:25px;border:1px dashed #75a291;border-radius:12px;cursor:pointer}.photo-upload input{display:block;margin-top:14px;max-width:100%}.photo-thumbnails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.photo-thumbnails figure{margin:0}.photo-thumbnails img{width:100%;height:100px;object-fit:contain}.photo-edit-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:20px}.photo-edit-stage{align-self:start;position:sticky;top:20px}.photo-image-wrap{position:relative;min-height:140px;max-width:100%;margin:20px auto;background:repeating-conic-gradient(#dae3e3 0% 25%,#f5f8f8 0% 50%) 50%/20px 20px}.photo-image-wrap canvas{display:block;width:100%;height:auto}.photo-image-wrap canvas[data-photo-mask]{position:absolute;inset:0;touch-action:none;cursor:crosshair}.photo-adjustments label{padding:4px 0}.photo-adjustments output{float:right;font-variant-numeric:tabular-nums;opacity:.75}.photo-compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.photo-compare-grid figure{margin:0;min-width:0}.photo-compare-grid figcaption{font-size:12px;padding:12px 0}.photo-pan{height:350px;overflow:auto;background:#789e9b11}.photo-pan canvas{width:100%;height:auto;display:block}.photo-wipe{position:relative;max-width:750px;margin:20px auto}.photo-wipe canvas{display:block;width:100%;height:auto}.photo-wipe canvas[data-photo-after]{position:absolute;inset:0}.photo-full-original{width:100%;max-height:600px;object-fit:contain}.photo-checklist{padding:16px;background:#789e9b11;border-radius:10px}.photo-checklist label{display:flex;align-items:center;gap:10px}.photo-board-pages{display:grid;gap:18px;margin-top:20px}.photo-board-pages canvas{width:100%;height:auto;max-width:560px;margin:auto;box-shadow:0 3px 14px #0002}.photography-workspace a{color:#167865}.photography-workspace details>summary{cursor:pointer;font-size:14px}@media(max-width:1100px){.photo-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-two-columns{grid-template-columns:1fr}.photo-project-bar{grid-template-columns:1fr 1fr}.photo-edit-layout{grid-template-columns:minmax(0,1fr) 220px}.photo-version-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.photography-workspace{grid-column:1/-1;padding:12px}.photo-header{flex-direction:column;align-items:start}.photo-header h1{font-size:27px}.photo-card{padding:17px}.photo-tabs{gap:4px}.photo-tabs button{padding:8px 5px;font-size:11px}.photo-project-bar{padding:12px;gap:8px}.photo-course-card{padding:12px!important}.photo-course-card strong{font-size:13px}.photo-edit-layout{grid-template-columns:1fr}.photo-edit-stage{position:static}.photo-adjustments{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.photo-adjustments h2{grid-column:1/-1}.photo-compare-grid{grid-template-columns:1fr}.photo-pan{height:300px}.photo-version-grid{grid-template-columns:1fr}.photo-fields{gap:0 8px}body.photography-active .topbar{gap:8px;padding:10px 12px;box-sizing:border-box}body.photography-active .topnav{flex:0 0 100%;white-space:nowrap}}

@media(max-width:720px){body.photography-active .topbar{max-width:100%}body.photography-active .topnav{min-width:0;max-width:100%;overflow-x:auto}body.photography-active .topnav .nav-btn{flex:0 0 auto;white-space:nowrap;padding:0 12px}body.photography-active .rail{max-width:100%;overflow-x:auto}.photography-workspace{max-width:100vw}}

.photo-light-direction{padding:14px 18px;border:1px solid #789e9b55;border-radius:10px;background:#80b4a512}.photo-light-direction>label{max-width:620px}.photo-light-direction .photo-toolbar label{width:110px}.photo-light-direction small{display:block;line-height:1.8}.photo-light-direction [data-light-feedback]:empty{display:none}.photo-light-help{line-height:1.8}.photo-light-svg [data-light-rotate]{touch-action:none}

/* Keep the whole photograph visible while the adjustments scroll independently. */
.photo-edit-stage{top:90px;max-height:calc(100dvh - 110px);overflow:auto;overscroll-behavior:contain}
.photo-adjustments{position:sticky;top:90px;align-self:start;max-height:calc(100dvh - 110px);overflow:auto;overscroll-behavior:contain}
.photo-editor-tools{margin:12px 0}.photo-editor-tools label{flex:1 1 110px;min-width:90px;max-width:220px}.photo-editor-tools output{min-width:48px;font-variant-numeric:tabular-nums}
.photo-editor-viewport{width:100%;height:clamp(220px,calc(100dvh - 320px),620px);overflow:auto;border:1px solid #789e9b55;border-radius:10px;background:#789e9b14;overscroll-behavior:contain;touch-action:none}
.photo-editor-space{position:relative;display:flex;justify-content:center;align-items:center;min-width:100%;min-height:100%;padding:12px}.photo-editor-space[hidden]{display:none}
.photo-editor-space .photo-image-wrap{margin:0;min-height:0;max-width:none;flex:none}.photo-editor-space .photo-image-wrap canvas{width:100%;height:100%}
.photo-editor-viewport[data-tool=pan] canvas[data-photo-mask]{cursor:grab}.photo-editor-viewport.dragging canvas[data-photo-mask]{cursor:grabbing}
.photo-editor-viewport>[data-editor-empty]{padding:18px}
@media(max-width:720px){.photo-edit-stage{position:static;max-height:none;overflow:visible}.photo-adjustments{position:static;max-height:none;overflow:visible}.photo-editor-viewport{height:clamp(220px,48dvh,440px)}.photo-editor-tools{gap:6px}.photo-editor-tools button{padding:8px 10px}}

.photo-edit-layout{scroll-margin-top:90px}

.photography-workspace fieldset:disabled [data-photo-lighting]{pointer-events:none}.photo-light-summary{padding:12px 16px;background:#eff5f1;border:1px solid #789e9b55;border-radius:10px;margin-bottom:16px}.photo-light-summary pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.7;margin:0}
