.tech-tabs{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:0 0 18px;margin-bottom:0}.tech-tabs::-webkit-scrollbar{display:none}.tech-tabs button{flex:0 0 auto;background:var(--surface);color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:8px 14px;min-height:40px;cursor:pointer;font-weight:600;font-size:.84rem;white-space:nowrap}.tech-tabs button:hover,.tech-tabs .is-active{color:var(--text);background:var(--accent-soft);border-color:#0f766e47}.tech-pit{width:100%;background:#101828;overflow:hidden}.tech-pit-inner{width:min(100%,var(--container));margin-inline:auto;padding:16px var(--gutter) 0}.tech-upload{display:flex;align-items:baseline;gap:10px 16px;flex-wrap:wrap;width:min(100%,520px);margin:0 auto 14px;padding:12px 16px;border-radius:16px;background:#ffffff24;border:1px solid rgba(255,255,255,.28);color:#fff;cursor:pointer}.tech-upload input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.tech-upload span{font-weight:700;font-size:.95rem}.tech-upload em{font-style:normal;font-size:.82rem;color:#ffffffc7}.tech-stage{position:relative;height:min(62vh,560px);min-height:380px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;overflow:hidden}.tech-sticker,.tech-photo,.tech-brand{position:absolute;top:0;left:0;display:grid;place-items:center;will-change:auto;z-index:1}.tech-stage.is-live .tech-sticker,.tech-stage.is-live .tech-photo,.tech-stage.is-live .tech-brand{will-change:transform}.tech-sticker{border-radius:18px;background:#fff;border:3px solid #fff;box-shadow:0 10px 24px #00000047}.tech-photo{overflow:hidden;border-radius:18px;background:#fff;border:4px solid #fff;box-shadow:0 10px 24px #00000047}.tech-photo img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.tech-brand{background:transparent;border:none;box-shadow:none}.tech-brand img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.tech-sticker.is-held,.tech-photo.is-held,.tech-brand.is-held{z-index:4;cursor:grabbing}.tech-sticker.is-held,.tech-photo.is-held{box-shadow:0 18px 36px #0006}.tech-sticker .tech-mark,.tech-sticker .tech-mono{width:70%;height:70%;display:grid;place-items:center}.tech-sticker .tech-mark svg,.tech-sticker .tech-mark img{width:72%;height:72%;display:block}.tech-mark.is-light{background:#111827;border-radius:10px}.tech-mono{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;color:#fff;font-size:.72rem;font-weight:700}.tech-hint{position:absolute;right:18px;bottom:16px;z-index:2;margin:0;pointer-events:none;color:#ffffff8c;font-size:.82rem;font-weight:600;letter-spacing:.02em}.tech-cloud{display:none;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 6px;list-style:none;padding:8px 0 12px}.tech-cloud li{display:grid;place-items:center;padding:1px;transform:translate(var(--dx),var(--dy)) rotate(var(--tilt)) scale(var(--scale))}.tech-cloud .tech-mark,.tech-cloud .tech-mono{width:42px;height:42px;border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.tech-cloud .tech-mark.is-light{background:#111827}.tech-cloud .tech-mark svg,.tech-cloud .tech-mark img{width:24px;height:24px;display:block}.tech-cloud .tech-mark.is-light svg{width:18px;height:18px}@media (max-width: 768px){.tech-tabs,.tech-pit{display:none}.tech-cloud{display:flex}}@media (prefers-reduced-motion: reduce){.tech-hint{display:none}}