/* TG-DSK-1110: desktop Studio layout (>=1024px) + copy/paste UI. Test products only (features-live.json "dsk"). */
#tees-studio .tgdk-h{position:absolute;left:-14px;top:-14px;width:28px;height:28px;border-radius:50%;border:0;padding:5px;display:flex;align-items:center;justify-content:center;background:var(--ts-hg,#111);color:var(--ts-hf,#fff);cursor:pointer;z-index:3}
#tees-studio .tgdk-h svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
#tees-studio .ts-l.tgdk-ms{outline:2px dashed #e30613;outline-offset:3px}
#tees-studio .tgdk-paste{position:absolute;left:50%;transform:translateX(-50%);top:12px;white-space:nowrap;z-index:6;display:flex;align-items:center;gap:6px;height:36px;padding:0 8px 0 14px;border-radius:18px;border:0;background:#111;color:#fff;font:600 13px/1 inherit;font-family:inherit;box-shadow:0 2px 10px rgba(0,0,0,.25);cursor:pointer}
#tees-studio .tgdk-paste svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2}
#tees-studio .tgdk-paste .tgdk-pc{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.18);font-weight:700;margin-left:4px}
#tees-studio .tgdk-menu,#tees-studio .tgdk-pop{position:fixed;z-index:2147483600;background:#fff;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.22);padding:6px;min-width:170px;display:flex;flex-direction:column}
#tees-studio .tgdk-menu button{border:0;background:none;text-align:left;padding:10px 12px;border-radius:8px;font:500 14px/1.2 inherit;font-family:inherit;color:#111;cursor:pointer}
#tees-studio .tgdk-menu button:hover{background:#f2f2f2}
#tees-studio .tgdk-menu .tgdk-red{color:#e30613}
#tees-studio .tgdk-sh{position:fixed;inset:0;z-index:2147483600;background:rgba(0,0,0,.45);display:flex;align-items:flex-end;justify-content:center}
#tees-studio .tgdk-shb{background:#fff;width:100%;max-width:460px;max-height:86vh;overflow:auto;border-radius:16px 16px 0 0;padding:16px}
@media (min-width:700px){#tees-studio .tgdk-sh{align-items:center}#tees-studio .tgdk-shb{border-radius:16px}}
#tees-studio .tgdk-shh{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
#tees-studio .tgdk-shh b{font-size:17px}
#tees-studio .tgdk-x{border:0;background:#f2f2f2;width:32px;height:32px;border-radius:50%;font-size:20px;line-height:1;cursor:pointer}
#tees-studio .tgdk-p{margin:12px 0 6px;font-size:13px;color:#555}
#tees-studio .tgdk-ls{display:flex;flex-wrap:wrap;gap:8px}
#tees-studio .tgdk-li{display:flex;align-items:center;gap:6px;border:1px solid #ddd;border-radius:10px;padding:6px 8px;cursor:pointer}
#tees-studio .tgdk-li img{width:40px;height:40px;object-fit:contain;background:#f4f4f4;border-radius:6px}
#tees-studio .tgdk-tt{font-weight:700;font-size:13px;max-width:110px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:#f4f4f4;padding:10px 6px;border-radius:6px;text-shadow:0 0 1px #888}
#tees-studio .tgdk-vs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#tees-studio .tgdk-vc{display:flex;align-items:center;gap:8px;border:1px solid #ddd;border-radius:10px;padding:10px 12px;font-size:14px;font-weight:600;cursor:pointer}
#tees-studio .tgdk-vc input,#tees-studio .tgdk-li input{width:18px;height:18px;accent-color:#e30613}
#tees-studio .tgdk-note{font-size:12px;color:#666;margin:10px 0 0}
#tees-studio .tgdk-shf{display:flex;gap:8px;justify-content:flex-end;margin-top:14px}
#tees-studio .tgdk-proxy{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
#tees-studio .tgdk-glob,#tees-studio .tgdk-bar,#tees-studio .tgdk-rail,#tees-studio .tgdk-leg,#tees-studio .tgdk-size,#tees-studio .tgdk-cp,#tees-studio .tgdk-cpb,#tees-studio .tgdk-add,#tees-studio .tgdk-guide{display:none}

@media (min-width:1024px){
#tees-studio.tgdk .ts-design{display:grid!important;grid-template-columns:minmax(0,1fr) 340px!important;grid-template-rows:auto minmax(0,1fr) auto auto!important;position:relative}
#tees-studio.tgdk .ts-stage{grid-column:1!important;grid-row:1/5!important;position:relative!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;width:auto!important;height:auto!important;min-height:0}
#tees-studio.tgdk .ts-views,#tees-studio.tgdk .tgdk-add,#tees-studio.tgdk .ts-tools,#tees-studio.tgdk .tgf-live-rail{grid-column:2!important;position:relative!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;width:auto!important;transform:none!important;box-sizing:border-box;border-left:1px solid #eee;background:#fff}
#tees-studio.tgdk .tgdk-add{grid-row:1!important;display:block;padding:12px 16px 4px}
#tees-studio.tgdk .ts-tools{grid-row:2!important;max-height:none!important;height:auto!important;min-height:0;overflow-y:auto!important;padding:4px 16px 8px!important}
#tees-studio.tgdk .ts-tools .ts-add,#tees-studio.tgdk .ts-tools>.ts-hint{display:none!important}
#tees-studio.tgdk .ts-views{grid-row:3!important;display:flex!important;flex-wrap:wrap;justify-content:flex-start!important;gap:6px;padding:10px 12px 8px!important;height:auto!important;border-top:1px solid #eee}
#tees-studio.tgdk .ts-views .ts-vw{padding:0 10px!important;height:30px!important}
#tees-studio.tgdk .tgf-live-rail{grid-row:4!important;padding:0 12px 12px!important;height:auto!important;display:block!important}
#tees-studio.tgdk .tgf-live-rail .tgf-live{width:100%!important;height:230px!important}
#tees-studio.tgdk .ts-colors{display:none!important}
#tees-studio.tgdk.tgdk-bgo .ts-colors{display:flex!important;position:absolute!important;left:12px;top:56px;z-index:9;width:auto!important;max-width:520px;flex-wrap:wrap;gap:6px;padding:10px!important;background:#fff;border-radius:12px;box-shadow:0 6px 24px rgba(0,0,0,.18);height:auto!important}
#tees-studio.tgdk .tgdk-addr{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}
#tees-studio.tgdk .tgdk-addr:nth-child(2){grid-template-columns:1fr 1fr}
#tees-studio.tgdk .tgdk-addr .ts-pill{display:flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 8px;border:1px solid #ddd;border-radius:20px;background:#fff;font:600 14px/1 inherit;font-family:inherit;color:#111;cursor:pointer}
#tees-studio.tgdk .tgdk-addr svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}
#tees-studio.tgdk .tgdk-hint{margin:2px 0 4px;text-align:center;font-size:12px;color:#777}
#tees-studio.tgdk .tgdk-glob{display:flex;gap:6px;position:absolute;left:12px;top:10px;z-index:7}
#tees-studio.tgdk .tgdk-glob button,#tees-studio.tgdk .tgdk-cpb{display:flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid #ddd;border-radius:16px;background:#fff;font:500 13px/1 inherit;font-family:inherit;color:#111;cursor:pointer;white-space:nowrap}
#tees-studio.tgdk .tgdk-glob button.is-on{background:#111;color:#fff;border-color:#111}
#tees-studio.tgdk .tgdk-glob button.is-dis{opacity:.45;cursor:not-allowed}
#tees-studio.tgdk .tgdk-glob svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
#tees-studio.tgdk .ts-auto{top:94px!important}
#tees-studio.tgdk .tgdk-leg{display:flex;align-items:center;gap:6px;position:absolute;left:12px;bottom:48px;z-index:6;font-size:12px;color:#333;background:rgba(255,255,255,.85);padding:3px 8px;border-radius:8px}
#tees-studio.tgdk:not(.tgdk-gd) .tgdk-leg{display:none}
#tees-studio.tgdk .tgdk-leg span{display:inline-block;width:16px;height:0;border-top:2px solid #e30613;margin-left:6px}
#tees-studio.tgdk .tgdk-leg .tgdk-ls{border-top:2px dashed #1e88e5}
#tees-studio.tgdk .tgdk-leg .tgdk-lm{border-top:1px dotted #e30613}
#tees-studio.tgdk.tgdk-gd .tgdk-guide{display:block;position:absolute;pointer-events:none;z-index:2;outline:2px solid #e30613;outline-offset:0}
#tees-studio.tgdk .tgdk-guide i{position:absolute;display:block}
#tees-studio.tgdk .tgdk-gs{border:2px dashed #1e88e5}
#tees-studio.tgdk .tgdk-gv{left:50%;top:0;bottom:0;border-left:1px dotted rgba(227,6,19,.8)}
#tees-studio.tgdk .tgdk-gh{top:50%;left:0;right:0;border-top:1px dotted rgba(227,6,19,.8)}
#tees-studio.tgdk .tgdk-size{display:block;position:absolute;left:12px;bottom:12px;z-index:6;font-size:12px;font-weight:600;color:#222;background:#fff;border:1px solid #ddd;padding:6px 10px;border-radius:8px}
#tees-studio.tgdk .tgzz-fabs{bottom:82px!important}
#tees-studio.tgdk .tgdk-bar{display:flex;align-items:center;gap:2px;position:absolute;left:50%;transform:translateX(-50%);top:10px;z-index:8;background:#1d1d1f;color:#fff;border-radius:12px;padding:4px 6px;box-shadow:0 4px 18px rgba(0,0,0,.25);max-width:calc(100% - 24px);flex-wrap:nowrap;overflow-x:auto}
#tees-studio.tgdk .tgdk-bar{top:52px}
#tees-studio.tgdk .tgdk-io span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
#tees-studio.tgdk .tgdk-bb{display:flex;align-items:center;gap:4px;height:32px;padding:0 8px;border:0;border-radius:8px;background:none;color:#fff;font:600 12.5px/1 inherit;font-family:inherit;cursor:pointer;white-space:nowrap}
#tees-studio.tgdk .tgdk-bb:hover{background:rgba(255,255,255,.12)}
#tees-studio.tgdk .tgdk-bb.is-dis{opacity:.4;cursor:not-allowed}
#tees-studio.tgdk .tgdk-bb i{display:flex}
#tees-studio.tgdk .tgdk-bb svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
#tees-studio.tgdk .tgdk-sep{width:1px;height:20px;background:rgba(255,255,255,.2);margin:0 4px}
#tees-studio.tgdk .tgdk-sws{display:flex;gap:4px;align-items:center;padding:0 4px}
#tees-studio.tgdk .tgdk-sws.is-dis{opacity:.35;pointer-events:none}
#tees-studio.tgdk .tgdk-bar .tgdk-sw{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.6);padding:0;cursor:pointer}
#tees-studio.tgdk .tgdk-bar .tgdk-sw.is-cur{border-color:#fff;box-shadow:0 0 0 2px #e30613}
#tees-studio.tgdk .tgdk-rail{display:flex;flex-direction:column;gap:2px;position:absolute;right:62px;top:50%;transform:translateY(-50%);z-index:6;background:#1d1d1f;border-radius:10px;padding:5px}
#tees-studio.tgdk .tgdk-rail button{width:32px;height:30px;border:0;border-radius:7px;background:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
#tees-studio.tgdk .tgdk-rail button:hover{background:rgba(255,255,255,.15)}
#tees-studio.tgdk .tgdk-rail svg{width:18px;height:18px;fill:#fff;stroke:none}
#tees-studio.tgdk .tgdk-cpb{display:flex;position:absolute;left:12px;top:94px;z-index:6;width:36px;height:36px;padding:0;justify-content:center;border-radius:50%}
#tees-studio.tgdk .ts-auto{top:138px!important;left:12px!important}
#tees-studio.tgdk .tgdk-cpb span{width:22px;height:22px;border-radius:50%;display:block;border:1px solid rgba(0,0,0,.15)}
#tees-studio.tgdk .tgdk-cp{display:block;position:absolute;left:12px;top:94px;bottom:56px;width:250px;z-index:9;overflow:auto;background:#1d1d1f;color:#fff;border-radius:12px;padding:12px;box-shadow:0 8px 28px rgba(0,0,0,.3);font-size:12.5px}
#tees-studio.tgdk .tgdk-cph{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
#tees-studio.tgdk .tgdk-cp .tgdk-x{background:rgba(255,255,255,.12);color:#fff;width:26px;height:26px;font-size:16px}
#tees-studio.tgdk .tgdk-cps{width:100%;box-sizing:border-box;height:32px;border-radius:8px;border:1px solid #555;background:#111;color:#fff;padding:0 10px;font:inherit}
#tees-studio.tgdk .tgdk-cpn{color:#bbb;margin:8px 0}
#tees-studio.tgdk .tgdk-cpt{display:flex;justify-content:space-between;align-items:center;margin:12px 0 6px;font-weight:700}
#tees-studio.tgdk .tgdk-cpt small{font-weight:400;color:#aaa}
#tees-studio.tgdk .tgdk-all,#tees-studio.tgdk .tgdk-clrb{border:0;background:none;color:#9cc7ff;font:600 12px/1 inherit;font-family:inherit;cursor:pointer}
#tees-studio.tgdk .tgdk-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;align-items:center}
#tees-studio.tgdk .tgdk-cp .tgdk-sw{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.25);padding:0;cursor:pointer}
#tees-studio.tgdk .tgdk-pick{display:block;position:relative;overflow:hidden;background:conic-gradient(red,yellow,lime,cyan,blue,magenta,red)!important}
#tees-studio.tgdk .tgdk-pick input,#tees-studio.tgdk .tgdk-addb input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
#tees-studio.tgdk .tgdk-addb{grid-column:span 2;position:relative;text-align:center;border:1px dashed #777;border-radius:14px;padding:6px 0;cursor:pointer}
#tees-studio.tgdk .tgdk-phs{display:flex;flex-direction:column;gap:6px}
#tees-studio.tgdk .tgdk-ph{display:flex;gap:6px;align-items:center}
#tees-studio.tgdk .tgdk-ph img{width:28px;height:28px;object-fit:cover;border-radius:6px;background:#fff}
#tees-studio.tgdk .tgdk-phg{flex:1;grid-template-columns:repeat(6,1fr)}
#tees-studio.tgdk .tgdk-pop{background:#1d1d1f;color:#fff}
#tees-studio.tgdk .tgdk-opl{display:flex;align-items:center;gap:8px;padding:8px;font-size:13px}
#tees-studio.tgdk .tgdk-posg{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
#tees-studio.tgdk .tgdk-posg button{border:0;border-radius:8px;background:rgba(255,255,255,.1);color:#fff;padding:8px 10px;font:600 12.5px/1 inherit;font-family:inherit;cursor:pointer}
#tees-studio.tgdk .tgdk-posg button:hover{background:rgba(255,255,255,.2)}
#tees-studio.tgdk .ts-steps{position:fixed!important;right:410px!important;bottom:14px!important;top:auto!important;left:auto!important;transform:none!important;z-index:8}
#tees-studio.tgdk.tg-aop .tg-aop-bar{position:absolute!important;left:0;top:0;z-index:7;max-width:calc(100% - 440px);background:transparent}
#tees-studio.tgdk.tg-aop .tgdk-cpb{top:100px}
#tees-studio.tgdk.tg-aop .tg-aop-legend{top:auto!important;bottom:44px!important}
#tees-studio.tgdk.tg-aop .ts-views{display:flex!important}
#tees-studio.tgdk .tgdk-paste{top:auto;bottom:64px;left:calc(50% - 20px)}
#tees-studio.tgdk .ts-stage,#tees-studio.tgdk .ts-views,#tees-studio.tgdk .tgdk-glob,#tees-studio.tgdk .tgdk-bar{-webkit-user-select:none;user-select:none}
}
#tees-studio .ts-stage .ts-pa{-webkit-user-select:none;user-select:none}