.trace-demo-sample-wrap{display:inline-flex;margin-left:6px;vertical-align:middle}.trace-demo-sample-button{min-height:28px!important;padding:4px 9px!important;border:1px solid #9b7a23!important;border-radius:999px!important;background:linear-gradient(#fffdf5,#f4e7b3)!important;color:#49370b!important;font:700 11px/1.2 system-ui,sans-serif!important;box-shadow:0 2px 5px #0002!important;white-space:nowrap!important}.trace-demo-sample-button:hover,.trace-demo-sample-button:focus-visible{outline:2px solid #d5a72c!important;outline-offset:2px!important}#trace-demo-sample-dialog{width:min(620px,calc(100% - 28px));max-height:82vh;border:1px solid #ccb76f;border-radius:14px;padding:0;color:#18342e;background:#fff;box-shadow:0 24px 80px #102b2455}#trace-demo-sample-dialog::backdrop{background:#0b211b99}.tds-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#f8f2d8;border-bottom:1px solid #dfcf92;font-size:16px}.tds-head button{border:0;background:transparent;font-size:25px;cursor:pointer;color:#18342e}#tds-body{padding:16px 20px 20px;line-height:1.5}#tds-body h3{font-size:13px;margin:16px 0 5px}#tds-body ul{margin:4px 0;padding-left:20px}.tds-note{padding:10px 12px;background:#eef6f2;border-left:3px solid #177255}@media(max-width:600px){.trace-demo-sample-wrap{margin:5px 0 0 4px}#trace-demo-sample-dialog{max-height:90vh}.tds-head{padding:12px 14px}#tds-body{padding:13px 15px 17px}}@media(prefers-reduced-motion:reduce){.trace-demo-sample-button{scroll-behavior:auto}}
.tds-visual{margin:0 0 16px;border:1px solid #bacbc5;border-radius:10px;background:#f7faf9;min-height:180px;overflow:hidden}.tds-cover{padding:18px;background:#fff;box-shadow:inset 0 0 0 7px #edf2f0}.cover-brand{font-weight:800;color:#17654d;letter-spacing:.08em}.cover-no{margin-top:20px;font-size:28px;font-weight:850}.cover-title{font-size:17px;margin-bottom:18px}.cover-row{display:grid;grid-template-columns:100px 1fr;border-top:1px solid #d9e2df;padding:7px 0}.cover-stamp{display:inline-block;margin-top:15px;padding:5px 9px;border:2px solid #a33;color:#a33;font-weight:900;transform:rotate(-2deg)}.tds-model{position:relative;perspective:500px;background:linear-gradient(#dff2f5,#edf1e9)}.tds-grid{position:absolute;inset:42% -15% -45%;background-image:linear-gradient(#28766b33 1px,transparent 1px),linear-gradient(90deg,#28766b33 1px,transparent 1px);background-size:24px 24px;transform:rotateX(58deg)}.tds-solid{position:absolute;border:2px solid #205f7a;background:#72abc077;transform:skewY(-18deg);box-shadow:18px -12px 0 #377f9466}.tds-solid.s1{width:145px;height:72px;left:23%;top:48px}.tds-solid.s2{width:90px;height:48px;right:18%;top:92px;background:#d59b4777;border-color:#9b6321}.tds-model .p{position:absolute;font:700 10px system-ui;color:#8b2b24;background:#fff;padding:2px 4px;border:1px solid #d6b1ad;border-radius:4px}.p1{left:9%;bottom:24px}.p2{left:50%;bottom:42px}.p3{right:6%;bottom:19px}.tds-gantt{padding:15px}.tds-gantt>div{display:grid;grid-template-columns:145px 1fr;align-items:center;margin-top:14px;font-size:11px}.tds-gantt div:after{content:'';grid-column:2;height:18px;background:linear-gradient(90deg,#d9e4e1 1px,transparent 1px);background-size:20% 100%}.tds-gantt i{grid-column:2;grid-row:1;z-index:1;margin-left:var(--x);width:var(--w);height:12px;border-radius:3px;background:#177255}.tds-sheet{padding:15px}.tds-sheet>div{display:flex;justify-content:space-between;border-top:1px solid #d8e1de;padding:9px 3px}.tds-sheet .total{font-weight:800;background:#eef5f2}.tds-form{padding:15px}.tds-form>b{display:block;margin-bottom:9px}.tds-form>div{background:#fff;border:1px solid #d9e4e0;border-radius:6px;padding:7px 9px;margin:6px 0}.tds-form span{color:#177255;font-weight:900;margin-right:7px}.tds-actions{margin:16px 0}.tds-actions button{border:1px solid #17654d;background:#17654d;color:#fff;border-radius:8px;padding:9px 12px;font-weight:800;cursor:pointer}.trace-demo-samples [data-trace-demo-blocked="1"]{cursor:not-allowed!important;filter:saturate(.7)}
.tds-template-preview{position:relative;margin:0 0 16px;padding:38px 10px 12px;border:1px solid #9fb4ad;border-radius:10px;background:#dfe9e6}.tds-template-banner{position:absolute;z-index:2;top:8px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 20px);padding:5px 10px;border:2px solid #a33;border-radius:4px;background:#fff9;color:#8b2020;font:900 11px/1.2 system-ui;letter-spacing:.04em}.tds-template-preview figure{margin:0 0 14px;background:#fff;border:1px solid #b9c8c3;box-shadow:0 5px 18px #18342e24}.tds-template-preview figure:last-child{margin-bottom:0}.tds-template-preview figcaption{padding:7px 10px;background:#174f5d;color:#fff;font:800 11px/1.2 system-ui;letter-spacing:.03em}.tds-template-preview img{display:block;width:100%;height:auto;background:#fff}
.tds-template-note{margin:12px 2px 0;padding:10px 12px;border-left:4px solid #174f5d;background:#f7fbfa;color:#173d45;font:600 12px/1.45 system-ui}#trace-demo-sample-dialog{overflow:auto}.tds-head h2{margin:0;font-size:16px}.trace-demo-page-sample{position:fixed;right:14px;bottom:58px;z-index:2147482000;padding:7px 11px;border:1px solid #9b7a23;border-radius:999px;background:#fff8d9;color:#49370b;font:800 11px system-ui;box-shadow:0 4px 16px #0003}.trace-demo-page-sample:focus-visible{outline:3px solid #d5a72c;outline-offset:2px}