@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap";*{box-sizing:border-box}body{color:#293a32;background:#f7f4ee;margin:0;font-family:DM Sans,sans-serif;font-size:14px}.tracker{max-width:1120px;margin:auto;padding:38px 36px}header{align-items:center;gap:16px;display:flex}.mark{color:#f6e5cd;background:#29483c;border-radius:10px;place-items:center;width:52px;height:58px;font-size:36px;display:grid}.eyebrow{letter-spacing:2px;color:#6e7d73;font-size:10px}h1{margin:2px 0;font-family:Playfair Display,Georgia,serif;font-size:34px}h1 span{color:#c27055}.saved{color:#69796d;margin-left:auto;font-size:12px}.intro{margin:35px 0 29px}.intro p{margin:0 0 8px;font-family:Playfair Display,Georgia,serif;font-size:26px}.intro span,p{color:#718074}nav{border-bottom:1px solid #d8ded4;gap:12px;margin-bottom:26px;display:flex}button{font:inherit;cursor:pointer;color:#314b3d;background:#fffdf8;border:1px solid #d3dbd1;border-radius:7px;padding:10px 15px}button:hover{background:#edf1e9}button:disabled,fieldset:disabled button{cursor:wait;opacity:.65}nav button{background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;padding:16px 9px}nav button.active{color:#284333;border-color:#31533f;font-weight:600}small{background:#e9e9dd;border-radius:12px;margin-left:10px;padding:3px 7px;font-size:10px}fieldset{border:0;min-width:0;margin:0;padding:0}section{background:#fffdf8;border:1px solid #dfdfd4;border-radius:14px;padding:25px;box-shadow:0 3px 12px #293a3204}.sectionhead{justify-content:space-between;align-items:center;gap:15px;display:flex}h2{margin:0;font-family:Playfair Display,Georgia,serif;font-size:23px}.sectionhead p{margin:8px 0 20px;line-height:1.6}.tag{letter-spacing:1.5px;white-space:nowrap;border:1px solid #dbded1;border-radius:20px;padding:7px 12px;font-size:9px}label{color:#536957;flex-direction:column;gap:7px;font-size:12px;display:flex}input,select,textarea{font:inherit;color:#293a32;background:#fffefa;border:1px solid #d5ddd0;border-radius:7px;max-width:100%;padding:11px 12px}:is(input:focus,select:focus,textarea:focus,button:focus-visible){outline-offset:2px;outline:2px solid #76967b}.add{background:#f4f5ed;border-radius:10px;align-items:end;gap:15px;margin-bottom:22px;padding:18px;display:flex}.add label{flex:1}.primary{color:#fffdf6;background:#315440;border-color:#315440}.primary:hover{background:#426950}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:#718074;text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid #dce0d4;padding:14px 12px;font-size:11px;font-weight:500}td{border-bottom:1px solid #e9ebdf;padding:13px 12px}td button{padding:6px 10px;font-size:11px}.code{font-family:monospace;font-size:15px;font-weight:600}td:last-child{white-space:nowrap}td select{font-size:12px}input[type=checkbox]{accent-color:#315440;width:18px;height:18px}.bought td{opacity:.45}.bought .code{text-decoration:line-through}.empty{text-align:center;color:#7b8879;padding:45px 20px;font-family:Playfair Display,Georgia,serif;font-size:23px}.empty p{font-family:DM Sans,sans-serif;font-size:13px}.projectbar>label{flex:1}.projectbar form{flex:1;align-items:end;gap:10px;display:flex}.pattern{background:#f4f5ed;border-radius:10px;gap:22px;margin-bottom:20px;padding:20px;display:flex}.pattern label,.pattern>div{flex:1}.pattern p{font-size:13px;line-height:1.65}textarea{resize:vertical;min-height:120px;font-family:monospace}.note{margin:20px 0 0;font-size:11px;line-height:1.6}.error{color:#86472f;background:#fff0e9;border:1px solid #dbac94;border-radius:8px;margin:15px 0;padding:15px}footer{color:#8a9488;justify-content:space-between;margin-top:26px;font-size:10px;display:flex}footer span{letter-spacing:.4px}@media (max-width:650px){.tracker{padding:22px 15px}h1{font-size:28px}.eyebrow{font-size:8px}.saved{font-size:10px}.mark{width:40px;height:46px}.intro p{font-size:23px}.intro span{font-size:12px}section{padding:15px}.add,.projectbar,.pattern{flex-direction:column;align-items:stretch}.projectbar form{width:100%}.projectbar form label{flex:1;min-width:0}nav{gap:2px}nav button{padding:12px 8px;font-size:12px}small{margin-left:4px}footer span,.tag{display:none}td,th{padding:12px 8px}}.floss-swatch,.availability-swatch{vertical-align:middle;border:1px solid #929b90;border-radius:3px;width:86px;height:32px;display:inline-flex;overflow:hidden}.floss-swatch>span{flex:1;height:100%}.swatch-missing{color:#718074;font-size:14px}.availability-swatch.have{background:#b4ccb3;border-color:#8fab90}.availability-swatch.missing{background:#e1b4af;border-color:#c99791}.availability-swatch.unknown{background:#c9ccc5;border-color:#aeb5ab}section{font-family:DM Sans,sans-serif;font-size:16px}section h2{font-family:inherit;font-size:23px;font-weight:600}label,input,select,textarea,button,nav button,.sectionhead p{font-size:14px}.empty{font-family:inherit;font-size:20px}.empty p{font-size:14px}table{table-layout:fixed}th,.inventory-table th{text-transform:none;letter-spacing:0;font-size:14px;font-weight:500}td,.inventory-table td{font-size:14px;line-height:1.5}th,td,.inventory-table th,.inventory-table td{vertical-align:middle;padding:16px 18px}.code,.inventory-table .code{font-variant-numeric:tabular-nums;font-family:inherit;font-size:14px;font-weight:600}.skein-count{font-variant-numeric:tabular-nums}.thread-name{overflow-wrap:anywhere}td button,.inventory-table td:last-child button{color:#7c655d;background:0 0;border-color:#0000;padding:8px 10px;font-size:14px}td button:hover{background:#fff0e9;border-color:#ead5ca}.inventory-table td:last-child{text-align:right;white-space:nowrap}.inventory-number{width:14%}.inventory-name{width:32%}.inventory-color{width:20%}.inventory-count{width:14%}.inventory-actions{width:20%}.project-table th:nth-child(2),.project-table th:nth-child(3){width:30%}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:650px){.inventory-table{min-width:620px}.project-table{min-width:380px}.shopping-table{min-width:440px}th,td,.inventory-table th,.inventory-table td{padding:14px 8px}.floss-swatch,.availability-swatch{width:72px;height:30px}nav button{font-size:14px}}.projectbar{align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.projectbar>label{flex:1;max-width:420px}.new-project-toggle{white-space:nowrap;margin-left:auto}.new-project-form{background:#f4f5ed;border-radius:10px;align-items:flex-end;gap:12px;margin-bottom:22px;padding:18px;display:flex}.new-project-form label{flex:1}.project-table .status-cell{text-align:left}.project-table th:nth-child(2),.project-table th:nth-child(3){width:25%}.shopping-table th:first-child{width:34%}.shopping-table th:nth-child(2){width:22%}.shopping-table th:nth-child(3){width:26%}.shopping-table th:nth-child(4){width:18%}@media (max-width:650px){.projectbar{flex-direction:row;align-items:flex-end}.projectbar>label{min-width:0}.new-project-form{flex-wrap:wrap}.new-project-form label{flex-basis:100%}.new-project-toggle{padding:11px 12px}}.project-workspace{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:24px;display:grid}.project-colors{min-width:0}.shopping-panel{background:#f4f5ed;border:1px solid #dce0d4;border-radius:10px;padding:18px}.shopping-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.shopping-heading h3{margin:0;font-size:16px;font-weight:600}.shopping-heading>span{color:#718074;white-space:nowrap;font-size:12px}.shopping-item{border-bottom:1px solid #dce0d4;grid-template-columns:18px 58px 1fr;align-items:center;gap:10px;padding:12px 0;display:grid}.shopping-item:last-child{border-bottom:0}.shopping-item input{margin:0}.shopping-name{font-size:14px;line-height:1.4}.shopping-item.purchased{opacity:.45}.shopping-item.purchased .code{text-decoration:line-through}.shopping-empty{margin:0;font-size:14px;line-height:1.6}.delete-project{color:#95665e;background:0 0;border-color:#0000;margin-left:auto}.new-project-toggle{margin-left:0}.project-colors .add{flex-wrap:wrap}.project-colors .add label{min-width:120px}.project-colors td,.project-colors th{padding-left:12px;padding-right:12px}@media (max-width:900px){.project-workspace{grid-template-columns:minmax(0,1fr)}.shopping-panel{width:100%}.projectbar{flex-wrap:wrap}.projectbar>label{flex:1;min-width:160px}}.tracker{max-width:1280px}.project-workspace{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.project-table{min-width:620px}.project-table td,.project-table th{padding-left:10px;padding-right:10px}.project-table .thread-name{font-size:14px;line-height:1.5}@media (max-width:1000px){.project-workspace{grid-template-columns:minmax(0,1fr)}}.project-table th:first-child{width:14%}.project-table th:nth-child(2){width:27%}.project-table th:nth-child(3){width:19%}.project-table th:nth-child(4){width:16%}.project-table th:nth-child(5){width:18%}.project-table th:nth-child(6){width:6%}.project-table .remove-color-cell{text-align:right;padding-left:0;padding-right:0}.project-table .remove-color{color:#95665e;border-radius:6px;width:32px;height:32px;padding:0;font-size:22px;line-height:1}.projects-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:24px;display:grid}.projects-layout>section{min-width:0}.project-workspace{display:block}.shopping-panel{background:#fffdf8;border:1px solid #dfdfd4;border-radius:14px;padding:22px;position:sticky;top:24px;box-shadow:0 3px 12px #293a3208}.projects-layout:not(:has(.shopping-panel)){grid-template-columns:minmax(0,1fr)}@media (max-width:1050px){.projects-layout{grid-template-columns:minmax(0,1fr)}.shopping-panel{position:static}}html,body,.tracker{width:100%;min-width:0}.projects-layout,.project-workspace,.project-colors,.tablewrap{min-width:0;max-width:100%}.tablewrap{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.shopping-item{min-width:0}.shopping-name{overflow-wrap:anywhere}@media (max-width:650px){.tracker{padding:24px 16px}.projects-layout{gap:20px;width:100%}.projects-layout>section,section,.shopping-panel{width:100%;min-width:0;padding:18px}.projectbar{grid-template-columns:minmax(0,1fr) auto;gap:12px;display:grid}.projectbar>label{width:100%;min-width:0;max-width:none}.delete-project{margin:0;padding:10px 8px}.new-project-toggle{grid-column:1/-1;justify-self:start}.add{gap:14px;padding:14px}.add label{width:100%;min-width:0!important}.add .primary{width:100%}input,select,textarea{font-size:16px}.intro{margin:26px 0}.intro p{font-size:23px}.intro span{font-size:14px;line-height:1.5}.sectionhead p{line-height:1.5}.shopping-item{min-height:48px}.project-table,.inventory-table{min-width:620px}.tablewrap{padding-bottom:6px}}.quote-footer{text-align:center;flex-direction:column;align-items:center;gap:10px;margin-top:36px;padding:8px 16px 20px;display:flex}.quote-footer p{color:#69796d;margin:0;font-family:Playfair Display,Georgia,serif;font-size:18px;font-style:italic;line-height:1.6}.quote-footer small{color:#8a9488;letter-spacing:0;background:0 0;border-radius:0;margin:0;padding:0;font-size:12px}@media (max-width:650px){.quote-footer{margin-top:28px;padding-bottom:16px}.quote-footer p{font-size:17px}}.projectbar>label{flex:0 240px;width:240px;min-width:0;max-width:240px}.projectbar select{width:100%}@media (max-width:650px){.projectbar>label{width:100%;min-width:0;max-width:240px}}.quote-footer p{font-size:14px}.clear-project{color:#718074;background:0 0;border-color:#0000;width:38px;height:42px;padding:0;font-size:22px;line-height:1}.clear-project:hover{background:#edf1e9}@media (max-width:650px){.projectbar{grid-template-columns:minmax(0,1fr) auto}.projectbar .delete-project{grid-column:1;justify-self:start}.projectbar .new-project-toggle{grid-area:2/2;justify-self:end}}.delete-project-form{background:#f8eeea;border:1px solid #ead5ca}.delete-confirm{color:#fffdf8;background:#95665e;border-color:#95665e}.delete-confirm:hover{background:#80554e}.projects-layout{display:block;position:relative}.projects-layout>section{width:100%}.projects-layout>.shopping-panel{width:100%;margin-top:24px;position:static}.shopping-float{margin-top:24px}.shopping-float>.shopping-panel{width:100%;margin:0;position:static}@media (min-width:1900px){.shopping-float{width:280px;margin:0;position:absolute;top:0;bottom:0;left:calc(100% + 24px)}.shopping-float>.shopping-panel{overscroll-behavior:contain;max-height:calc(100dvh - 48px);position:sticky;top:24px;overflow-y:auto}}.sizing-inputs{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;display:grid}.sizing-results{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.sizing-results>div{background:#f4f5ed;border:1px solid #dce0d4;border-radius:10px;padding:20px}.sizing-results h3,.sizing-frame h3{margin:0 0 12px;font-size:14px;font-weight:600}.sizing-results strong{font-size:21px;font-weight:500}.sizing-results p,.sizing-frame p{margin:10px 0 0;font-size:14px;line-height:1.6}.sizing-frame{border-top:1px solid #e9ebdf;margin-top:24px;padding-top:20px}@media (max-width:650px){.sizing-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}.sizing-results{grid-template-columns:1fr}.sizing-inputs label{min-width:0}nav{flex-wrap:wrap}}.sizing-inputs{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}@media (max-width:650px){.sizing-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}.sizing-inputs button{grid-column:1/-1}}.framing-heading{margin:26px 0 14px;font-size:18px;font-weight:600}.framing-results{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:650px){.framing-results{grid-template-columns:1fr}}.dashboard-projectbar{margin-top:24px}.dashboard-edit{margin-left:auto}.dashboard-project-name{margin:24px 0 18px;font-size:20px}.dashboard-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.dashboard-stats>div{background:#f4f5ed;border:1px solid #dce0d4;border-radius:10px;padding:18px 20px}.dashboard-stats span{color:#718074;font-size:14px;display:block}.dashboard-stats strong{margin-top:8px;font-size:26px;font-weight:500;display:block}.dashboard-block{border-top:1px solid #e9ebdf;margin-top:28px;padding-top:24px}.dashboard-block h3{margin:0 0 16px;font-size:18px;font-weight:600}.dashboard-blockhead{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.dashboard-blockhead h3{margin:0}.dashboard-blockhead>span{color:#718074;font-size:14px}.sizing-context{margin:0 0 18px;font-size:14px}.dashboard-colors th:nth-child(6){width:16%}.dashboard-colors th:nth-child(7){width:6%}.dashboard-colors th,.dashboard-colors td{padding:14px 8px}.dashboard-shopping-row{border-bottom:1px solid #e9ebdf;grid-template-columns:86px 60px minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 0;font-size:14px;display:grid}.dashboard-shopping-row.purchased{opacity:.55}.attach-sizing{background:#f4f5ed;border-radius:10px;flex-wrap:wrap;align-items:end;gap:14px;margin-top:26px;padding:18px;display:flex}.attach-sizing label{width:240px;max-width:100%}.attach-sizing span{align-self:center;font-size:14px}.attach-sizing p{width:100%;margin:0;font-size:14px}.dashboard-block .sizing-results h3{font-size:14px}.dashboard-block .framing-heading{margin-top:24px}@media (max-width:650px){.dashboard-stats{gap:8px}.dashboard-stats>div{padding:14px 10px}.dashboard-stats span{font-size:14px}.dashboard-stats strong{font-size:23px}.dashboard-projectbar .dashboard-edit{grid-column:1/-1;justify-self:start;margin-left:0}.dashboard-blockhead{flex-wrap:wrap}.dashboard-shopping-row{grid-template-columns:72px 44px minmax(0,1fr);gap:10px}.dashboard-shopping-row>span:last-child{grid-column:3}.attach-sizing{flex-direction:column;align-items:stretch}.attach-sizing label{width:100%}.attach-sizing span{align-self:flex-start}nav{flex-wrap:wrap;gap:4px}nav button{padding:12px 6px}}.dashboard-detail-tabs{border-bottom:1px solid #dce0d4;gap:8px;margin-top:26px;display:flex}.dashboard-detail-tabs button{color:#718074;background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;padding:12px 14px;line-height:1.5}.dashboard-detail-tabs button[aria-selected=true]{color:#29483c;border-bottom-color:#315440;font-weight:600}.dashboard-detail-tabs button:hover{background:#f4f5ed}.dashboard-detail-panel{overscroll-behavior:contain;max-height:360px;padding-bottom:8px;overflow:auto}.dashboard-detail-panel[hidden]{display:none}.dashboard-detail-panel>.dashboard-block{border-top:0;margin-top:0;padding-top:20px}.dashboard-detail-panel .tablewrap{overflow-x:auto}.dashboard-detail-panel .dashboard-block>h3{display:none}.dashboard-detail-panel .dashboard-shopping-row:last-child{border-bottom:0}@media (max-width:650px){.dashboard-detail-tabs{gap:0}.dashboard-detail-tabs button{flex:1;padding:12px 8px;font-size:14px}.dashboard-detail-panel{max-height:320px}}.dashboard-stats>.dashboard-total{text-align:left;color:#293a32;cursor:pointer;background:#f4f5ed;border:1px solid #dce0d4;border-radius:10px;padding:18px 20px;transition:background .15s,border-color .15s}.dashboard-stats>.dashboard-total:hover{background:#eaf0e5;border-color:#a2b49f}.dashboard-stats>.dashboard-total[aria-expanded=true]{background:#e5eddf;border-color:#76967b;box-shadow:inset 0 0 0 1px #76967b}.dashboard-total span{color:#536957;font-size:14px;display:block}.dashboard-total strong{margin-top:8px;font-size:26px;font-weight:500;display:block}.dashboard-detail-panel{border-bottom:1px solid #e9ebdf;margin-top:18px}.dashboard-detail-panel .dashboard-block>h3{font-size:16px;display:block}.dashboard-detail-panel>.dashboard-block{padding-top:0}@media (max-width:650px){.dashboard-stats>.dashboard-total{padding:14px 10px}.dashboard-total strong{font-size:23px}}.dashboard-colors{min-width:620px}.dashboard-colors th:first-child{width:14%}.dashboard-colors th:nth-child(2){width:30%}.dashboard-colors th:nth-child(3){width:20%}.dashboard-colors th:nth-child(4){width:16%}.dashboard-colors th:nth-child(5){width:20%}.dashboard-detail-panel,.dashboard-colors tbody tr:last-child td{border-bottom:0}.dashboard-detail-panel{padding-bottom:0}.dashboard-detail-panel+.dashboard-block{margin-top:12px;padding-top:16px}.new-project-form{flex-wrap:wrap}.pdf-import{border-top:1px solid #dce0d4;flex:0 0 100%;min-width:0;margin-top:4px;padding-top:18px}.pdf-import>label{width:100%;font-size:14px}.pdf-import input[type=file]{background:#fffdf8;width:100%}.pdf-import p{margin:12px 0;font-size:14px;line-height:1.5}.pdf-file{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:14px;display:flex}.pdf-file>span{overflow-wrap:anywhere}.pdf-page-controls{align-items:end;gap:12px;margin:18px 0;display:flex}.pdf-page-controls label{flex:0 180px}.pdf-preview{background:#fffdf8;border:1px solid #dce0d4;border-radius:8px;margin:16px 0;padding:12px}.pdf-preview summary{cursor:pointer;color:#315440;font-size:14px}.pdf-preview canvas{width:100%;height:auto;margin-top:12px;display:block}.pdf-review-heading{justify-content:space-between;align-items:center;gap:12px;margin:20px 0 12px;display:flex}.pdf-review-heading h3{margin:0;font-size:16px}.pdf-review-heading>span{color:#718074;font-size:14px}.pdf-review{background:#fffdf8;border:1px solid #dce0d4;border-radius:8px;max-height:400px;overflow:auto}.pdf-review table{min-width:740px}.pdf-review th{z-index:1;background:#eef2e9;padding:12px;position:sticky;top:0}.pdf-review th:first-child{width:9%}.pdf-review th:nth-child(2){width:13%}.pdf-review th:nth-child(3){width:32%}.pdf-review th:nth-child(4){width:17%}.pdf-review th:nth-child(5){width:29%}.pdf-review td{white-space:normal;padding:12px}.pdf-review input:not([type=checkbox]){width:100%;min-width:0;padding:9px}.pdf-review td:nth-child(3)>span:not(.floss-swatch){margin-bottom:8px;display:block}.pdf-review p{color:#95665e;margin:6px 0;font-size:13px}.pdf-error{color:#95665e!important}.pattern-source{overflow-wrap:anywhere;margin:-8px 0 18px;font-size:14px}@media (max-width:650px){.pdf-file{align-items:start}.pdf-page-controls{flex-wrap:wrap}.pdf-page-controls label{flex:1;min-width:120px}.new-project-form>.primary,.new-project-form>button{flex:1}.pdf-review-heading{align-items:start}}.project-pdf-import{background:#f4f5ee;border:1px solid #dce0d4;border-radius:10px;margin:0 0 24px;padding:20px}.project-pdf-import>h3{margin:0 0 8px;font-size:16px}.project-pdf-import>p{margin:0 0 16px;font-size:14px;line-height:1.5}.project-pdf-import>.pdf-import{border-top:0;margin-top:0;padding-top:0}.project-pdf-actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.pdf-sizing-review{border-bottom:1px solid #dce0d4;margin-bottom:18px;padding:18px 0}.pdf-sizing-review h3{margin:0 0 12px;font-size:16px}.pdf-sizing-check{align-items:center;gap:10px;margin:12px 0;font-size:14px;display:flex}.pdf-sizing-check input{width:auto}.pdf-sizing-fields{flex-wrap:wrap;gap:16px;display:flex}.pdf-sizing-fields label{flex:1;min-width:120px;max-width:240px}.pdf-sizing-review>label:not(.pdf-sizing-check){max-width:380px}.dashboard-project-intro{align-items:center;gap:20px;margin:24px 0 20px;display:flex}.dashboard-project-intro>div{min-width:0}.dashboard-project-intro .dashboard-project-name{margin:0 0 10px}.dashboard-project-intro .pattern-source{margin:0}.project-thumbnail{object-fit:contain;background:#fffdf8;border:1px solid #dce0d4;border-radius:10px;flex:none;width:112px;height:112px}.pdf-generated-preview{border-bottom:1px solid #dce0d4;margin-bottom:18px;padding:18px 0}.pdf-generated-preview h3{margin:0 0 12px;font-size:16px}.pdf-generated-preview>img{background:#fffdf8;border:1px solid #dce0d4;border-radius:10px;width:128px;height:128px;display:block}@media (max-width:650px){.dashboard-project-intro{gap:14px}.project-thumbnail{width:88px;height:88px}}.pdf-preview-picker{margin-top:1rem}.pdf-preview-picker>label{max-width:12rem}.pdf-preview-picker>button{margin:.75rem .5rem 0 0}.pdf-crop-surface{touch-action:none;cursor:crosshair;border:1px solid var(--line,#dce0d5);border-radius:8px;width:min(100%,520px);margin:.75rem 0;position:relative;overflow:hidden}.pdf-crop-surface canvas{width:100%;height:auto;display:block}.pdf-crop-selection{pointer-events:none;box-sizing:border-box;background:#315b4814;border:2px solid #315b48;position:absolute;box-shadow:0 0 0 2000px #00000038}.pdf-crop-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;max-width:520px;display:grid}.pdf-crop-fields label{font-size:14px}.pdf-crop-fields input{width:100%;min-width:0}@media (max-width:600px){.pdf-crop-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}