.tm-graphic{font-family:Inter,sans-serif;background:transparent;position:relative;overflow:visible;width:100%;height:auto;display:flex;align-items:center;justify-content:center;margin:0;padding:0}.tm-graphic .tm-inner{display:flex;flex-direction:column;gap:32px;align-items:center;justify-content:center;width:100%;max-width:760px;flex-shrink:1;position:relative;margin:0;padding:0}@media(min-width:1024px){.tm-graphic .tm-inner{flex-direction:row;gap:32px}}.tm-graphic .drawing-container{position:relative;width:100%;max-width:320px;height:auto;aspect-ratio:7/9;background:#fff;border-radius:16px;border:2px solid rgba(63,127,254,.2);box-shadow:0 20px 60px #3f7ffe2e,0 4px 16px #00000014;flex-shrink:0;overflow:hidden;animation:tm-bob 5.2s ease-in-out infinite}@media(min-width:1024px){.tm-graphic .drawing-container{width:280px;height:360px;aspect-ratio:auto}}.tm-graphic .drawing-header{background:linear-gradient(135deg,#eef3ff,#e0e9ff);padding:10px 14px;border-bottom:1px solid rgba(63,127,254,.2);display:flex;align-items:center;justify-content:space-between}.tm-graphic .drawing-title{font-size:9px;font-weight:600;color:#3f7ffe;letter-spacing:.05em}.tm-graphic .drawing-badge{font-size:7px;font-weight:500;padding:2px 6px;border-radius:8px;background:#3f7ffe26;color:#3f7ffe}.tm-graphic .drawing-area{position:relative;flex:1;background:linear-gradient(rgba(63,127,254,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(63,127,254,.03) 1px,transparent 1px);background-size:20px 20px;background-color:#fafbff;padding:20px;min-height:280px}.tm-graphic .blueprint-line{position:absolute;background:#3f7ffe33}.tm-graphic .blueprint-line.h{height:2px;width:180px}.tm-graphic .blueprint-line.v{width:2px;height:150px}.tm-graphic .blueprint-line.wall1{top:60px;left:30px}.tm-graphic .blueprint-line.wall2{top:120px;left:30px}.tm-graphic .blueprint-line.wall3{top:180px;left:30px}.tm-graphic .blueprint-line.wall4{left:60px;top:40px;height:160px}.tm-graphic .blueprint-line.wall5{left:140px;top:40px;height:160px}.tm-graphic .task-pin{position:absolute;width:32px;height:32px;border-radius:50%;border:3px solid #fff;box-shadow:0 4px 12px #0003;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;animation:tm-pulse 2s ease-in-out infinite}.tm-graphic .task-pin:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid currentColor;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.tm-graphic .task-pin.pin1{top:50px;left:80px;background:#3b82f6;color:#3b82f6;animation-delay:0s}.tm-graphic .task-pin.pin2{top:130px;left:120px;background:#f59e0b;color:#f59e0b;animation-delay:.3s}.tm-graphic .task-pin.pin3{top:180px;left:50px;background:#10b981;color:#10b981;animation-delay:.6s}.tm-graphic .task-pin.pin4{top:100px;left:180px;background:#ef4444;color:#ef4444;animation-delay:.9s}.tm-graphic .task-label{position:absolute;background:#fff;border:1px solid rgba(63,127,254,.2);border-radius:6px;padding:4px 8px;font-size:7px;font-weight:600;color:#1e3a6e;white-space:nowrap;box-shadow:0 2px 8px #0000001a;opacity:0;animation:tm-label-appear 3s ease-in-out infinite}.tm-graphic .task-label.label1{top:42px;left:115px;animation-delay:.5s}.tm-graphic .task-label.label2{top:122px;left:155px;animation-delay:.8s}.tm-graphic .task-label.label3{top:172px;left:15px;animation-delay:1.1s}.tm-graphic .task-label.label4{top:92px;left:215px;animation-delay:1.4s}.tm-graphic .cards{display:flex;flex-direction:column;gap:14px;width:100%;max-width:320px}@media(min-width:1024px){.tm-graphic .cards{flex:1;max-width:320px}}.tm-graphic .card{background:#fff;border:1px solid rgba(63,127,254,.2);border-radius:14px;padding:12px 14px;box-shadow:0 2px 12px #3f7ffe14}.tm-graphic .card:nth-child(1){animation:tm-fA 4s ease-in-out infinite}.tm-graphic .card:nth-child(2){animation:tm-fB 5.2s ease-in-out infinite}.tm-graphic .card:nth-child(3){animation:tm-fC 4.7s ease-in-out infinite}.tm-graphic .ctop{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.tm-graphic .clbl{font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#3f7ffe}.tm-graphic .badge{font-size:9px;font-weight:500;padding:2px 6px;border-radius:20px;background:#3f7ffe1a;color:#3f7ffe}.tm-graphic .badge.ai{background:#9333ea1a;color:#9333ea}.tm-graphic .badge.g{background:#22c55e1a;color:#16a34a}.tm-graphic .badge.r{background:#ef44441a;color:#dc2626}.tm-graphic .ctitle{font-size:12px;font-weight:500;color:#1e3a6e;margin-bottom:5px;line-height:1.35}.tm-graphic .csub{font-size:10px;color:#93afd4;line-height:1.4}.tm-graphic .task-item{display:flex;align-items:flex-start;gap:8px;margin-bottom:7px;padding:8px;background:#3f7ffe08;border-radius:8px;border-left:3px solid #3f7ffe}.tm-graphic .task-item:last-child{margin-bottom:0}.tm-graphic .task-item.high{border-left-color:#ef4444}.tm-graphic .task-item.medium{border-left-color:#f59e0b}.tm-graphic .task-item.done{border-left-color:#10b981;background:#22c55e0d}.tm-graphic .task-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0}.tm-graphic .task-icon.blue{background:#3b82f6;color:#fff}.tm-graphic .task-icon.red{background:#ef4444;color:#fff}.tm-graphic .task-icon.yellow{background:#f59e0b;color:#fff}.tm-graphic .task-icon.green{background:#10b981;color:#fff}.tm-graphic .task-content{flex:1}.tm-graphic .task-name{font-size:11px;font-weight:600;color:#1e3a6e;margin-bottom:2px}.tm-graphic .task-meta{font-size:9px;color:#93afd4}.tm-graphic .stat-row{display:flex;gap:14px;margin-top:5px}.tm-graphic .stat-num{font-size:20px;font-weight:600;color:#1e3a6e;line-height:1}.tm-graphic .stat-lbl{font-size:9px;color:#93afd4;margin-top:1px}@keyframes tm-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes tm-pulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #0003}50%{transform:scale(1.1);box-shadow:0 6px 16px #0000004d}}@keyframes tm-label-appear{0%,30%{opacity:0;transform:translate(-5px)}40%,60%{opacity:1;transform:translate(0)}70%,to{opacity:0;transform:translate(5px)}}@keyframes tm-fA{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes tm-fB{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes tm-fC{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}