.drawings-page{--psdd-teal: #127e71;--drawing-ink: #172b3a;--drawing-muted: #667787;--drawing-line: #e3e9ed}.drawings-back{display:inline-flex;align-items:center;gap:8px;margin-top:24px;color:#087a69;font-size:12px}.drawings-back:hover{text-decoration:underline}.drawings-back:focus-visible{outline:2px solid #127e71;outline-offset:4px}.drawings-workspace{--drawing-ink:#172b3a;--drawing-muted:#667787;--drawing-line:#e3e9ed;--drawing-accent:#087a69;color:var(--drawing-ink);max-width:1440px;margin:0 auto;padding-bottom:40px}.drawings-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:36px 0 30px}.drawings-eyebrow{font-size:10px!important;font-weight:700;letter-spacing:.16em;color:#087a69!important;margin:0 0 9px!important}.drawings-header h1{font-size:36px;font-weight:700;letter-spacing:-.035em;line-height:1.2;margin-bottom:10px}.drawings-header p,.drawing-modal-header p{font-size:14px;color:var(--drawing-muted)}.drawing-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:9px;padding:11px 17px;font-size:13px;font-weight:600;white-space:nowrap;transition:background .15s,box-shadow .15s}.drawing-btn-primary{background:#087a69;color:#fff;box-shadow:0 3px 7px #087a691a}.drawing-btn-primary:hover{background:#066353}.drawing-btn-primary img{filter:brightness(0) invert(1)}.drawing-btn-secondary{background:#fff;border-color:#d9e2e7;color:#344956}.drawing-btn-secondary:hover{background:#f3f7f7}.drawings-page button:disabled{opacity:.5;cursor:wait}.drawings-page :is(button,a,input,select):focus-visible{outline:3px solid #66bbae;outline-offset:3px}.drawings-library{background:#fff;border:1px solid var(--drawing-line);border-radius:16px;box-shadow:0 4px 24px #172b3a04;padding:24px}.drawings-toolbar{display:flex;gap:16px;align-items:center;justify-content:space-between}.drawings-search{display:flex;gap:10px;align-items:center;background:#f7f9fb;border:1px solid var(--drawing-line);border-radius:9px;padding:0 13px;max-width:600px;width:100%}.drawings-search input{background:transparent;border:0;outline:none;padding:12px 0;width:100%;font-size:13px;color:#172b3a;min-width:0}.drawings-search:focus-within{border-color:#087a69}.drawings-view-toggle{display:flex;gap:3px;padding:4px;border:1px solid var(--drawing-line);border-radius:9px;background:#f7f9fb}.drawings-view-toggle button{display:flex;align-items:center;gap:7px;padding:7px 12px;border-radius:6px;font-size:12px;color:#6b7b88}.drawings-view-toggle .is-active{background:#fff;color:#087a69;box-shadow:0 1px 4px #172b3a1a}.drawings-filters{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:20px 0;border-bottom:1px solid var(--drawing-line)}.drawings-filters>span{font-size:11px;font-weight:600;color:var(--drawing-muted);margin-right:6px}.drawing-chip{font-size:11px;border:1px solid var(--drawing-line);padding:6px 11px;border-radius:6px;background:#fff;color:#566b79;transition:background .15s}.drawing-chip:hover{background:#f2f7f6}.drawing-chip.is-active{background:#e8f5f0;border-color:#b8dfd2;color:#076754;font-weight:600}.drawings-results{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--drawing-muted);padding:20px 0}.drawings-results strong{color:var(--drawing-ink)}.drawings-results button{color:#087a69;font-weight:600}.drawings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}.drawing-card{display:block;min-width:0;border:1px solid var(--drawing-line);border-radius:11px;overflow:hidden;background:#fff;transition:box-shadow .15s,border-color .15s}.drawing-card:hover{border-color:#91bfb3;box-shadow:0 6px 18px #173a2b0d}.drawing-preview{height:166px;position:relative;background-color:#f1f5f6;background-image:linear-gradient(#dce5e74d 1px,transparent 1px),linear-gradient(90deg,#dce5e74d 1px,transparent 1px);background-size:18px 18px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--drawing-line)}.drawing-preview img{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:100%}.drawing-preview.is-image{padding:12px}.drawing-document{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;width:96px;height:120px;background:#fff;border:1px solid #dce5e7;border-radius:4px;box-shadow:3px 4px #e0e9e9;transform:rotate(-3deg)}.drawing-document span{font-size:5px;letter-spacing:.08em;color:#829599}.drawing-document strong{font-size:11px;color:#46776d;letter-spacing:.12em}.drawing-format{position:absolute;top:12px;right:12px;font-size:9px;font-weight:700;letter-spacing:.06em;background:#ffffffeb;border:1px solid #dce5e7;border-radius:4px;padding:3px 7px;color:#536776}.drawing-card-body{padding:16px;min-width:0}.drawing-type{font-size:10px;font-weight:600;color:#087a69;text-transform:uppercase;letter-spacing:.08em}.drawing-card h2{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:6px 0}.drawing-location{font-size:11px;color:var(--drawing-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawing-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #edf1f3;margin-top:15px;padding-top:12px;font-size:10px;color:#70818d}.drawing-card-footer>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawing-open{color:#087a69;white-space:nowrap;font-weight:600}.drawing-open span{font-size:16px;margin-left:4px}.drawings-list{display:flex;flex-direction:column;gap:10px}.drawings-list .drawing-card{display:flex;align-items:center}.drawings-list .drawing-preview{width:90px;height:104px;flex-shrink:0;border-bottom:0;border-right:1px solid var(--drawing-line)}.drawings-list .drawing-document{width:42px;height:58px;gap:3px}.drawings-list .drawing-document img{width:22px}.drawings-list .drawing-document span{display:none}.drawings-list .drawing-document strong{font-size:8px}.drawings-list .drawing-format{display:none}.drawings-list .drawing-card-body{flex:1;padding:12px 18px}.drawings-list .drawing-card-footer{margin-top:7px;padding-top:7px}.drawings-empty{grid-column:1/-1;text-align:center;padding:60px 16px}.drawings-empty-icon{display:flex;justify-content:center;margin-bottom:16px}.drawings-empty h2{font-size:18px;font-weight:600;margin-bottom:8px}.drawings-empty p{font-size:13px;color:var(--drawing-muted);margin-bottom:22px}.drawings-pagination{padding-top:24px}.drawing-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#12263199;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px}.drawing-modal{background:#fff;border:1px solid #e3e9ed;border-radius:18px;width:720px;max-width:100%;max-height:calc(100dvh - 48px);box-shadow:0 25px 80px #071c3540;overflow:hidden;display:flex;flex-direction:column}.drawing-modal-header{display:flex;justify-content:space-between;gap:20px;padding:24px 28px;border-bottom:1px solid var(--drawing-line)}.drawing-modal-header h2{font-size:24px;font-weight:700;letter-spacing:-.025em;margin-bottom:6px}.drawing-modal-header p{font-size:12px}.drawing-close{width:32px;height:32px;flex-shrink:0;border:1px solid var(--drawing-line);border-radius:8px;color:#6b7b88;font-size:24px;line-height:1}.drawing-modal form{display:flex;flex-direction:column;min-height:0}.drawing-modal-content{padding:24px 28px;overflow-y:auto;scrollbar-width:thin}.drawing-modal-content::-webkit-scrollbar{width:6px}.drawing-modal-content::-webkit-scrollbar-thumb{background:#cedbd9;border-radius:4px}.drawing-dropzone{border:1px dashed #93bdb2;border-radius:11px;background:#f5faf8;display:flex;align-items:center;flex-direction:column;text-align:center;padding:20px;position:relative;cursor:pointer}.drawing-dropzone:hover{background:#ecf6f2}.drawing-dropzone:focus-within{outline:3px solid #66bbae;outline-offset:3px}.drawing-upload-icon{background:#fff;border:1px solid #dce9e3;border-radius:10px;padding:10px;margin-bottom:10px}.drawing-dropzone strong{font-size:14px;color:#1b5448}.drawing-dropzone>span:not(.drawing-upload-icon){font-size:11px;color:#6d827b;margin-top:6px}.drawing-dropzone .drawing-upload-formats{font-size:10px!important;letter-spacing:.02em}.drawing-dropzone input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.drawing-selected-file{display:flex;justify-content:space-between;gap:14px;padding:10px 12px;border:1px solid #d7e9e0;background:#f5faf8;border-radius:7px;margin-top:10px;font-size:12px;color:#216352}.drawing-selected-file>span{overflow-wrap:anywhere;min-width:0}.drawing-selected-file small{white-space:nowrap;color:#6d827b}.drawing-upload-progress{margin-top:10px;font-size:11px;color:#087a69}.drawing-upload-progress>div{display:flex;justify-content:space-between}.drawing-upload-progress progress{width:100%;height:6px;accent-color:#087a69}.drawing-form-section{margin-top:24px}.drawing-form-section h3{font-size:13px;font-weight:600;display:flex;align-items:center;gap:9px;margin-bottom:16px}.drawing-form-section h3>span{font-size:10px;background:#edf3f4;color:#70818d;padding:4px 6px;border-radius:4px}.drawing-form-section h3 small{font-size:10px;font-weight:400;color:#83919a;margin-left:auto}.drawing-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.drawing-field{min-width:0}.drawing-field label{display:block;font-size:11px;font-weight:600;color:#445b69;margin-bottom:7px}.drawing-field label span,.drawing-modal-footer>p span{color:#087a69}.drawing-field :is(input,select){width:100%;border:1px solid #dce4e8;border-radius:7px;padding:10px 11px;background:#fff;color:#243d4c;font-size:12px;min-height:40px}.drawing-field input::-moz-placeholder{color:#94a1a9}.drawing-field input::placeholder{color:#94a1a9}.drawing-error{color:#b42318;font-size:11px;margin-top:7px;line-height:1.5}.drawing-modal-footer{padding:18px 28px;border-top:1px solid var(--drawing-line);background:#fbfcfc;display:flex;align-items:center;justify-content:space-between;gap:12px}.drawing-modal-footer>p{font-size:10px;color:#7a8a95}.drawing-modal-footer>div{display:flex;gap:10px}@media(max-width:640px){.drawings-header{padding:24px 0;align-items:flex-start;flex-direction:column;gap:18px}.drawings-header h1{font-size:30px}.drawings-library{padding:16px}.drawings-toolbar{align-items:stretch;flex-direction:column}.drawings-view-toggle{align-self:flex-end}.drawings-filters>span{width:100%;margin-bottom:3px}.drawings-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.drawing-modal-backdrop{padding:10px}.drawing-modal{max-height:calc(100dvh - 20px);border-radius:12px}.drawing-modal-header,.drawing-modal-content{padding:20px}.drawing-form-grid{grid-template-columns:1fr}.drawing-modal-footer{padding:16px 20px}.drawing-modal-footer>p{display:none}.drawing-modal-footer>div{width:100%}.drawing-modal-footer .drawing-btn{flex:1}.drawing-selected-file{flex-direction:column;gap:4px}}.drawing-gps{font-size:10px;color:#087a69;margin-top:7px;font-weight:600}.dark .drawings-header h1{color:var(--drawing-ink)}.dark .drawings-header>div>p:not(.drawings-eyebrow){color:var(--drawing-muted)}