.design-hub-page{--dhp-bg:#f2efe4;--dhp-ink:#0a0a0a;--dhp-paper:#fff;--dhp-yellow:#f9cc2d;--dhp-coral:#f47352;--dhp-green:#8fde6a;--dhp-blue:#6fb9e8;--dhp-pink:#f7b5d5;--dhp-purple:#b8a5f2;--dhp-shadow:8px 8px 0 #0a0a0a;--dhp-shadow-sm:4px 4px 0 #0a0a0a;--dhp-border-thick:3px solid var(--dhp-ink);color:var(--dhp-ink);font-family:var(--font-space-grotesk),system-ui,sans-serif;-webkit-font-smoothing:antialiased;position:relative}.design-hub-page button{cursor:pointer;font-family:inherit}.design-hub-page .dhp-grid-bg{pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#0a0a0a0f 1px,#0000 1px),linear-gradient(#0a0a0a0f 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0}.design-hub-page .dhp-main{z-index:1;flex-direction:column;gap:28px;min-width:0;display:flex;position:relative}.design-hub-page .dhp-hero{flex-direction:column;gap:12px;display:flex}.design-hub-page .dhp-hero-title{font-family:var(--font-archivo),system-ui,sans-serif;letter-spacing:-.04em;text-transform:uppercase;margin:0;font-size:clamp(32px,4vw,56px);font-weight:900;line-height:.95}.design-hub-page .dhp-hero-sub{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.04em;opacity:.85;max-width:720px;margin:0;font-size:14px;line-height:1.5}.design-hub-page .dhp-mode-selector{grid-template-columns:1fr;align-items:stretch;gap:12px;display:grid}@media (min-width:768px){.design-hub-page .dhp-mode-selector{grid-template-columns:1fr 1fr;gap:16px}}.design-hub-page .dhp-mode-card{text-align:start;background:var(--dhp-paper);border:2.5px solid var(--dhp-ink);height:100%;box-shadow:var(--dhp-shadow-sm);flex-direction:column;align-items:stretch;transition:transform .1s,box-shadow .1s,background .1s;display:flex;position:relative}.design-hub-page .dhp-mode-card-select{text-align:start;width:100%;color:inherit;cursor:pointer;font:inherit;background:0 0;border:none;flex-direction:column;flex:1;align-items:flex-start;gap:8px;padding:18px 20px 12px;display:flex}.design-hub-page .dhp-mode-card-select:focus-visible{outline:2px solid var(--dhp-blue);outline-offset:-2px}.design-hub-page .dhp-mode-card-footer{width:100%;margin-top:auto;padding:0 20px 18px}.design-hub-page .dhp-mode-card-action{width:100%}.design-hub-page .dhp-mode-card-footer-spacer{min-height:40px;display:block}.design-hub-page .dhp-mode-card:hover{box-shadow:6px 6px 0 var(--dhp-ink);transform:translate(-2px,-2px)}.design-hub-page .dhp-mode-card.is-active{background:var(--dhp-yellow);box-shadow:var(--dhp-shadow)}.design-hub-page .dhp-mode-badge{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.12em;text-transform:uppercase;border:2px solid var(--dhp-ink);background:var(--dhp-green);padding:3px 8px;font-size:9px;font-weight:800}.design-hub-page .dhp-mode-card-title{font-family:var(--font-archivo),system-ui,sans-serif;letter-spacing:-.02em;text-transform:uppercase;font-size:18px;font-weight:900;line-height:1.1}.design-hub-page .dhp-mode-card-desc{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.02em;opacity:.8;font-size:12px;line-height:1.45}.design-hub-page .dhp-studio{flex-direction:column;gap:20px;display:flex}.design-hub-page .dhp-studio-intro{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.04em;opacity:.75;max-width:640px;margin:0;font-size:12px;line-height:1.5}.design-hub-page .dhp-studio-back{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--dhp-ink);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin:0 0 12px;padding:0;font-size:11px;font-weight:700;display:inline-flex}.design-hub-page .dhp-studio-back:hover{color:var(--dhp-coral)}.design-hub-page .dhp-studio-picker{flex-direction:column;gap:20px;display:flex}.design-hub-page .dhp-studio-picker-title{font-family:var(--font-archivo),system-ui,sans-serif;letter-spacing:-.02em;text-transform:uppercase;margin:0 0 8px;font-size:20px;font-weight:900}.design-hub-page .dhp-studio-intent-preview{justify-content:center;margin:4px 0 8px;display:flex}.design-hub-page .dhp-studio-intent-preview-img{object-fit:cover;border:2.5px solid var(--dhp-ink);width:120px;height:120px;box-shadow:var(--dhp-shadow-sm)}.design-hub-page .dhp-studio-intent-grid{grid-template-columns:1fr;gap:12px;margin-top:8px;display:grid}@media (min-width:640px){.design-hub-page .dhp-studio-intent-grid{grid-template-columns:1fr 1fr;gap:16px}}.design-hub-page .dhp-studio-intent-card{text-align:start;background:var(--dhp-paper);border:2.5px solid var(--dhp-ink);width:100%;min-height:132px;box-shadow:var(--dhp-shadow-sm);color:var(--dhp-ink);cursor:pointer;align-items:flex-start;gap:16px;padding:20px;transition:transform .12s,box-shadow .12s,background .12s;display:flex}.design-hub-page .dhp-studio-intent-card:hover{box-shadow:6px 6px 0 var(--dhp-ink);transform:translate(-2px,-2px)}.design-hub-page .dhp-studio-intent-card:focus-visible{outline:2px solid var(--dhp-blue);outline-offset:3px}.design-hub-page .dhp-studio-intent-card--image:hover{background:#e8f4fc}.design-hub-page .dhp-studio-intent-card--video:hover{background:#fdeee9}.design-hub-page .dhp-studio-intent-card-icon{border:2.5px solid var(--dhp-ink);width:56px;height:56px;box-shadow:3px 3px 0 var(--dhp-ink);flex-shrink:0;justify-content:center;align-items:center;display:flex}.design-hub-page .dhp-studio-intent-card--image .dhp-studio-intent-card-icon{background:var(--dhp-blue)}.design-hub-page .dhp-studio-intent-card--video .dhp-studio-intent-card-icon{background:var(--dhp-coral)}.design-hub-page .dhp-studio-intent-card-content{flex-direction:column;flex:1;align-items:flex-start;gap:6px;min-width:0;display:flex}.design-hub-page .dhp-studio-intent-card-badge{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.12em;text-transform:uppercase;border:2px solid var(--dhp-ink);background:var(--dhp-pink);padding:3px 8px;font-size:9px;font-weight:800}.design-hub-page .dhp-studio-intent-card-title{font-family:var(--font-archivo),system-ui,sans-serif;letter-spacing:-.02em;text-transform:uppercase;font-size:17px;font-weight:900;line-height:1.15}.design-hub-page .dhp-studio-intent-card-desc{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.02em;opacity:.8;font-size:12px;line-height:1.45}.design-hub-page .dhp-studio-intent-card-arrow{opacity:.45;flex-shrink:0;align-self:center;align-items:center;font-size:14px;transition:transform .12s,opacity .12s;display:flex}.design-hub-page .dhp-studio-intent-card:hover .dhp-studio-intent-card-arrow{opacity:1;transform:translate(3px)}.design-hub-page .dhp-studio-intent-selector{margin-top:4px}.design-hub-page .dhp-studio-picker-sub{opacity:.7;margin:0 0 16px;font-size:13px;font-weight:600;line-height:1.35}.design-hub-page .dhp-studio-listing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}@media (min-width:640px){.design-hub-page .dhp-studio-listing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:900px){.design-hub-page .dhp-studio-listing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1100px){.design-hub-page .dhp-studio-listing-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.design-hub-page .dhp-studio-listing-card{text-align:start;background:var(--dhp-paper);border:2.5px solid var(--dhp-ink);box-shadow:var(--dhp-shadow-sm);cursor:pointer;flex-direction:column;align-items:stretch;gap:0;padding:12px;transition:transform .1s,box-shadow .1s;display:flex}.design-hub-page .dhp-studio-listing-card:hover{box-shadow:6px 6px 0 var(--dhp-ink);background:var(--dhp-yellow);transform:translate(-2px,-2px)}.design-hub-page .dhp-studio-listing-card:focus-visible{outline:2px solid var(--dhp-blue);outline-offset:2px}.design-hub-page .dhp-studio-listing-card-media{aspect-ratio:1;border:2.5px solid var(--dhp-ink);background:var(--dhp-bg);isolation:isolate;margin-bottom:10px;position:relative;overflow:hidden}.design-hub-page .dhp-studio-listing-card-img{object-fit:cover;image-rendering:auto}.design-hub-page .dhp-studio-listing-card-img--empty{background:repeating-conic-gradient(#e8e8e8 0% 25%,#fff 0% 50%) 50%/16px 16px;width:100%;height:100%}.design-hub-page .dhp-studio-listing-card-badge{z-index:2;border:2px solid var(--dhp-ink);background:var(--dhp-paper);font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.02em;pointer-events:none;padding:4px 7px;font-size:10px;font-weight:700;line-height:1.2;position:absolute}.design-hub-page .dhp-studio-listing-card-badge--count{top:8px;inset-inline-end:8px}.design-hub-page .dhp-studio-listing-card-badge--video{bottom:8px;background:var(--dhp-yellow);inset-inline-end:8px}.design-hub-page .dhp-studio-listing-card-body{flex-direction:column;gap:8px;min-width:0;display:flex}.design-hub-page .dhp-studio-listing-card-id{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.02em;opacity:.65;font-size:10px;font-weight:600}.design-hub-page .dhp-studio-photo-summary{background:var(--dhp-paper);border:2.5px solid var(--dhp-ink);box-shadow:var(--dhp-shadow-sm);align-items:center;gap:16px;margin-bottom:4px;padding:12px;display:flex}.design-hub-page .dhp-studio-photo-summary-media{border:2.5px solid var(--dhp-ink);background:var(--dhp-bg);flex-shrink:0;width:72px;height:72px;position:relative;overflow:hidden}.design-hub-page .dhp-studio-photo-summary-img{object-fit:cover}.design-hub-page .dhp-studio-photo-summary-body{flex-direction:column;gap:6px;min-width:0;display:flex}.design-hub-page .dhp-studio-photo-summary-count{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.04em;text-transform:uppercase;opacity:.65;font-size:10px;font-weight:700}.design-hub-page .dhp-studio-photo-hint{opacity:.75;margin:0 0 16px;font-size:14px;font-weight:500;line-height:1.35}.design-hub-page .dhp-studio-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}@media (min-width:640px){.design-hub-page .dhp-studio-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:900px){.design-hub-page .dhp-studio-photo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1100px){.design-hub-page .dhp-studio-photo-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.design-hub-page .dhp-studio-photo-card{text-align:start;background:var(--dhp-paper);border:2.5px solid var(--dhp-ink);box-shadow:var(--dhp-shadow-sm);cursor:pointer;flex-direction:column;align-items:stretch;gap:10px;padding:12px;transition:transform .1s,box-shadow .1s;display:flex}.design-hub-page .dhp-studio-photo-card:hover{box-shadow:6px 6px 0 var(--dhp-ink);background:var(--dhp-yellow);transform:translate(-2px,-2px)}.design-hub-page .dhp-studio-photo-card:focus-visible{outline:2px solid var(--dhp-blue);outline-offset:2px}.design-hub-page .dhp-studio-photo-card-media{aspect-ratio:1;border:2.5px solid var(--dhp-ink);background:var(--dhp-bg);position:relative;overflow:hidden}.design-hub-page .dhp-studio-photo-card-img{object-fit:cover}.design-hub-page .dhp-studio-photo-card-badge{top:8px;z-index:2;border:2px solid var(--dhp-ink);background:var(--dhp-yellow);min-width:28px;font-family:var(--font-jetbrains-mono),monospace;text-align:center;pointer-events:none;padding:4px 7px;font-size:10px;font-weight:700;line-height:1.2;position:absolute;inset-inline-end:8px}.design-hub-page .dhp-studio-photo-card-label{text-align:center;opacity:.8;font-size:12px;font-weight:700;line-height:1.2}.design-hub-page .dhp-studio-listings--picker{max-height:none}.design-hub-page .dhp-studio-listing-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.design-hub-page .dhp-studio-pagination{justify-content:space-between;align-items:center;gap:16px;display:flex}.design-hub-page .dhp-studio-pagination-btn{min-width:128px;min-height:48px;padding:14px 28px;font-size:13px}.design-hub-page .dhp-studio-page-indicator{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.06em;font-size:11px}.design-hub-page .dhp-studio-hint{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.04em;opacity:.55;border:2px dashed var(--dhp-ink);margin:0;padding:12px;font-size:11px}.design-hub-page .dhp-studio-images{flex-wrap:wrap;gap:8px;display:flex}.design-hub-page .dhp-studio-image-btn{border:2.5px solid var(--dhp-ink);background:var(--dhp-paper);padding:0;line-height:0;transition:transform .1s,box-shadow .1s}.design-hub-page .dhp-studio-image-btn:hover{box-shadow:3px 3px 0 var(--dhp-ink);transform:translate(-1px,-1px)}.design-hub-page .dhp-studio-image-btn.is-selected{background:var(--dhp-yellow);box-shadow:4px 4px 0 var(--dhp-ink)}.design-hub-page .dhp-studio-image-thumb{aspect-ratio:1;object-fit:cover;width:72px;height:72px;display:block}.design-hub-page .dhp-studio-preview-loading{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.08em;text-transform:uppercase;flex-direction:column;align-items:center;gap:12px;padding:40px;font-size:11px;display:flex}.design-hub-page .dhp-studio-tools{flex-direction:column;gap:10px;display:flex}.design-hub-page .dhp-studio-tools-heading{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.14em;text-transform:uppercase;opacity:.55;margin:4px 0 0;font-size:9px;font-weight:700}.design-hub-page .dhp-studio-actions{flex-wrap:wrap;gap:8px;display:flex}.design-hub-page .dhp-studio-prompt{width:100%;font-family:var(--font-jetbrains-mono),monospace;border:2.5px solid var(--dhp-ink);background:var(--dhp-paper);resize:vertical;min-height:72px;padding:12px;font-size:12px;line-height:1.45}.design-hub-page .dhp-studio-prompt:focus{box-shadow:3px 3px 0 var(--dhp-ink);outline:none}.design-hub-page .dhp-studio-generate{flex-direction:column;gap:20px;display:flex}.design-hub-page .dhp-studio-generate-layout{grid-template-columns:minmax(0,280px) minmax(0,1fr);align-items:start;gap:32px;display:grid}@media (max-width:768px){.design-hub-page .dhp-studio-generate-layout{grid-template-columns:1fr}}.design-hub-page .dhp-studio-generate-preview{flex-direction:column;gap:12px;display:flex}.design-hub-page .dhp-studio-generate-preview-frame{border:2.5px solid var(--dhp-ink);background:var(--dhp-paper);box-shadow:4px 4px 0 var(--dhp-ink);padding:8px}.design-hub-page .dhp-studio-generate-preview-img{object-fit:cover;aspect-ratio:1;width:100%;height:auto;display:block}.design-hub-page .dhp-studio-generate-listing{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.design-hub-page .dhp-studio-generate-ref-note{opacity:.75;font-size:12px;line-height:1.4}.design-hub-page .dhp-studio-generate-panel{border:2.5px solid var(--dhp-ink);background:var(--dhp-paper);box-shadow:6px 6px 0 var(--dhp-ink);flex-direction:column;gap:16px;padding:24px;display:flex}.design-hub-page .dhp-studio-generate-title{font-size:24px;font-weight:700;line-height:1.2}.design-hub-page .dhp-studio-generate-desc,.design-hub-page .dhp-studio-generate-edit-note{font-size:14px;line-height:1.4}.design-hub-page .dhp-studio-generate-edit-note{opacity:.8;margin-top:4px}.design-hub-page .dhp-studio-generate-error{color:#c0392b;background:#fff5f5;border:2px solid #c0392b;padding:10px 12px;font-size:14px;line-height:1.3}.design-hub-page .dhp-studio-generate-actions{flex-wrap:wrap;gap:12px;display:flex}.design-hub-page .dhp-studio-generate-customize{align-items:center;gap:8px;display:inline-flex}.design-hub-page .dhp-studio-generate-submit{min-width:180px}.design-hub-page .dhp-studio-editor-shell{flex-direction:column;gap:12px;min-height:520px;margin:-8px -6px 0;display:flex}.design-hub-page .dhp-studio-editor-header{border-bottom:2.5px solid var(--dhp-ink);flex-wrap:wrap;align-items:center;gap:10px 16px;padding-bottom:12px;display:flex}.design-hub-page .dhp-studio-editor-header .dhp-studio-back{margin:0}.design-hub-page .dhp-studio-editor-listing{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.design-hub-page .dhp-studio-editor-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-inline-start:auto;display:flex}.design-hub-page .dhp-studio-save-dropdown{align-items:center;gap:6px;display:inline-flex}.design-hub-page .dhp-studio-save-caret{font-size:10px}.design-hub-page .dhp-studio-editor-body{border:2.5px solid var(--dhp-ink);background:var(--dhp-bg);flex:1;min-height:440px;display:flex;overflow:hidden}.design-hub-page .dhp-studio-tools-column{border-inline-end:2.5px solid var(--dhp-ink);background:var(--dhp-paper);flex-direction:column;flex-shrink:0;width:340px;display:flex}.design-hub-page .dhp-studio-tool-tabs{border-bottom:2.5px solid var(--dhp-ink);flex-wrap:wrap;gap:4px;padding:8px;display:flex}.design-hub-page .dhp-studio-tool-tab{font-family:var(--font-jetbrains-mono),monospace;text-transform:uppercase;letter-spacing:.04em;color:var(--dhp-ink);cursor:pointer;background:0 0;border:2px solid #0000;align-items:center;gap:4px;padding:6px 8px;font-size:10px;font-weight:700;display:inline-flex}.design-hub-page .dhp-studio-tool-tab:hover{background:var(--dhp-bg);border-color:var(--dhp-ink)}.design-hub-page .dhp-studio-tool-tab.is-active{background:var(--dhp-yellow);border-color:var(--dhp-ink);box-shadow:2px 2px 0 var(--dhp-ink)}.design-hub-page .dhp-studio-tool-content{flex:1;max-height:480px;padding:16px 18px 18px;overflow-y:auto}.design-hub-page .dhp-studio-notes{border-top:2.5px solid var(--dhp-ink);background:var(--dhp-bg);flex-shrink:0;padding:16px 18px 18px}.design-hub-page .dhp-studio-tool-prompt .dhp-studio-tools-heading,.design-hub-page .dhp-studio-notes .dhp-studio-tools-heading{font-family:var(--font-archivo),system-ui,sans-serif;letter-spacing:-.01em;text-transform:none;opacity:1;margin:0 0 8px;font-size:15px;font-weight:700}.design-hub-page .dhp-studio-tool-prompt .dhp-studio-prompt,.design-hub-page .dhp-studio-notes .dhp-studio-prompt{min-height:120px;padding:14px 16px;font-size:14px;line-height:1.5}.design-hub-page .dhp-studio-notes .dhp-studio-prompt{min-height:88px}.design-hub-page .dhp-studio-quick-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.design-hub-page .dhp-studio-canvas-toolbar-start{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.design-hub-page .dhp-studio-preview-toggle{gap:4px;display:inline-flex}.design-hub-page .dhp-studio-canvas-video{object-fit:contain;border:2px solid var(--dhp-ink);background:#000;width:auto;max-width:100%;height:auto;max-height:360px;display:block}@media (max-width:900px){.design-hub-page .dhp-studio-editor-body{flex-direction:column;max-height:none}.design-hub-page .dhp-studio-tools-column{border-inline-end:none;border-bottom:2.5px solid var(--dhp-ink);width:100%}.design-hub-page .dhp-studio-tool-content{max-height:200px}}.design-hub-page .dhp-studio-tool-panel{flex-direction:column;gap:14px;display:flex}.design-hub-page .dhp-studio-tool-title{font-family:var(--font-archivo),system-ui,sans-serif;text-transform:uppercase;letter-spacing:-.02em;margin:0;font-size:15px;font-weight:900}.design-hub-page .dhp-studio-tool-desc{font-family:var(--font-jetbrains-mono),monospace;opacity:.65;margin:0;font-size:11px;line-height:1.45}.design-hub-page .dhp-studio-checklist{flex-direction:column;gap:6px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.design-hub-page .dhp-studio-checklist li:before{content:"✓ ";color:var(--dhp-green);font-weight:800}.design-hub-page .dhp-studio-mode-toggle,.design-hub-page .dhp-studio-dimensions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.design-hub-page .dhp-studio-field{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.1em;text-transform:uppercase;flex-direction:column;gap:4px;font-size:10px;font-weight:700;display:flex}.design-hub-page .dhp-studio-dim-input{border:2px solid var(--dhp-ink);background:var(--dhp-paper);width:100%;padding:8px;font-family:inherit;font-size:12px}.design-hub-page .dhp-studio-format-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.design-hub-page .dhp-studio-format-card{text-align:start;border:2px solid var(--dhp-ink);background:var(--dhp-paper);cursor:pointer;flex-direction:column;align-items:flex-start;gap:4px;padding:10px;display:flex}.design-hub-page .dhp-studio-format-card.is-selected{background:var(--dhp-blue);box-shadow:3px 3px 0 var(--dhp-ink)}.design-hub-page .dhp-studio-format-name{font-size:12px;font-weight:700}.design-hub-page .dhp-studio-format-dims{font-family:var(--font-jetbrains-mono),monospace;opacity:.6;font-size:10px}.design-hub-page .dhp-studio-slider-field{flex-direction:column;gap:4px;font-size:11px;font-weight:600;display:flex}.design-hub-page .dhp-studio-bg-tabs{grid-template-columns:1fr 1fr;gap:8px;display:grid}.design-hub-page .dhp-studio-color-row{flex-wrap:wrap;gap:8px;display:flex}.design-hub-page .dhp-studio-color-swatch{border:2px solid var(--dhp-ink);cursor:pointer;width:32px;height:32px;padding:0}.design-hub-page .dhp-studio-color-swatch.is-selected{box-shadow:0 0 0 2px var(--dhp-paper),0 0 0 4px var(--dhp-ink)}.design-hub-page .dhp-studio-filter-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.design-hub-page .dhp-studio-filter-card{border:2px solid var(--dhp-ink);background:var(--dhp-paper);cursor:pointer;flex-direction:column;align-items:center;gap:6px;padding:6px;font-size:10px;font-weight:600;display:flex}.design-hub-page .dhp-studio-filter-card.is-selected{background:var(--dhp-yellow);box-shadow:2px 2px 0 var(--dhp-ink)}.design-hub-page .dhp-studio-filter-preview{border:2px solid var(--dhp-ink);width:48px;height:48px;overflow:hidden}.design-hub-page .dhp-studio-filter-preview img{object-fit:cover;width:100%;height:100%}.design-hub-page .dhp-studio-canvas{flex-direction:column;flex:1;gap:10px;min-width:0;padding:12px;display:flex}.design-hub-page .dhp-studio-canvas-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.design-hub-page .dhp-studio-compare-toggle{font-family:var(--font-jetbrains-mono),monospace;cursor:pointer;align-items:center;gap:8px;font-size:11px;display:inline-flex}.design-hub-page .dhp-studio-canvas-stage{border:2.5px solid var(--dhp-ink);background:repeating-conic-gradient(#e8e8e8 0% 25%,#fff 0% 50%) 50%/16px 16px;flex:1;justify-content:center;align-items:center;min-height:280px;display:flex;position:relative;overflow:hidden}.design-hub-page .dhp-studio-canvas-img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:360px}.design-hub-page .dhp-studio-compare{width:100%;height:100%;min-height:280px;max-height:400px;position:relative}.design-hub-page .dhp-studio-compare-base{object-fit:contain;max-width:100%;max-height:360px;width:auto!important;height:auto!important}.design-hub-page .dhp-studio-compare-overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.design-hub-page .dhp-studio-compare-label{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.1em;text-transform:uppercase;border:2px solid var(--dhp-ink);background:var(--dhp-paper);z-index:2;padding:4px 8px;font-size:10px;font-weight:800;position:absolute;top:8px}.design-hub-page .dhp-studio-compare-label--before{inset-inline-start:8px}.design-hub-page .dhp-studio-compare-label--after{inset-inline-end:8px}.design-hub-page .dhp-studio-compare-slider{opacity:0;cursor:ew-resize;z-index:3;width:100%;height:100%;position:absolute;inset:0}.design-hub-page .dhp-panel:has(.dhp-studio-editor-shell){padding:16px 18px 20px}.design-hub-page .dhp-panel{background:var(--dhp-paper);border:var(--dhp-border-thick);box-shadow:var(--dhp-shadow);min-width:0;padding:14px 12px 18px}@media (min-width:768px){.design-hub-page .dhp-panel{padding:20px 22px 24px}}.design-hub-page .dhp-tabs .ant-tabs-nav{margin-bottom:20px}.design-hub-page .dhp-tabs .ant-tabs-nav:before{border-bottom:2.5px solid var(--dhp-ink)}.design-hub-page .dhp-tabs .ant-tabs-tab{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.1em;text-transform:uppercase;border:2px solid #0000;margin:0 4px 0 0;padding:10px 16px;font-size:11px;font-weight:700}.design-hub-page .dhp-tabs .ant-tabs-ink-bar{background:var(--dhp-ink);height:3px}.design-hub-page .dhp-tab-content{flex-direction:column;gap:16px;min-width:0;display:flex}.design-hub-page .dhp-toolbar{flex-direction:column;gap:12px;display:flex}@media (min-width:768px){.design-hub-page .dhp-toolbar{flex-direction:row;justify-content:space-between;align-items:center;gap:16px}}.design-hub-page .dhp-toolbar-filters{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}@media (min-width:768px){.design-hub-page .dhp-toolbar-filters{flex-flow:wrap;align-items:center}}.design-hub-page .dhp-toolbar-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.design-hub-page .dhp-filter-field{flex-direction:column;gap:4px;min-width:0;display:flex}.design-hub-page .dhp-filter-label{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.14em;text-transform:uppercase;opacity:.55;font-size:9px;font-weight:700;line-height:1.2}.design-hub-page .dhp-input.ant-input,.design-hub-page .dhp-input.ant-input-affix-wrapper,.design-hub-page .dhp-select.ant-select{--ant-select-border-color:var(--dhp-ink);--ant-select-background-color:var(--dhp-paper);--ant-select-border-radius:0;--ant-select-color:var(--dhp-ink);letter-spacing:.06em;font-family:var(--font-jetbrains-mono),monospace!important;border:2.5px solid var(--dhp-ink)!important;box-shadow:none!important;background:var(--dhp-paper)!important;height:40px!important;min-height:40px!important;color:var(--dhp-ink)!important;border-radius:0!important;align-items:center!important;font-size:12px!important;font-weight:600!important}.design-hub-page .dhp-select{min-width:0}.design-hub-page .dhp-select .ant-select-content-value,.design-hub-page .dhp-select .ant-select-placeholder{font-weight:600!important}.design-hub-page .dhp-select .ant-select-suffix{color:var(--dhp-ink)!important}.design-hub-page .dhp-select.ant-select-open,.design-hub-page .dhp-select.ant-select-focused{--ant-select-background-color:var(--dhp-yellow);background:var(--dhp-yellow)!important;box-shadow:3px 3px 0 var(--dhp-ink)!important}.design-hub-page .dhp-input.ant-input-affix-wrapper .ant-input{letter-spacing:inherit;font-family:inherit!important;font-size:inherit!important;box-shadow:none!important;background:0 0!important;border:none!important;min-height:auto!important}.design-hub-page .dhp-input.ant-input:focus,.design-hub-page .dhp-input.ant-input-affix-wrapper-focused{box-shadow:3px 3px 0 var(--dhp-ink)!important}.design-hub-page .dhp-tabs .ant-tabs-tab:hover .ant-tabs-tab-btn{color:var(--dhp-ink)}.design-hub-page .dhp-tabs .ant-tabs-tab-active{background:var(--dhp-yellow);border:2px solid var(--dhp-ink)}.design-hub-page .dhp-tabs .ant-tabs-tab .ant-tabs-tab-btn{color:#0a0a0a80}.design-hub-page .dhp-tabs .ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--dhp-ink)}.design-hub-page .dhp-checkbox .ant-checkbox-inner{width:18px;height:18px;border:2.5px solid var(--dhp-ink)!important;background:var(--dhp-paper)!important;border-radius:0!important}.design-hub-page .dhp-checkbox .ant-checkbox-checked .ant-checkbox-inner{background:var(--dhp-ink)!important;border-color:var(--dhp-ink)!important}.design-hub-page .dhp-checkbox .ant-checkbox-checked:after{border-color:var(--dhp-paper)!important}.design-hub-page .dhp-field-meta{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.04em;opacity:.55;font-size:11px}.design-hub-page .dhp-field-value a{color:inherit;text-underline-offset:2px;text-decoration:underline}.design-hub-page .dhp-field-value a:hover{color:var(--dhp-coral)}.design-hub-page .dhp-kanban-grid{grid-template-columns:1fr;gap:16px;width:100%;display:grid}@media (min-width:768px){.design-hub-page .dhp-kanban-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.design-hub-page .dhp-kanban-col{border:var(--dhp-border-thick);min-height:200px;box-shadow:var(--dhp-shadow-sm);flex-direction:column;gap:12px;padding:12px;display:flex}.design-hub-page .dhp-kanban-col--next_up{background:var(--dhp-purple)}.design-hub-page .dhp-kanban-col--revision{background:var(--dhp-blue)}.design-hub-page .dhp-kanban-col--pending{background:var(--dhp-yellow)}.design-hub-page .dhp-kanban-col--approved{background:var(--dhp-green)}.design-hub-page .dhp-kanban-col--superseded{background:var(--dhp-bg)}.design-hub-page .dhp-kanban-col-head{background:var(--dhp-paper);border:2.5px solid var(--dhp-ink);box-shadow:2px 2px 0 var(--dhp-ink);align-items:center;gap:8px;padding:8px 12px;display:flex}.design-hub-page .dhp-kanban-col-title{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.1em;text-transform:uppercase;flex:1;min-width:0;font-size:10px;font-weight:800}.design-hub-page .dhp-kanban-col-icon{color:var(--dhp-ink);flex-shrink:0;display:inline-flex}.design-hub-page .dhp-kanban-cards{flex-direction:column;gap:8px;display:flex}.design-hub-page .dhp-kanban-card{background:var(--dhp-paper);border:2.5px solid var(--dhp-ink);cursor:pointer;box-shadow:2px 2px 0 var(--dhp-ink);align-items:center;gap:10px;min-width:0;padding:8px;transition:transform .1s,box-shadow .1s;display:flex}@media (max-width:639px){.design-hub-page .dhp-kanban-card{flex-direction:column;align-items:stretch;gap:8px;padding:10px}.design-hub-page .dhp-kanban-card-thumb{width:100%}.design-hub-page .dhp-kanban-preview,.design-hub-page .dhp-kanban-card-thumb .ant-avatar{aspect-ratio:4/3;object-fit:cover;min-height:100px;max-height:160px;border-radius:0!important;width:100%!important;height:auto!important}}.design-hub-page .dhp-kanban-card:hover{box-shadow:4px 4px 0 var(--dhp-ink);transform:translate(-2px,-2px)}.design-hub-page .dhp-kanban-card-thumb .ant-avatar{border:2px solid var(--dhp-ink);border-radius:0!important}.design-hub-page .dhp-kanban-card-title{color:var(--dhp-ink);font-size:13px;font-weight:700;line-height:1.3}.design-hub-page .dhp-kanban-card-date{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.06em;opacity:.6;font-size:10px}.design-hub-page .dhp-load-more-wrap{justify-content:center;margin-top:20px;display:flex}.design-hub-page .dhp-btn-primary{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.12em;text-transform:uppercase;background:var(--dhp-ink);color:var(--dhp-paper);border:2.5px solid var(--dhp-ink);box-shadow:var(--dhp-shadow-sm);white-space:nowrap;padding:10px 18px;font-size:11px;font-weight:700}.design-hub-page .dhp-btn-primary:hover:not(:disabled){background:var(--dhp-coral);color:var(--dhp-ink);box-shadow:6px 6px 0 var(--dhp-ink);transform:translate(-1px,-1px)}.design-hub-page .dhp-btn-primary:disabled{opacity:.4;cursor:not-allowed}.design-hub-page .dhp-btn-secondary{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.1em;background:var(--dhp-paper);color:var(--dhp-ink);border:2.5px solid var(--dhp-ink);justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:8px 12px;font-size:11px;font-weight:700;display:inline-flex}.design-hub-page .dhp-btn-secondary.is-active{background:var(--dhp-yellow);box-shadow:3px 3px 0 var(--dhp-ink)}.design-hub-page .dhp-btn-secondary:hover:not(:disabled){background:var(--dhp-bg);box-shadow:3px 3px 0 var(--dhp-ink);transform:translate(-1px,-1px)}.design-hub-page .dhp-design-row{border:2.5px solid var(--dhp-ink);background:var(--dhp-paper);box-shadow:var(--dhp-shadow-sm);padding:12px;transition:transform .1s,box-shadow .1s}@media (min-width:640px){.design-hub-page .dhp-design-row{padding:14px 16px}}.design-hub-page .dhp-design-row-check-spacer{flex-shrink:0;width:16px;height:16px}.design-hub-page .dhp-design-preview-wrap{border:2.5px solid var(--dhp-ink);background:var(--dhp-bg);justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.design-hub-page .dhp-design-preview,.design-hub-page .dhp-design-preview-wrap video{object-fit:cover;display:block;border-radius:0!important}.design-hub-page .dhp-design-preview-wrap .ant-avatar{border-radius:0!important}@media (max-width:639px){.design-hub-page .dhp-design-preview-wrap{aspect-ratio:4/3;min-height:140px;max-height:min(240px,52vw)}.design-hub-page .dhp-design-preview,.design-hub-page .dhp-design-preview-wrap video,.design-hub-page .dhp-design-preview-wrap .ant-avatar{width:100%!important;min-width:0!important;height:100%!important;min-height:0!important}.design-hub-page .dhp-design-row-fields{padding-right:0}.design-hub-page .dhp-design-row-fields>div:last-child{grid-column:1/-1}}@media (min-width:640px){.design-hub-page .dhp-design-preview-wrap{aspect-ratio:auto;width:auto;min-height:0;max-height:none}.design-hub-page .dhp-design-preview,.design-hub-page .dhp-design-preview-wrap video,.design-hub-page .dhp-design-preview-wrap .ant-avatar{width:70px!important;height:70px!important}}@media (min-width:768px){.design-hub-page .dhp-design-preview,.design-hub-page .dhp-design-preview-wrap video,.design-hub-page .dhp-design-preview-wrap .ant-avatar{width:80px!important;height:80px!important}}@media (min-width:1024px){.design-hub-page .dhp-design-preview,.design-hub-page .dhp-design-preview-wrap video,.design-hub-page .dhp-design-preview-wrap .ant-avatar{width:90px!important;height:90px!important}}.design-hub-page .dhp-design-row:hover{box-shadow:6px 6px 0 var(--dhp-ink);transform:translate(-2px,-2px)}.design-hub-page .dhp-field-label{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.12em;text-transform:uppercase;opacity:.55;font-size:10px;font-weight:700}.design-hub-page .dhp-field-value{font-size:14px;font-weight:600;line-height:1.35}.design-hub-page .dhp-thumb{border:2.5px solid var(--dhp-ink);flex-shrink:0;overflow:hidden}.design-hub-page .dhp-thumb .ant-avatar,.design-hub-page .dhp-thumb video{border-radius:0!important}.design-hub-page .dhp-status-tag,.dhp-drawer .dhp-status-tag,.dhp-design-detail-modal .dhp-status-tag,.dhp-single-design .dhp-status-tag{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--dhp-ink,#0a0a0a);background:var(--dhp-bg,#f2efe4);width:fit-content;color:var(--dhp-ink,#0a0a0a);align-items:center;gap:6px;padding:5px 10px;font-size:10px;font-weight:800;line-height:1;display:inline-flex}.design-hub-page .dhp-status-tag-icon,.dhp-drawer .dhp-status-tag-icon,.dhp-design-detail-modal .dhp-status-tag-icon,.dhp-single-design .dhp-status-tag-icon{flex-shrink:0;justify-content:center;align-items:center;line-height:0;display:inline-flex}.design-hub-page .dhp-status-tag-icon svg,.dhp-drawer .dhp-status-tag-icon svg,.dhp-design-detail-modal .dhp-status-tag-icon svg,.dhp-single-design .dhp-status-tag-icon svg{width:12px;height:12px}.design-hub-page .dhp-status-tag-label,.dhp-drawer .dhp-status-tag-label,.dhp-design-detail-modal .dhp-status-tag-label,.dhp-single-design .dhp-status-tag-label{line-height:1.2;display:inline-block}.design-hub-page .dhp-status-tag--pending,.dhp-drawer .dhp-status-tag--pending,.dhp-design-detail-modal .dhp-status-tag--pending,.dhp-single-design .dhp-status-tag--pending{background:var(--dhp-yellow,#f9cc2d)}.design-hub-page .dhp-status-tag--approved,.dhp-drawer .dhp-status-tag--approved,.dhp-design-detail-modal .dhp-status-tag--approved,.dhp-single-design .dhp-status-tag--approved{background:var(--dhp-green,#8fde6a)}.design-hub-page .dhp-status-tag--revision,.dhp-drawer .dhp-status-tag--revision,.dhp-design-detail-modal .dhp-status-tag--revision,.dhp-single-design .dhp-status-tag--revision{background:var(--dhp-blue,#6fb9e8)}.design-hub-page .dhp-status-tag--next_up,.dhp-drawer .dhp-status-tag--next_up,.dhp-design-detail-modal .dhp-status-tag--next_up,.dhp-single-design .dhp-status-tag--next_up{background:var(--dhp-purple,#b8a5f2)}.design-hub-page .dhp-status-tag--superseded,.dhp-drawer .dhp-status-tag--superseded,.dhp-design-detail-modal .dhp-status-tag--superseded,.dhp-single-design .dhp-status-tag--superseded{background:var(--dhp-bg,#f2efe4);opacity:.7}.design-hub-page .dhp-badge{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.1em;border:2px solid var(--dhp-ink);background:var(--dhp-pink);padding:3px 8px;font-size:9px;font-weight:800}.design-hub-page .dhp-badge--warn{background:var(--dhp-yellow)}.design-hub-page .dhp-badge--info{background:var(--dhp-blue)}.dhp-single-design .dhp-badge,.dhp-drawer .dhp-badge,.dhp-design-detail-modal .dhp-badge{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.1em;border:2px solid var(--dhp-ink);background:var(--dhp-pink);padding:3px 8px;font-size:9px;font-weight:800}.dhp-single-design .dhp-badge--info,.dhp-drawer .dhp-badge--info,.dhp-design-detail-modal .dhp-badge--info{background:var(--dhp-blue)}.design-hub-page .dhp-banner-card{border:var(--dhp-border-thick);box-shadow:var(--dhp-shadow-sm);background:var(--dhp-paper);overflow:hidden}.design-hub-page .dhp-banner-card-head{border-bottom:2.5px solid var(--dhp-ink);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.design-hub-page .dhp-banner-card-title{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700}.design-hub-page .dhp-banner-img-wrap{background:var(--dhp-bg);padding:16px}.design-hub-page .dhp-empty{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.08em;text-align:center;border:2.5px dashed var(--dhp-ink);opacity:.6;padding:32px;font-size:12px}.design-hub-page .dhp-pagination .ant-pagination-item,.design-hub-page .dhp-pagination .ant-pagination-prev,.design-hub-page .dhp-pagination .ant-pagination-next{font-family:var(--font-jetbrains-mono),monospace;border:2px solid var(--dhp-ink)!important;border-radius:0!important}.design-hub-page .dhp-pagination .ant-pagination-item-active{background:var(--dhp-yellow)!important;border-color:var(--dhp-ink)!important}.dhp-select-dropdown.ant-select-dropdown{font-family:var(--font-jetbrains-mono),monospace;border:2.5px solid #0a0a0a;border-radius:0;padding:4px;box-shadow:4px 4px #0a0a0a}.dhp-select-dropdown .ant-select-item{letter-spacing:.04em;border-radius:0;font-size:12px}.dhp-select-dropdown .ant-select-item-option-selected{font-weight:700;background:#f9cc2d!important}.dhp-select-dropdown .ant-select-item-option-active{background:#f2efe4!important}.dhp-drawer{--dhp-bg:#f2efe4;--dhp-ink:#0a0a0a;--dhp-paper:#fff;--dhp-yellow:#f9cc2d;--dhp-coral:#f47352;--dhp-green:#8fde6a;--dhp-blue:#6fb9e8;--dhp-pink:#f7b5d5;--dhp-purple:#b8a5f2;--dhp-shadow:8px 8px 0 #0a0a0a;--dhp-shadow-sm:4px 4px 0 #0a0a0a;--dhp-border-thick:3px solid var(--dhp-ink);font-family:var(--font-space-grotesk),system-ui,sans-serif;color:var(--dhp-ink)}.dhp-drawer.ant-drawer .ant-drawer-content{background:var(--dhp-bg)}.dhp-drawer.ant-drawer .ant-drawer-body{padding:0}.dhp-modal{--dhp-bg:#f2efe4;--dhp-ink:#0a0a0a;--dhp-paper:#fff;--dhp-yellow:#f9cc2d;--dhp-coral:#f47352;--dhp-green:#8fde6a;--dhp-blue:#6fb9e8;--dhp-pink:#f7b5d5;--dhp-purple:#b8a5f2;--dhp-shadow:8px 8px 0 #0a0a0a;--dhp-shadow-sm:4px 4px 0 #0a0a0a;--dhp-border-thick:3px solid var(--dhp-ink);font-family:var(--font-space-grotesk),system-ui,sans-serif;color:var(--dhp-ink)}.dhp-modal .ant-modal-content{overflow:hidden;border:var(--dhp-border-thick)!important;box-shadow:var(--dhp-shadow)!important;background:var(--dhp-paper)!important;border-radius:0!important;padding:0!important}.dhp-modal .ant-modal-close{top:12px!important;border:2px solid var(--dhp-ink)!important;background:var(--dhp-paper)!important;width:36px!important;height:36px!important;color:var(--dhp-ink)!important;border-radius:0!important;inset-inline-end:12px!important}.dhp-modal .ant-modal-close:hover{background:var(--dhp-yellow)!important;color:var(--dhp-ink)!important}.dhp-modal .ant-modal-body{padding:20px 22px 24px!important}.dhp-design-detail-modal .ant-modal-content{max-height:90vh;background:var(--dhp-bg)!important}.dhp-design-detail-modal .ant-modal-body{max-height:90vh;overflow-y:auto;padding:0!important}.dhp-modal .ant-input,.dhp-modal .ant-input-affix-wrapper,.dhp-modal .ant-select-selector,.dhp-modal textarea{font-family:var(--font-jetbrains-mono),monospace!important;border:2.5px solid var(--dhp-ink)!important;box-shadow:none!important;border-radius:0!important;font-size:12px!important}.dhp-modal .ant-input:focus,.dhp-modal .ant-input-affix-wrapper-focused,.dhp-modal .ant-select-focused .ant-select-selector,.dhp-modal textarea:focus{box-shadow:3px 3px 0 var(--dhp-ink)!important}.dhp-modal .ant-btn{font-family:var(--font-jetbrains-mono),monospace!important;letter-spacing:.1em!important;text-transform:uppercase!important;border:2.5px solid var(--dhp-ink)!important;box-shadow:var(--dhp-shadow-sm)!important;border-radius:0!important;height:40px!important;font-size:11px!important;font-weight:700!important}.dhp-modal .ant-btn-primary{background:var(--dhp-ink)!important;color:var(--dhp-paper)!important}.dhp-modal .ant-btn-primary:hover{background:var(--dhp-coral)!important;color:var(--dhp-ink)!important}.dhp-modal .ant-btn-default{background:var(--dhp-paper)!important;color:var(--dhp-ink)!important}.dhp-modal .ant-btn-default:hover{background:var(--dhp-yellow)!important}.dhp-modal .ant-btn-dangerous{background:var(--dhp-coral)!important;color:var(--dhp-ink)!important}.dhp-modal .ant-btn-dangerous:hover{background:var(--dhp-yellow)!important;color:var(--dhp-ink)!important}.dhp-modal.dhp-modal-confirm .ant-modal-body{padding:0!important}.dhp-modal.dhp-modal-confirm .ant-modal-confirm-body-wrapper{background:var(--dhp-paper);padding:24px 22px 20px}.dhp-modal.dhp-modal-confirm .ant-modal-confirm-body{display:block}.dhp-modal.dhp-modal-confirm .ant-modal-confirm-body>.anticon{display:none!important}.dhp-modal.dhp-modal-confirm .ant-modal-confirm-paragraph{max-width:none}.dhp-modal.dhp-modal-confirm .ant-modal-confirm-title{border-bottom:6px solid var(--dhp-yellow);text-transform:uppercase;margin-bottom:12px;padding-bottom:14px;display:block;font-family:var(--font-archivo),system-ui,sans-serif!important;letter-spacing:-.02em!important;color:var(--dhp-ink)!important;font-size:22px!important;font-weight:900!important;line-height:1.1!important}.dhp-modal.dhp-modal-confirm .ant-modal-confirm-content{letter-spacing:.02em;font-family:var(--font-jetbrains-mono),monospace!important;color:color-mix(in srgb,var(--dhp-ink)78%,transparent)!important;font-size:13px!important;line-height:1.55!important}.dhp-modal.dhp-modal-confirm .ant-modal-confirm-btns{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.dhp-toast.ant-message-notice .ant-message-notice-content{--dhp-ink:#0a0a0a;--dhp-paper:#fff;--dhp-yellow:#f9cc2d;--dhp-coral:#f47352;--dhp-green:#8fde6a;border:3px solid var(--dhp-ink)!important;background:var(--dhp-paper)!important;box-shadow:5px 5px 0 var(--dhp-ink)!important;font-family:var(--font-jetbrains-mono),monospace!important;color:var(--dhp-ink)!important;border-radius:0!important;padding:10px 16px!important;font-size:13px!important;font-weight:700!important}.dhp-toast.ant-message-notice .ant-message-custom-content{align-items:center;gap:10px;display:inline-flex}.dhp-toast.ant-message-notice .anticon{border:2px solid var(--dhp-ink);flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;color:var(--dhp-ink)!important;margin-inline-end:0!important;font-size:12px!important;display:inline-flex!important}.dhp-toast--success.ant-message-notice .anticon{background:var(--dhp-green)}.dhp-toast--error.ant-message-notice .anticon{background:var(--dhp-coral)}.dhp-modal .dhp-btn-primary,.dhp-modal .dhp-btn-secondary{font-family:var(--font-jetbrains-mono),monospace}.dhp-modal .dhp-btn-secondary{letter-spacing:.1em;text-transform:uppercase;background:var(--dhp-paper);color:var(--dhp-ink);border:2.5px solid var(--dhp-ink);cursor:pointer;justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:8px 12px;font-size:11px;font-weight:700;display:inline-flex}.dhp-modal .dhp-btn-secondary.is-active{background:var(--dhp-yellow);box-shadow:3px 3px 0 var(--dhp-ink)}.dhp-modal .dhp-btn-secondary:hover:not(:disabled){background:var(--dhp-bg);box-shadow:3px 3px 0 var(--dhp-ink);transform:translate(-1px,-1px)}.dhp-modal .dhp-btn-primary{letter-spacing:.12em;text-transform:uppercase;background:var(--dhp-ink);color:var(--dhp-paper);border:2.5px solid var(--dhp-ink);box-shadow:var(--dhp-shadow-sm);cursor:pointer;padding:10px 18px;font-size:11px;font-weight:700}.dhp-modal .dhp-btn-primary:hover:not(:disabled){background:var(--dhp-coral);color:var(--dhp-ink)}.dhp-drawer .dhp-btn-primary,.dhp-drawer .dhp-btn-secondary,.dhp-drawer .dhp-status-tag,.dhp-drawer .dhp-single-title,.dhp-drawer .dhp-field-label,.dhp-design-detail-modal .dhp-btn-primary,.dhp-design-detail-modal .dhp-btn-secondary,.dhp-design-detail-modal .dhp-status-tag,.dhp-design-detail-modal .dhp-single-title,.dhp-design-detail-modal .dhp-field-label{font-family:inherit}.design-hub-page .dhp-banner-img-wrap .ant-image{border:2.5px solid var(--dhp-ink);width:100%;display:block}.dhp-popconfirm .ant-popover-inner{font-family:var(--font-jetbrains-mono),monospace;border:2.5px solid #0a0a0a;border-radius:0;box-shadow:4px 4px #0a0a0a}.dhp-popconfirm .ant-popconfirm-title{letter-spacing:.04em;font-weight:700}.dhp-popconfirm .ant-btn{font-family:var(--font-jetbrains-mono),monospace!important;letter-spacing:.08em!important;text-transform:uppercase!important;border:2px solid #0a0a0a!important;border-radius:0!important;font-size:11px!important;font-weight:700!important}.dhp-request-form{--dhp-bg:#f2efe4;--dhp-ink:#0a0a0a;--dhp-paper:#fff;--dhp-yellow:#f9cc2d;--dhp-coral:#f47352;--dhp-shadow-sm:4px 4px 0 #0a0a0a;flex-direction:column;gap:16px;display:flex}.dhp-request-form .dhp-btn-secondary{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.1em;text-transform:uppercase;background:var(--dhp-paper);color:var(--dhp-ink);border:2.5px solid var(--dhp-ink);cursor:pointer;min-width:40px;min-height:40px;box-shadow:none;justify-content:center;align-items:center;padding:8px 12px;font-size:11px;font-weight:700;display:inline-flex}.dhp-request-form .dhp-btn-secondary.is-active{background:var(--dhp-yellow);box-shadow:3px 3px 0 var(--dhp-ink)}.dhp-request-form .dhp-btn-secondary:hover:not(:disabled){background:var(--dhp-bg);box-shadow:3px 3px 0 var(--dhp-ink);transform:translate(-1px,-1px)}.dhp-request-form .dhp-btn-primary{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.12em;text-transform:uppercase;background:var(--dhp-ink);color:var(--dhp-paper);border:2.5px solid var(--dhp-ink);box-shadow:var(--dhp-shadow-sm);white-space:nowrap;cursor:pointer;padding:10px 18px;font-size:11px;font-weight:700}.dhp-request-form .dhp-btn-primary:hover:not(:disabled){background:var(--dhp-coral);color:var(--dhp-ink);box-shadow:6px 6px 0 var(--dhp-ink);transform:translate(-1px,-1px)}.dhp-request-form .dhp-btn-primary:disabled{opacity:.4;cursor:not-allowed}.dhp-request-form-title{font-family:var(--font-archivo),system-ui,sans-serif;letter-spacing:-.02em;text-transform:uppercase;text-align:center;margin:0;font-size:22px;font-weight:900}.dhp-request-form-scroll{flex-direction:column;gap:16px;min-height:50vh;max-height:70vh;padding:4px;display:flex;overflow-y:auto}.dhp-request-form-label{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.12em;text-transform:uppercase;opacity:.55;margin:0 0 6px;font-size:10px;font-weight:700}.dhp-request-purpose-row{flex-wrap:wrap;gap:8px;display:flex}.dhp-single-design{width:100%;min-height:0;color:var(--dhp-ink);flex-direction:column;gap:0;display:flex}.dhp-single-sidebar{width:100%;box-shadow:none;border:none;padding:0}.dhp-single-sidebar--next_up{background:var(--dhp-purple)}.dhp-single-sidebar--revision{background:var(--dhp-blue)}.dhp-single-sidebar--pending{background:var(--dhp-yellow)}.dhp-single-sidebar--approved{background:var(--dhp-green)}.dhp-single-sidebar--superseded{background:var(--dhp-bg)}.dhp-single-panel{background:var(--dhp-paper);border:none;flex-direction:column;justify-content:flex-start;gap:0;height:auto;padding:0;display:flex;overflow:hidden}.dhp-single-panel-body{flex-direction:column;gap:12px;padding:16px 18px 0;display:flex}.dhp-single-topbar{border-bottom:2.5px solid var(--dhp-ink);justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.dhp-single-topbar-meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.dhp-single-back{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--dhp-ink);cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;gap:8px;margin:0;padding:0;font-size:11px;font-weight:700;display:inline-flex}.dhp-single-back:hover{color:var(--dhp-coral)}.dhp-single-back-icon{border:2px solid var(--dhp-ink);background:var(--dhp-yellow);width:32px;height:32px;box-shadow:2px 2px 0 var(--dhp-ink);justify-content:center;align-items:center;display:inline-flex}.dhp-single-head{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:4px;display:flex}.dhp-single-title{font-family:var(--font-archivo),system-ui,sans-serif;letter-spacing:-.02em;-webkit-line-clamp:3;word-break:break-word;-webkit-box-orient:vertical;margin:0;font-size:clamp(14px,1.6vw,17px);font-weight:900;line-height:1.25;display:-webkit-box;overflow:hidden}.dhp-single-listing-id{font-family:var(--font-jetbrains-mono),monospace;flex-wrap:wrap;align-items:baseline;gap:6px;margin-top:-4px;font-size:12px;display:flex}.dhp-single-listing-id-label{letter-spacing:.04em;text-transform:uppercase;opacity:.7;font-weight:700}.dhp-single-listing-id-value{font-weight:600}.dhp-single-listing-id-sep{opacity:.45}.dhp-single-listing-id .dhp-single-meta-link{font-size:12px}.dhp-drawer .dhp-status-tag,.dhp-design-detail-modal .dhp-status-tag{flex-shrink:0}.dhp-single-view-notes{appearance:none;cursor:pointer;font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.04em;text-underline-offset:3px;color:var(--dhp-ink);opacity:.7;background:0 0;border:none;margin:0;padding:0;font-size:11px;font-weight:700;line-height:1.2;text-decoration:underline;transition:opacity .15s,color .15s}.dhp-single-view-notes:hover{opacity:1;color:var(--dhp-coral)}.dhp-single-view-notes:focus-visible{outline:2px solid var(--dhp-ink);outline-offset:2px}.dhp-single-revision-notes-body{color:var(--dhp-ink);white-space:pre-wrap;word-break:break-word;margin:0;font-size:15px;font-weight:600;line-height:1.45}.dhp-single-title a{color:inherit;text-underline-offset:3px;text-decoration:underline}.dhp-single-title a:hover{color:var(--dhp-coral)}.dhp-single-uploaded{border:2px solid var(--dhp-ink);background:var(--dhp-green);font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.04em;margin-top:12px;padding:10px 12px;font-size:11px}.dhp-single-uploaded-chip{border:2px solid var(--dhp-ink);background:var(--dhp-green);max-width:100%;font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;align-items:center;padding:4px 10px;font-size:10px;font-weight:700;display:inline-flex}.dhp-single-divider{border:none;border-top:2.5px solid var(--dhp-ink);margin:16px 0}.dhp-single-descriptions .ant-descriptions-item-label{opacity:.55;font-family:var(--font-jetbrains-mono),monospace!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--dhp-ink)!important;font-size:10px!important;font-weight:700!important}.dhp-single-descriptions .ant-descriptions-item-content{color:var(--dhp-ink)!important;font-size:14px!important;font-weight:600!important}.dhp-single-meta{flex-direction:column;gap:10px;display:flex}.dhp-single-meta-row{border:2.5px solid var(--dhp-ink);background:var(--dhp-bg);box-shadow:2px 2px 0 var(--dhp-ink);flex-direction:column;gap:6px;padding:12px 14px;display:flex}.dhp-single-meta-label{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.14em;text-transform:uppercase;opacity:.55;font-size:9px;font-weight:700;line-height:1.2}.dhp-single-meta-value{color:var(--dhp-ink);word-break:break-word;font-size:14px;font-weight:600;line-height:1.4}.dhp-single-meta-value--note{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.02em;border:2px dashed var(--dhp-ink);background:var(--dhp-paper);padding:8px 10px;font-size:13px}.dhp-single-meta-link{width:fit-content;font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.04em;color:var(--dhp-ink);text-underline-offset:3px;align-items:center;font-size:13px;font-weight:700;text-decoration:underline;display:inline-flex}.dhp-single-meta-link:hover{color:var(--dhp-coral)}.dhp-single-design--rtl .dhp-single-meta-row{text-align:right}.dhp-single-design--rtl .dhp-single-meta-link{margin-inline-start:auto}.dhp-single-actions{border-top:2.5px solid var(--dhp-ink);background:var(--dhp-bg);flex-direction:column;gap:10px;padding:16px 18px 20px;display:flex}.dhp-single-action-btn{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.08em;text-transform:uppercase;border:2.5px solid var(--dhp-ink);cursor:pointer;width:100%;min-height:48px;box-shadow:var(--dhp-shadow-sm);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:12px;font-weight:700;transition:transform .1s,box-shadow .1s,background .1s;display:inline-flex}.dhp-single-action-btn:disabled{opacity:.45;cursor:not-allowed}.dhp-single-action-btn--approve{background:var(--dhp-green);color:var(--dhp-ink)}.dhp-single-action-btn--approve:hover:not(:disabled){background:var(--dhp-paper);color:var(--dhp-ink);box-shadow:6px 6px 0 var(--dhp-ink);transform:translate(-2px,-2px)}.dhp-single-action-btn--revision{background:var(--dhp-yellow);color:var(--dhp-ink)}.dhp-single-action-btn--revision:hover:not(:disabled){background:var(--dhp-paper);box-shadow:6px 6px 0 var(--dhp-ink);transform:translate(-2px,-2px)}.dhp-single-action-btn--download{background:var(--dhp-paper);color:var(--dhp-ink)}.dhp-single-action-btn--download:hover:not(:disabled){background:var(--dhp-bg);box-shadow:6px 6px 0 var(--dhp-ink);transform:translate(-2px,-2px)}.dhp-single-action-btn--supersede{background:var(--dhp-coral);color:var(--dhp-ink)}.dhp-single-action-btn--supersede:hover:not(:disabled){background:var(--dhp-paper);box-shadow:6px 6px 0 var(--dhp-ink);transform:translate(-2px,-2px)}@media (min-width:640px){.dhp-single-actions{flex-flow:wrap;justify-content:stretch;gap:10px}.dhp-single-design--rtl .dhp-single-actions{flex-direction:row-reverse}.dhp-single-action-btn{flex:140px;width:auto;min-width:0}}@media (prefers-reduced-motion:reduce){.dhp-single-action-btn{transition:none}}.dhp-single-media{border:none;border-bottom:var(--dhp-border-thick);background:var(--dhp-paper);width:100%;min-width:0;box-shadow:none;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:0;font-size:0;line-height:0;display:flex;overflow:hidden}.dhp-single-media-mobile{display:none}.dhp-single-media .dhp-gallery,.dhp-single-media-mobile .dhp-gallery{flex:none;width:100%;margin:0;padding:0;font-size:0;line-height:0;display:block}.dhp-single-media .dhp-gallery-root,.dhp-single-media-mobile .dhp-gallery-root,.dhp-single-media .ant-image,.dhp-single-media-mobile .ant-image{vertical-align:top;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;font-size:0!important;line-height:0!important;display:block!important}.dhp-single-media .dhp-gallery-image,.dhp-single-media-mobile .dhp-gallery-image,.dhp-single-media .ant-image-img,.dhp-single-media-mobile .ant-image-img{object-fit:contain;vertical-align:top;border:none!important;border-radius:0!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;display:block!important}.dhp-single-media .ant-image-placeholder,.dhp-single-media-mobile .ant-image-placeholder{display:none!important}@media (min-width:768px){.dhp-single-media .dhp-gallery-image,.dhp-single-media .ant-image-img{object-fit:contain;max-height:min(52vh,520px)!important}}.dhp-single-media video,.dhp-single-media-mobile video{object-fit:contain;vertical-align:top;border:none;border-radius:0;width:100%;margin:0;display:block}.design-hub-page .dhp-tabs .ant-tabs-nav{-webkit-overflow-scrolling:touch;overflow:auto hidden}@media (max-width:767px){.design-hub-page .dhp-tabs .ant-tabs-tab{flex-shrink:0;margin-bottom:0}.design-hub-page .dhp-hero-title{font-size:clamp(26px,7vw,32px)}.design-hub-page .dhp-banner-img-wrap{padding:12px}.design-hub-page .dhp-banner-img-wrap .ant-image{max-height:min(320px,55vh)}.design-hub-page .dhp-banner-img-wrap .ant-image-img{object-fit:contain;max-height:min(320px,55vh)}}@media (prefers-reduced-motion:reduce){.design-hub-page .dhp-design-row:hover,.design-hub-page .dhp-kanban-card:hover{transform:none}}.dhp-revision-modal-title{font-family:var(--font-archivo),system-ui,sans-serif;letter-spacing:-.02em;text-transform:uppercase;margin:0 0 16px;font-size:20px;font-weight:900}.dhp-revision-modal-label{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.12em;text-transform:uppercase;opacity:.55;margin:0 0 8px;font-size:10px;font-weight:700}.dhp-revision-slider .ant-slider-track{background:var(--dhp-ink)!important}.dhp-revision-slider .ant-slider-handle:after{border:2px solid var(--dhp-ink)!important;box-shadow:2px 2px 0 var(--dhp-ink)!important}.design-hub-page .dhp-studio-listing-card-media .dhp-badge{top:8px;z-index:2;pointer-events:none;position:absolute;inset-inline-start:8px}.design-hub-page .dhp2-workspace-panel{padding:18px 20px 22px}.design-hub-page .dhp2-workspace-head{border-bottom:2px solid color-mix(in srgb,var(--dhp-ink)12%,transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:18px;display:flex}.design-hub-page .dhp2-view-switch{border:2.5px solid var(--dhp-ink);background:var(--dhp-bg);box-shadow:var(--dhp-shadow-sm);flex-wrap:wrap;gap:8px;padding:6px;display:inline-flex}.design-hub-page .dhp2-view-tab-group{align-items:center;gap:2px;display:inline-flex}.design-hub-page .dhp2-view-tab-group.is-active{background:var(--dhp-ink);color:var(--dhp-paper);box-shadow:3px 3px 0 color-mix(in srgb,var(--dhp-ink)40%,transparent)}.design-hub-page .dhp2-view-tab{min-height:44px;font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--dhp-ink)55%,transparent);background:0 0;border:none;justify-content:center;align-items:center;gap:10px;padding:12px 18px;font-size:13px;font-weight:700;transition:background .12s,color .12s;display:inline-flex}@media (min-width:768px){.design-hub-page .dhp2-view-tab{letter-spacing:.08em;padding:12px 24px;font-size:14px}}.design-hub-page .dhp2-view-tab-group.is-active .dhp2-view-tab{color:var(--dhp-paper)}.design-hub-page .dhp2-view-tab:focus-visible{outline:2px solid var(--dhp-blue);outline-offset:2px}.design-hub-page .dhp2-view-tab-count{border:2px solid;padding:4px 9px;font-size:12px;font-weight:700;line-height:1.1}.design-hub-page .dhp2-view-tab-group.is-active .dhp2-view-tab-count{border-color:var(--dhp-paper)}.design-hub-page .dhp2-catalog-intro{font-family:var(--font-jetbrains-mono),monospace;color:color-mix(in srgb,var(--dhp-ink)58%,transparent);max-width:58ch;margin:0 0 14px;font-size:12px;line-height:1.45}.design-hub-page .dhp2-catalog-toolbar{flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:12px;display:flex}.design-hub-page .dhp2-catalog-search{min-width:min(100%,280px);font-family:var(--font-jetbrains-mono),monospace;flex:1;border:2px solid var(--dhp-ink)!important;border-radius:0!important}.design-hub-page .dhp2-catalog-search .ant-input{font-family:inherit;font-size:13px}.design-hub-page .dhp2-catalog-page-size{min-width:120px}.design-hub-page .dhp2-catalog-empty{text-align:center;font-family:var(--font-jetbrains-mono),monospace;color:color-mix(in srgb,var(--dhp-ink)55%,transparent);padding:24px 16px;font-size:13px}.design-hub-page .dhp2-catalog-pagination{justify-content:center;margin-top:16px;display:flex}.design-hub-page .dhp2-compact-list{border-top:2px solid color-mix(in srgb,var(--dhp-ink)10%,transparent);margin:0;padding:0;list-style:none}.design-hub-page .dhp2-compact-item{border-bottom:1px solid color-mix(in srgb,var(--dhp-ink)8%,transparent);grid-template-columns:44px 1fr auto;align-items:center;gap:12px 14px;padding:12px 4px;display:grid}.design-hub-page .dhp2-compact-item:first-child{border-top:none}.design-hub-page .dhp2-compact-item--clickable{cursor:pointer}.design-hub-page .dhp2-compact-item--clickable:hover,.design-hub-page .dhp2-compact-item--clickable:focus-visible{background:color-mix(in srgb,var(--dhp-yellow)28%,transparent)}.design-hub-page .dhp2-compact-item--clickable:focus-visible{outline:2px solid var(--dhp-blue);outline-offset:2px}.design-hub-page .dhp2-compact-item--done .dhp2-compact-title{opacity:.85}.design-hub-page .dhp2-compact-media{border:2px solid var(--dhp-ink);background:var(--dhp-bg);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.design-hub-page .dhp2-compact-media img,.design-hub-page .dhp2-compact-media video{object-fit:cover;width:100%;height:100%;display:block}.design-hub-page .dhp2-compact-main{flex-direction:column;gap:4px;min-width:0;display:flex}.design-hub-page .dhp2-compact-title{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;font-weight:700;line-height:1.25;overflow:hidden}.design-hub-page .dhp2-compact-meta{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.04em;color:color-mix(in srgb,var(--dhp-ink)55%,transparent);margin:0;font-size:11px}.design-hub-page .dhp2-compact-meta--date{margin-top:2px}.design-hub-page .dhp2-compact-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.design-hub-page .dhp2-compact-badges .dhp-badge{position:static}.design-hub-page .dhp2-request-pill{border:2px solid var(--dhp-ink);background:var(--dhp-yellow);font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.06em;text-transform:uppercase;align-items:center;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.design-hub-page .dhp2-compact-end{justify-content:flex-end;align-items:center;gap:8px;display:flex}.design-hub-page .dhp2-compact-end-cluster{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.design-hub-page .dhp2-compact-end-cluster>.ant-tooltip-open,.design-hub-page .dhp2-compact-end-cluster>span{flex-shrink:0;display:inline-flex}.design-hub-page .dhp2-compact-end--review,.design-hub-page .dhp2-compact-end--view{justify-content:center}.design-hub-page .dhp2-review-cta{min-height:32px;font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--dhp-ink);background:var(--dhp-coral);border:2px solid var(--dhp-ink);box-shadow:var(--dhp-shadow-sm);pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;padding:6px 12px;font-size:10px;font-weight:700;display:inline-flex}.design-hub-page .dhp2-compact-item--request:hover .dhp2-review-cta,.design-hub-page .dhp2-compact-item--request:focus-visible .dhp2-review-cta{box-shadow:5px 5px 0 var(--dhp-ink);transform:translate(-1px,-1px)}.design-hub-page .dhp2-view-cta{appearance:none;min-height:32px;font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--dhp-ink);background:var(--dhp-blue);border:2px solid var(--dhp-ink);box-shadow:var(--dhp-shadow-sm);flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:10px;font-weight:700;transition:transform .1s,box-shadow .1s,background .1s;display:inline-flex}.design-hub-page .dhp2-view-cta:hover,.design-hub-page .dhp2-view-cta:focus-visible{box-shadow:5px 5px 0 var(--dhp-ink);background:color-mix(in srgb,var(--dhp-blue)88%,var(--dhp-yellow));transform:translate(-1px,-1px)}.design-hub-page .dhp2-view-cta:focus-visible{outline:2px solid var(--dhp-blue);outline-offset:2px}.design-hub-page .dhp2-view-cta:disabled{opacity:.45;cursor:not-allowed;box-shadow:var(--dhp-shadow-sm);background:var(--dhp-blue);transform:none}@media (max-width:640px){.design-hub-page .dhp2-compact-item{grid-template-columns:44px 1fr}.design-hub-page .dhp2-compact-end{grid-column:2;justify-content:flex-start}}