.t-steps{padding:6px 20px 20px}
.t-sec{padding:16px 0;border-bottom:1px solid var(--line)}.t-sec:last-child{border-bottom:0}
.t-sec h2.sec small{font:500 .8rem Inter,sans-serif;text-transform:none;color:var(--muted);letter-spacing:0}
.t-same{margin:0!important}
.t-canvas{padding:18px 4% 6px}
.t-canvas svg{max-height:60vh}
.t-canvas .el{cursor:grab;touch-action:none}
.t-canvas .el:hover rect.box,.t-canvas .el.drag rect.box{stroke:#1e6fff;stroke-width:2;stroke-dasharray:8 6}
.t-sides{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}
.t-sides button{border:1px solid var(--line);background:#fff;border-radius:4px;padding:6px 4px 4px;cursor:pointer;font:600 .72rem Oswald,sans-serif;text-transform:uppercase;color:var(--ink)}
.t-sides button.active{border-color:var(--ink);box-shadow:inset 0 -3px 0 var(--red)}
.t-sides button:disabled{cursor:default}
.t-sides svg{width:100%;height:auto;display:block}
#side-seg[aria-disabled=true] button{opacity:.45;pointer-events:none}
.t-row{display:flex;gap:12px;align-items:flex-start;margin:10px 0}
.t-lab{flex:none;width:72px;font-weight:600;font-size:.88rem;padding-top:4px}
.t-sw{display:flex;flex-wrap:wrap;gap:5px}
.t-sw button{width:24px;height:24px;border-radius:50%;border:1px solid rgba(0,0,0,.18);cursor:pointer;padding:0}
.t-sw button.on{outline:2px solid var(--ink);outline-offset:2px}
.t-sw .none{background:repeating-linear-gradient(45deg,#fff 0 4px,#ddd 4px 8px)}
.t-logo{margin:0}.t-logo-body{flex:1;display:flex;flex-direction:column;gap:8px}
.t-logo .check.small{margin:0}
#logo-ph img,#logo-ph .ph{width:96px;height:96px}
.t-upload{display:inline-block;align-self:flex-start;cursor:pointer}
.t-range{display:flex;align-items:center;gap:10px;font-size:.85rem;font-weight:600}.t-range input{flex:1}
.t-range output{min-width:52px;font-weight:400;color:var(--muted)}
.t-note{margin:0;font-size:.8rem;color:var(--muted)}
.t-text .t-in{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:6px}
.t-text input[type=text],.t-text select,.t-qty input{font:inherit;padding:10px 12px;border:1px solid #ccc;border-radius:3px;background:#fff;width:100%}
.t-text .t-in label{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:.85rem}
.t-qty{display:flex;align-items:center;gap:12px;font-weight:600;margin:4px 0 16px}.t-qty input{width:90px}
#tent-form{grid-template-columns:1fr 1fr}
.t-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px}
.t-actions #start-over{padding:0;color:var(--muted);font-weight:500;font-size:.8rem}
@media (max-width:900px){#tent-form,.t-text .t-in{grid-template-columns:1fr}.t-canvas svg{max-height:46vh}.stage-top{flex-direction:column;align-items:flex-start}}

/* coming soon (Kyle 2026-10-26): builder open to try, ordering off until launch */
.soon-bar{background:#fff7e6;border-bottom:1px solid #f1d9a8;padding:12px 0;font-size:.95rem}
.soon-bar .wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.soon-tag{display:inline-block;background:var(--red);color:#fff;font:700 .72rem Oswald,Impact,sans-serif;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:3px}
.t-soon{background:#f6f7f9;border:1px solid var(--line);border-left:5px solid var(--red);padding:16px 18px;border-radius:4px}
.t-soon h3{margin:8px 0 6px;font-size:1.2rem;color:var(--ink)}
.t-soon p{margin:0;color:var(--muted)}
.t-soon-actions{justify-content:flex-start}
/* patterns */
.t-pats{grid-template-columns:repeat(4,1fr);max-height:360px;margin-bottom:8px}
.t-pats .pat svg{max-height:70px}
.t-patc[hidden]{display:none}
@media (max-width:900px){.t-pats{grid-template-columns:repeat(3,1fr)}}
