.dt-prod-tool{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,430px);gap:18px}.dt-prod-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:18px;box-shadow:var(--shadow-soft)}.dt-prod-input,.dt-prod-number,.dt-prod-textarea{width:100%;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);padding:10px 12px;font:inherit}.dt-prod-textarea{min-height:240px;font:13px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical}.dt-prod-list,.dt-prod-board,.dt-prod-memos{display:grid;gap:10px}.dt-prod-item,.dt-prod-note,.dt-prod-kanban-card{border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:10px;display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.dt-prod-item.is-done{text-decoration:line-through;color:var(--muted)}.dt-prod-board{grid-template-columns:repeat(3,minmax(0,1fr))}.dt-prod-column{border:1px solid var(--border);border-radius:8px;padding:10px;background:var(--surface);min-height:180px}.dt-prod-column h4{margin:0 0 10px;font-size:13px}.dt-prod-note{min-height:86px}.dt-prod-note:nth-child(3n+1){background:#fff7ed}.dt-prod-note:nth-child(3n+2){background:#eff6ff}.dt-prod-note:nth-child(3n){background:#f0fdf4}.dt-prod-timer{display:grid;place-items:center;min-height:260px;border:1px dashed var(--border);border-radius:8px;background:var(--surface)}.dt-prod-clock{font-size:48px;font-weight:900;letter-spacing:0}.dt-prod-status{color:var(--muted);font-size:12px}.dt-prod-preview{border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:14px;min-height:280px;overflow:auto}.dt-prod-preview h1,.dt-prod-preview h2,.dt-prod-preview h3{margin:10px 0 8px}.dt-prod-preview code,.dt-prod-preview pre{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.dt-prod-form{display:grid;gap:10px}.dt-prod-grid{display:grid;gap:8px}.dt-prod-habit{display:grid;grid-template-columns:minmax(120px,1fr) repeat(7,34px) 34px;gap:6px;align-items:center}.dt-prod-habit button{min-height:34px}.dt-prod-bookmark{display:grid;gap:4px}.dt-prod-bookmark a{font-weight:800;color:var(--accent)}@media(max-width:760px){.dt-prod-tool,.dt-prod-board{grid-template-columns:1fr}.dt-prod-clock{font-size:40px}.dt-prod-habit{grid-template-columns:1fr repeat(4,34px)}}