:root{--brand:#076AE1;--accent:#FF6B35;--ink:#111827;--ok:#16A34A;--bad:#DC2626}.dtf-gsb{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink)}.dtf-gsb__panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px;display:grid;gap:10px}.dtf-gsb__row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.dtf-gsb__badge{font-size:12px;padding:4px 8px;border-radius:999px;background:#fff;border:1px solid #e5e7eb}.dtf-gsb select,.dtf-gsb input[type=number]{padding:8px;border:1px solid #e5e7eb;border-radius:10px;min-width:100px}.dtf-gsb input[readonly]{background:#f9fafb;color:#6b7280}.dtf-gsb__btn{background:var(--brand);color:#fff;border:none;padding:10px 14px;border-radius:12px;font-weight:600;cursor:pointer;box-shadow:0 4px 14px rgb(7 106 225 / .15)}.dtf-gsb__btn.secondary{background:#fff;color:#076AE1;border:2px solid #076AE1}.dtf-gsb__btn.ghost{background:#fff;color:#111827;border:1px solid #e5e7eb}.dtf-gsb__work{display:grid;grid-template-columns:1fr 360px;gap:12px;margin-top:12px}.dtf-gsb__canvaswrap{background:repeating-conic-gradient(#f3f4f6 0% 25%,#e5e7eb 0% 50%) 50% / 16px 16px;border:1px solid #e5e7eb;border-radius:16px;min-height:560px;position:relative;display:flex;align-items:center;justify-content:center}#dtf-gsb-canvas{background:#fff0;max-width:100%;height:auto;border-radius:8px;display:block}.dtf-gsb__hint{position:absolute;bottom:8px;right:10px;background:rgb(255 255 255 / .9);border:1px solid #e5e7eb;padding:4px 8px;border-radius:999px;font-size:12px}.dtf-gsb__sheetpx{margin-top:8px;font-size:12px;color:#374151;text-align:center}.dtf-gsb__thumbs{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:12px;display:grid;gap:10px;align-content:start;max-height:700px;overflow:auto}.dtf-gsb__thumb{position:relative;border:1px solid #e5e7eb;border-radius:10px;padding:10px;background:#fff;display:grid;gap:8px}.dtf-gsb__thumb img{width:100%;border-radius:8px}.dtf-gsb__meta{font-size:12px;color:#4b5563}.status-ok{color:var(--ok);font-size:12px}.status-bad{color:var(--bad);font-size:12px}.tooltip{position:absolute;left:8px;top:8px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 8px 24px rgb(0 0 0 / .08);border-radius:10px;padding:8px 10px;font-size:12px;color:#374151;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .15s,transform .15s;z-index:10}.dtf-gsb__thumb:hover .tooltip{opacity:1;transform:translateY(0)}.badge-active{position:absolute;right:10px;top:10px;background:#10B981;color:#fff;font-size:11px;padding:3px 8px;border-radius:999px}.total-badge{background:#111827;color:#fff}.unit-tag{font-size:12px;color:#6b7280;margin-left:2px}@media (max-width:1024px){.dtf-gsb__work{grid-template-columns:1fr}}