:root{color-scheme:dark;--ink: #f2f5f3;--ink-muted: #a8b6b6;--ink-faint: #6f8183;--panel: rgba(9, 18, 23, .9);--panel-strong: rgba(8, 16, 21, .96);--surface: rgba(29, 45, 51, .82);--surface-hover: rgba(42, 64, 70, .9);--surface-soft: rgba(255, 255, 255, .055);--border: rgba(205, 229, 229, .16);--border-strong: rgba(205, 229, 229, .3);--accent: #61c8d2;--accent-soft: rgba(97, 200, 210, .16);--accent-border: rgba(97, 200, 210, .7);--moss: #9ab579;--amber: #dda34a;--danger: #df7565;--danger-soft: rgba(223, 117, 101, .15);--radius-sm: 7px;--radius: 10px;--radius-lg: 15px;--shadow: 0 12px 32px rgba(0, 0, 0, .28);--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;font-family:Segoe UI Variable,Segoe UI,system-ui,sans-serif;color:var(--ink);background:#80b7c9;-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit}[hidden]{display:none!important}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#app,#app canvas{width:100%;height:100%}#app canvas{display:block}#camera-pad,#mobile-history,#topbar-toggle{display:none}#topbar{position:fixed;top:10px;left:10px;right:10px;z-index:8;min-height:52px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(max-content,1fr);align-items:center;gap:12px;padding:6px;background:var(--panel-strong);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px #0003;-webkit-user-select:none;user-select:none;transition:transform .18s ease}#overlay{min-width:0;display:flex;align-items:center;gap:9px;overflow:hidden;padding:0 8px;font-size:14px;font-weight:650;letter-spacing:.01em;white-space:nowrap}.brand-nombre,.brand-lema{min-width:0;overflow:hidden;text-overflow:ellipsis}.brand-mark{width:23px;height:23px;color:var(--accent)}#hud-modes{display:flex;align-items:center;gap:3px;padding:3px;background:#ffffff0b;border-radius:8px}.mode-tab,.top-action{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 11px;color:var(--ink-muted);background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;touch-action:manipulation}.mode-tab{min-width:92px;font-size:13px;font-weight:650}.mode-tab svg,.top-action svg{width:18px;height:18px;flex:none}.mode-tab:hover,.top-action:hover{color:var(--ink);background:var(--surface-soft)}.mode-tab.active{color:#dffcff;background:var(--accent-soft);border-color:var(--accent-border)}#project-actions{min-width:0;display:flex;justify-content:flex-end;align-items:center;gap:4px}#counter{min-height:34px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;color:var(--ink-muted);font-size:12px;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none}.counter-tier{color:var(--ink)}.counter-value{color:var(--ink-muted)}.contador-material{width:11px;height:11px;flex:none;border:1px solid rgba(255,255,255,.28);border-radius:3px}.top-action{font-size:12px;font-weight:620}#tools{position:fixed;top:72px;left:50%;z-index:7;display:flex;align-items:center;gap:4px;padding:4px;transform:translate(-50%);color:var(--ink-muted);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 7px 20px #0000002e;-webkit-user-select:none;user-select:none;transition:opacity .14s ease,transform .14s ease}.tool-group{display:none;align-items:center;gap:3px}body[data-hud-mode=build] .tool-group[data-tool-group=build],body[data-hud-mode=edit] .tool-group[data-tool-group=edit],body[data-hud-mode=view] .tool-group[data-tool-group=view],.tool-group.tool-history{display:flex}.tool-separator{width:1px;height:26px;margin:0 2px;background:var(--border)}.tool{min-width:42px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 10px;color:var(--ink-muted);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;touch-action:manipulation}.tool:hover:not(:disabled){color:var(--ink);background:var(--surface-soft);border-color:var(--border)}.tool:disabled,.top-action:disabled{opacity:.34;cursor:default}.tool.active{color:#dffcff;background:var(--accent-soft);border-color:var(--accent-border)}#demolish-toggle.active{color:#ffd9d2;background:var(--danger-soft);border-color:#df7565b3}#inspect-toggle.active{color:#dffcff;background:var(--accent-soft);border-color:var(--accent-border)}body.inspecting #app canvas{cursor:help}#inspect-card{position:fixed;z-index:18;width:min(360px,calc(100vw - 24px));max-height:min(300px,calc(100dvh - 24px));padding:13px 14px;overflow:auto;color:var(--ink);background:#081015e0;border:1px solid var(--accent-border);border-radius:var(--radius);box-shadow:0 10px 28px #0000004d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#inspect-name{display:block;margin-bottom:9px;color:#effdff;font-size:15px;line-height:1.3;user-select:text;-webkit-user-select:text}.inspect-field+.inspect-field{margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.inspect-field>span{display:block;margin-bottom:3px;color:var(--ink-faint);font-size:9px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;-webkit-user-select:none;user-select:none}.inspect-selectable{color:var(--ink-muted);font-size:12px;line-height:1.45;overflow-wrap:anywhere;user-select:text;-webkit-user-select:text;cursor:text;touch-action:auto}#inspect-bp{display:block;color:#a9dfe4;font-family:ui-monospace,Cascadia Code,Segoe UI Mono,monospace}.tool-icon{width:18px;height:18px;flex:none}.tool-label{font-size:12px;font-weight:620}#tools-right{position:fixed;top:74px;right:12px;z-index:6;display:flex;flex-direction:column;align-items:flex-end;gap:6px;-webkit-user-select:none;user-select:none;transition:opacity .14s ease,transform .14s ease}#clear-all{min-width:auto;color:var(--danger);background:#091217c2;border-color:#df75652e}#clear-all:hover:not(:disabled){color:#ffd9d2;background:var(--danger-soft);border-color:#df75658c}#help-toggle{width:40px;min-width:40px;padding:0;color:var(--ink-muted);background:#091217c2;border-color:var(--border)}#help-panel{position:fixed;top:126px;right:12px;z-index:19;width:min(340px,calc(100vw - 24px));max-height:calc(100dvh - 144px);padding:15px;overflow-y:auto;color:var(--ink);background:var(--panel-strong);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.help-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.help-header small{color:var(--accent);font-size:9px;font-weight:750;letter-spacing:.14em}.help-header h2{margin:2px 0 0;font-size:17px}#help-close{width:32px;height:32px;display:grid;flex:none;place-items:center;padding:0;color:var(--ink-muted);background:var(--surface-soft);border:1px solid var(--border);border-radius:7px;cursor:pointer}#help-close:hover{color:var(--ink);border-color:var(--border-strong)}#help-close svg{width:16px;height:16px}#help-context{margin:12px 0;padding:8px 10px;color:#dffcff;font-size:11px;line-height:1.4;background:var(--accent-soft);border-left:2px solid var(--accent);border-radius:4px 7px 7px 4px}.help-shortcuts{display:grid;grid-template-columns:max-content 1fr;gap:7px 12px;margin:0;align-items:center;font-size:11px}.help-shortcuts dt{color:var(--ink);font-weight:650}.help-shortcuts dd{margin:0;color:var(--ink-muted);line-height:1.25}.help-shortcuts kbd{padding:2px 5px;color:var(--ink);font-family:inherit;font-size:10px;background:var(--surface-soft);border:1px solid var(--border-strong);border-radius:4px;box-shadow:inset 0 -1px #00000047}#toast{position:fixed;left:50%;z-index:20;transform:translate(-50%);color:var(--ink);background:var(--panel-strong);border:1px solid var(--border-strong);border-radius:999px;box-shadow:var(--shadow);pointer-events:none;-webkit-user-select:none;user-select:none}#toast{top:76px;max-width:min(540px,calc(100vw - 24px));padding:10px 16px;font-size:13px;line-height:1.4}#touch-aim{--aim-color: var(--accent);position:fixed;left:0;top:0;z-index:19;width:28px;height:28px;opacity:0;border:2px solid var(--aim-color);border-radius:50%;box-shadow:0 0 0 3px #030c0f73,0 0 12px color-mix(in srgb,var(--aim-color) 65%,transparent);transform:translate(-50%,-50%) scale(.84);transition:opacity 90ms ease,transform 90ms ease;pointer-events:none}#touch-aim span,#touch-aim:before{content:"";position:absolute;top:50%;left:50%;background:var(--aim-color);border-radius:999px;transform:translate(-50%,-50%)}#touch-aim span{width:14px;height:2px}#touch-aim:before{width:2px;height:14px}#touch-aim:after{content:"";position:absolute;top:calc(100% + 5px);left:50%;width:1px;height:17px;background:linear-gradient(var(--aim-color),transparent);transform:translate(-50%)}#touch-aim.active{opacity:1;transform:translate(-50%,-50%) scale(1)}#touch-aim.valid{--aim-color: #3fd97c}#touch-aim.blocked{--aim-color: #e96a5d}#hotbar{position:fixed;bottom:calc(12px + var(--safe-bottom));left:50%;z-index:5;max-width:calc(100vw - 24px);display:flex;gap:5px;padding:3px;overflow-x:auto;transform:translate(-50%);scrollbar-width:none;-webkit-user-select:none;user-select:none;touch-action:pan-x}#hotbar::-webkit-scrollbar,#tools::-webkit-scrollbar{display:none}.slot{position:relative;width:66px;height:72px;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:4px;color:var(--ink-muted);background:var(--panel);border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;box-shadow:0 5px 14px #0000002e;touch-action:manipulation}.slot:hover{color:var(--ink);background:var(--surface-hover)}.slot.active{color:#e8feff;background:#12292ef5;border-color:var(--accent);box-shadow:0 0 0 2px #61c8d224,0 7px 18px #0000003d}.slot.empty{color:var(--ink-faint);border-style:dashed;box-shadow:none}.slot.sin-ruta:not(.active){border-color:#dda34a73}.slot-key{position:absolute;top:3px;left:5px;color:var(--ink-faint);font-size:9px;font-variant-numeric:tabular-nums}.slot-name{max-width:100%;padding:0 2px;overflow:hidden;color:inherit;font-size:9px;font-weight:650;line-height:1.08;text-align:center}.piece-icon{width:33px;height:33px;display:block;flex:none;opacity:.92}.icon-empty{width:31px;height:31px;border:1px dashed rgba(205,229,229,.22);border-radius:4px}#build-controls{position:fixed;right:12px;bottom:calc(96px + var(--safe-bottom));z-index:21;display:flex;flex-direction:column;align-items:flex-end;gap:6px;-webkit-user-select:none;user-select:none}.build-control-primary{display:flex;align-items:center;gap:5px}#pieza-familia,#rotate-piece,#voltear,#series-toggle{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 13px;color:#e5fbfc;background:#0a1a1ff0;border:1px solid var(--accent-border);border-radius:var(--radius);box-shadow:0 7px 18px #0000003d;cursor:pointer;touch-action:manipulation}#pieza-familia:active,#rotate-piece:active,#voltear:active,#series-toggle:active{background:#204c52f5}#voltear.active{color:#fff0d2;background:#503a18f0;border-color:#dda34ab8}#series-toggle.active{color:#edfeff;background:#18525af5;border-color:#66e0ebc7}.rp-icon{width:19px;height:19px;flex:none}.rp-text{font-size:12px;font-weight:680;white-space:nowrap}#library,#tier-converter,#importar-panel,#template,#materiales,#cloud,#community,#settings{position:fixed;inset:0;z-index:30;display:flex;background:#02080b8f}#library{align-items:stretch;justify-content:flex-start}.lib-panel{color:var(--ink);background:var(--panel-strong);border:1px solid var(--border-strong);box-shadow:var(--shadow)}#library .lib-panel{width:min(630px,92vw);height:100%;display:flex;flex-direction:column;padding:22px 22px 28px;overflow:hidden;border-width:0 1px 0 0;border-radius:0 var(--radius-lg) var(--radius-lg) 0}.lib-fixed{flex:none}#lib-catalog{min-height:0;flex:1;padding-right:5px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.lib-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.lib-header h2{margin:0;font-size:18px;font-weight:680;letter-spacing:.01em}#lib-close,#tier-converter-close,#importar-close,#template-close,#materiales-close,#cloud-close,#community-close,#settings-close{width:36px;height:36px;display:grid;place-items:center;color:var(--ink-muted);background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;cursor:pointer}#lib-close:hover,#tier-converter-close:hover,#importar-close:hover,#template-close:hover,#materiales-close:hover,#cloud-close:hover,#settings-close:hover{color:var(--ink);border-color:var(--border-strong)}.lib-help{margin:7px 0 15px;color:var(--ink-muted);font-size:12px;line-height:1.5}.lib-help kbd{padding:1px 5px;color:var(--ink);font-family:inherit;font-size:10px;background:var(--surface-soft);border:1px solid var(--border);border-radius:4px}#lib-materiales{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0 13px}.lib-material{min-height:38px;display:inline-flex;align-items:center;gap:7px;padding:7px 10px;color:var(--ink-muted);background:var(--surface-soft);border:1px solid transparent;border-radius:8px;cursor:pointer;touch-action:manipulation}.lib-material:hover{color:var(--ink);background:var(--surface-hover)}.lib-material.active{color:#e8feff;background:var(--accent-soft);border-color:var(--accent-border)}.lib-material-color{width:14px;height:14px;border:1px solid rgba(255,255,255,.25);border-radius:3px}.lib-material small{color:var(--ink-faint);font-size:10px;font-variant-numeric:tabular-nums}.lib-slots-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:0 0 15px;border-bottom:1px solid var(--border)}#lib-slots{display:flex;gap:5px;overflow-x:auto}.lib-slot{position:relative;width:44px;height:44px;flex:none;display:grid;place-items:center;padding:2px;background:var(--surface-soft);border:1px solid var(--border);border-radius:7px;cursor:pointer;touch-action:manipulation}.lib-slot.target{background:var(--accent-soft);border-color:var(--accent)}.lib-slot .piece-icon,.lib-slot .icon-empty{width:29px;height:29px}.lib-slot .slot-key{top:1px;left:3px;font-size:8px}#lib-catalog h3,#cloud h3{margin:18px 0 8px;color:var(--moss);font-size:11px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.lib-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px}.lib-item{min-height:56px;display:flex;align-items:center;gap:10px;padding:8px 10px;color:var(--ink);text-align:left;background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;cursor:pointer}.lib-item:hover{background:var(--accent-soft);border-color:#61c8d275}.lib-item.in-use{background:var(--piece-bg, rgba(97, 200, 210, .16));border-color:var(--piece-border, rgba(97, 200, 210, .55));box-shadow:inset 3px 0 var(--piece-border, var(--accent))}.lib-item-text{min-width:0;display:flex;flex-direction:column;gap:2px}.lib-item-text strong{font-size:12px;font-weight:650}.lib-item-text small{color:var(--ink-muted);font-size:10px;line-height:1.25}.lib-item.sin-ruta .lib-item-text small{color:var(--amber)}:is(.slot,.lib-slot,.lib-item,.wheel-item,#wheel-toggle)[data-category=cimientos],:is(.slot,.lib-slot,.lib-item,.wheel-item,#wheel-toggle)[data-category=pilares]{--piece-bg: rgba(83, 151, 190, .2);--piece-border: rgba(100, 184, 226, .58)}:is(.slot,.lib-slot,.lib-item,.wheel-item,#wheel-toggle)[data-category=paredes],:is(.slot,.lib-slot,.lib-item,.wheel-item,#wheel-toggle)[data-category=paredes_inclinadas]{--piece-bg: rgba(71, 167, 157, .2);--piece-border: rgba(91, 201, 188, .56)}:is(.slot,.lib-slot,.lib-item,.wheel-item,#wheel-toggle)[data-category=puertas],:is(.slot,.lib-slot,.lib-item,.wheel-item,#wheel-toggle)[data-category=ventanas]{--piece-bg: rgba(201, 139, 62, .2);--piece-border: rgba(225, 167, 88, .58)}:is(.slot,.lib-slot,.lib-item,.wheel-item,#wheel-toggle)[data-category=techos],:is(.slot,.lib-slot,.lib-item,.wheel-item,#wheel-toggle)[data-category=tejados]{--piece-bg: rgba(129, 108, 193, .2);--piece-border: rgba(164, 142, 226, .58)}:is(.slot,.lib-slot,.lib-item,.wheel-item,#wheel-toggle)[data-category=barandillas]{--piece-bg: rgba(132, 166, 91, .2);--piece-border: rgba(164, 198, 116, .58)}:is(.slot,.lib-slot,.lib-item,.wheel-item,#wheel-toggle)[data-category=rampas_escaleras]{--piece-bg: rgba(193, 105, 76, .2);--piece-border: rgba(222, 133, 101, .58)}:is(.slot,.lib-slot,.lib-item,.wheel-item,#wheel-toggle)[data-category] .piece-icon{padding:3px;background:var(--piece-bg);border:1px solid var(--piece-border);border-radius:6px}.slot.active .piece-icon,.lib-slot.target .piece-icon{background:var(--piece-border, var(--accent-soft));box-shadow:0 0 0 2px #dffcff21}#tier-converter,#importar-panel,#template,#materiales,#cloud,#settings{align-items:center;justify-content:center;padding:12px}#community{align-items:stretch;justify-content:flex-end;padding:0}.template-panel,.materiales-panel,.cloud-panel,.tier-converter-panel,.settings-panel{width:min(470px,94vw);max-height:88vh;padding:20px;overflow-y:auto;border-radius:var(--radius-lg)}.community-panel{width:min(520px,96vw);height:100%;display:flex;flex-direction:column;padding:20px;overflow:hidden;border-width:0 0 0 1px;border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.settings-panel{width:min(430px,94vw)}.tier-converter-panel{width:min(480px,94vw)}.tier-converter-step{margin-top:16px}.tier-converter-step h3{margin:0 0 8px;color:var(--ink-muted);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.tier-converter-source{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.tier-source-option{min-width:0;min-height:44px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px 9px;color:var(--ink);text-align:left;background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;cursor:pointer;touch-action:manipulation}.tier-source-option:hover{background:var(--surface-hover);border-color:var(--border-strong)}.tier-source-option.active{background:var(--accent-soft);border-color:var(--accent-border);box-shadow:inset 0 0 0 1px #61c8d21f}.tier-source-option strong{min-width:0;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.tier-source-option small{color:var(--ink-muted);font-size:10px}.tier-source-swatch{width:13px;height:24px;border:1px solid rgba(255,255,255,.3);border-radius:4px}#tier-converter-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tier-converter-option{min-height:62px;display:grid;grid-template-columns:20px 1fr;grid-template-areas:"swatch name" "swatch count";align-items:center;column-gap:10px;padding:9px 11px;color:var(--ink);text-align:left;background:var(--surface-soft);border:1px solid var(--border);border-radius:9px;cursor:pointer;touch-action:manipulation}.tier-converter-option:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}.tier-converter-option:disabled{opacity:.45;cursor:default}.tier-converter-swatch{grid-area:swatch;width:20px;height:36px;border:1px solid rgba(255,255,255,.3);border-radius:6px}.tier-converter-option strong{grid-area:name;font-size:12px}.tier-converter-option small{grid-area:count;color:var(--ink-muted);font-size:10px}.template-ayuda a{color:#79dce5;font-weight:700;text-decoration:underline;text-decoration-color:#79dce58c;text-underline-offset:2px}.template-ayuda a:hover{color:#baf8fc;text-decoration-color:currentColor}.settings-group{padding:14px 0;border-bottom:1px solid var(--border)}.settings-group:last-child{padding-bottom:0;border-bottom:0}.settings-group h3{margin:0 0 9px;color:var(--ink-muted);font-size:11px;font-weight:720;letter-spacing:.08em;text-transform:uppercase}.settings-group .lib-modo{margin-bottom:0}.settings-group .lib-help{margin:9px 0 0}.setting-row,.setting-feedback{width:100%;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--ink)}.setting-row span,.setting-feedback span{min-width:0;display:grid;gap:3px;text-align:left}.setting-row strong,.setting-feedback strong{font-size:13px;font-weight:680}.setting-row small,.setting-feedback small{color:var(--ink-muted);font-size:10px;line-height:1.3}.setting-row input{width:22px;height:22px;flex:none;accent-color:var(--accent)}.setting-range{margin-top:9px;padding-top:9px;border-top:1px solid var(--border)}.setting-row.setting-range input{width:min(160px,42vw);height:28px;accent-color:var(--accent);cursor:pointer}.setting-feedback{padding:9px 11px;background:var(--surface-soft);border:1px solid var(--border);border-radius:9px;cursor:pointer}.setting-feedback:hover{background:var(--surface-hover);border-color:var(--border-strong)}.setting-feedback svg{width:21px;height:21px;flex:none;color:var(--accent)}.template-acciones{display:grid;gap:8px;margin:15px 0 13px}.template-acciones button,#cloud button,#community button{min-height:44px;padding:9px 13px;color:var(--ink);background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;cursor:pointer;touch-action:manipulation}#template-copy,#cloud-signin,#cloud-save{color:#e8feff!important;background:var(--accent-soft)!important;border-color:var(--accent-border)!important}.template-ayuda{margin:0;padding-top:13px;border-top:1px solid var(--border)}#cloud-status{margin-bottom:12px}#cloud-status.error{color:#ffaaa0}#cloud-status.ok{color:#9bdab1}#community-status.error,#feedback-status.error{color:#ffaaa0}#community-status.ok,#feedback-status.ok{color:#9bdab1}.cloud-auth,.cloud-save{display:flex;flex-direction:column;gap:10px}.cloud-auth label,.cloud-save label{display:flex;flex-direction:column;gap:5px;color:var(--ink-muted);font-size:12px}#cloud input,#community textarea,#community select{min-height:42px;padding:9px 10px;color:var(--ink);background:#ffffff0f;border:1px solid var(--border);border-radius:7px;outline:none}#cloud input:focus,#community textarea:focus,#community select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);outline:none}.cloud-actions{display:flex;gap:8px}.cloud-actions>button{flex:1}.cloud-social-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cloud-separator{display:flex;align-items:center;gap:9px;color:var(--ink-muted);font-size:10px}.cloud-separator:before,.cloud-separator:after{height:1px;flex:1;content:"";background:var(--border)}.cloud-user{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:8px;background:var(--surface-soft);border:1px solid var(--border);border-radius:8px}.cloud-user span{min-width:0;flex:1;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}#cloud-signout{min-height:34px!important;padding:5px 9px!important}#cloud button:disabled,#community button:disabled{opacity:.4;cursor:default}#cloud-close,#community-close{min-height:36px!important;padding:0!important}.cloud-save{padding-bottom:14px;border-bottom:1px solid var(--border)}.cloud-list{max-height:34vh;display:flex;flex-direction:column;gap:6px;overflow-y:auto}.cloud-row{display:flex;align-items:center;gap:8px;padding:8px 9px;background:var(--surface-soft);border:1px solid var(--border);border-radius:8px}.cloud-locales{background:none;border-style:dashed}.cloud-locales .cloud-row-info{color:var(--ink-muted);font-size:10px}.cloud-row-info{min-width:0;flex:1}.cloud-row-info strong{display:block;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.cloud-row-info small,.cloud-vacia{color:var(--ink-muted);font-size:10px}.cloud-signout{width:100%;margin-top:13px}.panel-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:4px 0 14px;padding:4px;background:#0000002e;border:1px solid var(--border);border-radius:10px}.panel-tabs button{min-height:38px!important;padding:6px 8px!important}.panel-tabs button.active{color:#e8feff!important;background:var(--accent-soft)!important;border-color:var(--accent-border)!important}.profile-avatar-small,.profile-avatar,.comment-avatar{display:block;object-fit:cover;background:#091217;border:1px solid var(--border-strong);border-radius:50%}.profile-avatar-small{width:32px;height:32px;flex:none}.cloud-profile{display:grid;gap:11px}.cloud-profile>label:not(.profile-avatar-button){display:grid;gap:5px;color:var(--ink-muted);font-size:12px}.cloud-profile .lib-help{margin:-4px 0 2px}.profile-avatar-row{display:flex;align-items:center;gap:14px}.profile-avatar{width:76px;height:76px}.profile-avatar-button{min-height:42px;display:inline-flex;align-items:center;padding:8px 12px;color:var(--ink);background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;cursor:pointer}.community-page{min-height:0;flex:1;overflow:hidden}.community-page:not([hidden]){display:flex;flex-direction:column}.community-page>.lib-help{flex:none;margin-top:0}.community-list{min-height:0;flex:1;display:flex;flex-direction:column;gap:8px;padding-right:4px;overflow-y:auto;overscroll-behavior:contain}.community-empty{color:var(--ink-muted);font-size:12px;text-align:center}.comment-card,.comment-reply{padding:11px;background:var(--surface-soft);border:1px solid var(--border);border-radius:10px}.comment-card>header,.comment-reply>header{display:flex;align-items:center;gap:8px}.comment-avatar{width:34px;height:34px;flex:none}.comment-card header div,.comment-reply header div{min-width:0;display:grid;gap:1px}.comment-card header strong,.comment-reply header strong{overflow:hidden;font-size:12px;text-overflow:ellipsis}.comment-card header time,.comment-reply header time{color:var(--ink-faint);font-size:9px}.comment-card p,.comment-reply p{margin:9px 0 7px;color:var(--ink);font-size:12px;line-height:1.48;white-space:pre-wrap;overflow-wrap:anywhere}.comment-actions{display:flex;flex-wrap:wrap;gap:5px}.comment-actions button{min-height:30px!important;padding:4px 8px!important;color:var(--ink-muted)!important;font-size:10px;background:transparent!important}.comment-replies{display:grid;gap:6px;margin:9px 0 0 20px}.comment-reply{padding:9px;background:#ffffff09}.comment-reply .comment-avatar{width:28px;height:28px}.community-composer,.reply-composer{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:10px}.community-composer textarea,.reply-composer textarea{min-width:0;resize:none}.community-composer button,.reply-composer button{min-width:88px}.community-login{width:100%;margin-top:10px}.feedback-type{display:grid;gap:5px;margin-bottom:10px;color:var(--ink-muted);font-size:11px}#feedback-message{flex:1;min-height:150px;resize:vertical}#feedback-send{margin-top:10px}@media(max-width:1500px){.brand-lema{display:none}}@media(max-width:1200px){.top-action span{display:none}.top-action{width:40px;padding:6px}}@media(max-width:900px){.brand-nombre{display:none}}@media(hover:none)and (pointer:coarse){#help-toggle{display:none!important}.mode-tab,.top-action,.tool{min-height:44px}#build-controls{right:auto;left:8px;bottom:calc(88px + var(--safe-bottom));align-items:flex-start}#pieza-familia,#rotate-piece,#voltear,#series-toggle{min-height:50px}#topbar-toggle{position:fixed;top:calc(68px + var(--safe-top));left:50%;z-index:14;width:42px;height:28px;place-items:center;padding:0;color:var(--ink-muted);background:#091217e0;border:1px solid var(--border-strong);border-radius:0 0 9px 9px;box-shadow:0 5px 12px #0003;transform:translate(-50%);touch-action:manipulation}#topbar-toggle svg{width:17px;height:17px}body.topbar-collapsed #topbar{transform:translateY(calc(-100% - 20px))}body.topbar-collapsed #topbar-toggle{top:var(--safe-top);display:grid}body.is-building #camera-pad{position:fixed;top:calc(72px + var(--safe-top));left:calc(8px + var(--safe-left));z-index:22;width:148px;height:108px;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;color:#dffcffb8;background:#09161b66;border:1px dashed rgba(97,200,210,.5);border-radius:14px;box-shadow:0 7px 20px #0000001f;touch-action:none;user-select:none;-webkit-user-select:none;opacity:.8;transition:opacity .14s ease,background-color .14s ease,border-color .14s ease}#camera-pad svg{width:27px;height:27px;flex:none}#camera-pad span{display:grid;gap:2px;pointer-events:none}#camera-pad strong{font-size:11px;line-height:1}#camera-pad small{color:var(--ink-muted);font-size:9px;line-height:1.15}#camera-pad.active{color:#e9feff;background:#183b41cc;border-style:solid;border-color:var(--accent);opacity:1}body.is-building #mobile-history{position:fixed;top:calc(78px + var(--safe-top));right:calc(8px + var(--safe-right));z-index:22;display:flex;gap:4px;padding:3px;background:#091217c7;border:1px solid var(--border);border-radius:11px;box-shadow:0 7px 20px #0000002e;-webkit-user-select:none;user-select:none}#mobile-history .tool{width:46px;min-width:46px;min-height:46px;padding:7px}body.is-building #tools,body.is-building #tools-right{opacity:0;pointer-events:none}body.is-building #tools{transform:translate(-50%,-6px)}body.is-building #tools-right{transform:translateY(-6px)}}@media(max-width:760px){#topbar{top:6px;left:6px;right:6px;min-height:48px;grid-template-columns:38px 1fr auto;gap:4px;padding:4px}#topbar-toggle{top:calc(58px + var(--safe-top))}#overlay{justify-content:center;padding:0}#overlay span{display:none}.brand-mark{width:22px;height:22px}#hud-modes{justify-self:center;gap:1px;padding:2px}.mode-tab{min-width:56px;min-height:38px;gap:4px;padding:5px 7px;font-size:10px}.mode-tab svg{width:16px;height:16px}#project-actions{gap:1px}.top-action{width:36px;min-height:38px}#counter{position:fixed;top:61px;right:7px;z-index:8;min-height:34px;padding:6px 9px;background:var(--panel);border:1px solid var(--border);border-radius:999px;box-shadow:0 5px 14px #00000029}#tools{top:61px;left:7px;max-width:calc(100vw - 126px);padding:3px;overflow-x:auto;transform:none}#tools .tool{width:42px;flex:none;padding:6px}#tools .tool-label,#clear-all .tool-label{display:none}#tools-right{top:103px;right:7px}#clear-all{width:38px;min-height:38px;padding:6px}body.is-building #camera-pad{top:calc(116px + var(--safe-top));width:184px;height:150px}body.is-building #mobile-history{top:calc(103px + var(--safe-top))}#toast{top:61px;max-width:calc(100vw - 20px);border-radius:10px}#help-panel{top:151px;right:7px}#hotbar{right:7px;bottom:calc(7px + var(--safe-bottom));left:7px;max-width:none;transform:none}.slot{width:61px;height:68px}#library{align-items:flex-end}#library .lib-panel{width:100%;height:86dvh;max-height:86dvh;padding:16px 14px calc(18px + var(--safe-bottom));border-width:1px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.lib-list{grid-template-columns:1fr}#library .lib-help{display:none}#lib-materiales{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}#lib-materiales::-webkit-scrollbar{display:none}.lib-help{font-size:11px}#materiales-open{display:none}#community{padding:0}.community-panel{width:100%;height:100dvh;padding:calc(12px + var(--safe-top)) calc(12px + var(--safe-right)) calc(12px + var(--safe-bottom)) calc(12px + var(--safe-left));border:0;border-radius:0}.comment-replies{margin-left:10px}.community-composer,.reply-composer{grid-template-columns:1fr}.community-composer button,.reply-composer button{min-width:0}}@media(orientation:landscape)and (min-width:640px)and (max-height:520px){.cloud-profile{grid-template-columns:230px minmax(0,1fr);grid-template-areas:"avatar name" "avatar help" "signout save";align-items:center;gap:7px 12px}.cloud-profile .profile-avatar-row{grid-area:avatar}.cloud-profile>label:not(.profile-avatar-button){grid-area:name}.cloud-profile>.lib-help{grid-area:help}#profile-save{grid-area:save}#cloud-signout{grid-area:signout;margin-top:0}}@media(max-width:560px){.mode-tab{min-width:42px}.mode-tab span,.counter-tier{display:none}.tier-converter-source{grid-template-columns:repeat(2,minmax(0,1fr))}#build-controls{max-width:calc(100vw - 16px)}#pieza-familia,#rotate-piece,#voltear,#series-toggle{padding:8px 10px}.rp-text{font-size:11px}.cloud-actions{flex-direction:column}}@media(orientation:landscape)and (max-height:520px)and (hover:none)and (pointer:coarse){#topbar{top:calc(4px + var(--safe-top));right:calc(4px + var(--safe-right));left:calc(4px + var(--safe-left));min-height:48px;grid-template-columns:32px auto 1fr;gap:2px;padding:2px}#topbar-toggle{top:calc(54px + var(--safe-top))}body.topbar-collapsed #tools,body.topbar-collapsed #tools-right,body.topbar-collapsed.is-building #camera-pad,body.topbar-collapsed.is-building #mobile-history{top:calc(4px + var(--safe-top))}#overlay{justify-content:center;padding:0}#overlay span,.mode-tab span,.top-action span,.counter-tier{display:none}.brand-mark{width:21px;height:21px}#hud-modes{justify-self:start;gap:1px;padding:1px}.mode-tab,.top-action{width:44px;min-width:44px;min-height:44px;padding:6px}.mode-tab svg,.top-action svg{width:17px;height:17px}#project-actions{gap:0}#counter{position:static;min-height:44px;padding:5px 7px;font-size:10px;background:transparent;border:0;border-radius:0;box-shadow:none}#tools{top:calc(56px + var(--safe-top));right:calc(4px + var(--safe-right));left:auto;max-width:100px;max-height:calc(100dvh - 116px - var(--safe-top) - var(--safe-bottom));flex-direction:column;gap:2px;padding:3px;overflow-y:auto;transform:none}#tools .tool-group{grid-template-columns:repeat(2,44px);gap:2px}body[data-hud-mode=build] #tools .tool-group[data-tool-group=build],body[data-hud-mode=edit] #tools .tool-group[data-tool-group=edit],body[data-hud-mode=view] #tools .tool-group[data-tool-group=view],#tools .tool-group.tool-history{display:grid}#tools .tool{width:44px;min-width:44px;min-height:44px;padding:6px}#tools .tool-label,#clear-all .tool-label{display:none}.tool-separator{width:100%;height:1px;margin:1px 0}#tools-right{top:calc(56px + var(--safe-top));right:calc(108px + var(--safe-right))}#clear-all{width:44px;min-height:44px;padding:6px}body.is-building #camera-pad{top:calc(56px + var(--safe-top));width:132px;height:88px;padding:8px}body.is-building #mobile-history{top:calc(56px + var(--safe-top));right:calc(6px + var(--safe-right))}#toast{top:calc(56px + var(--safe-top));max-width:min(440px,calc(100vw - 218px));padding:7px 11px;font-size:11px}#hotbar{right:calc(4px + var(--safe-right));bottom:calc(4px + var(--safe-bottom));left:calc(4px + var(--safe-left));max-width:none;gap:3px;padding:2px;transform:none}.slot{width:50px;height:50px;gap:0;padding:3px}.slot-name{display:none}.slot-key{top:2px;left:3px;font-size:8px}.piece-icon{width:29px;height:29px}.icon-empty{width:27px;height:27px}#build-controls{right:auto;bottom:calc(58px + var(--safe-bottom));left:calc(6px + var(--safe-left));max-width:calc(100vw - 112px - var(--safe-left) - var(--safe-right));flex-direction:row;align-items:center;gap:4px}#pieza-familia,#rotate-piece,#voltear,#series-toggle{min-height:44px;padding:7px 10px}.rp-text{display:none}#library{align-items:stretch;justify-content:flex-start}#library .lib-panel{width:min(430px,58vw);height:100%;max-height:none;padding:calc(10px + var(--safe-top)) 10px calc(10px + var(--safe-bottom)) calc(10px + var(--safe-left));border-width:0 1px 0 0;border-radius:0 var(--radius-lg) var(--radius-lg) 0}#library .lib-fixed{flex:none}.lib-header h2{font-size:16px}.lib-help{display:none}#lib-materiales{flex-wrap:nowrap;gap:4px;margin:8px 0;overflow-x:auto}.lib-material{min-height:36px;padding:6px 8px}.lib-slots-row{flex-wrap:nowrap;gap:7px;padding-bottom:8px}#lib-slots{gap:3px}.lib-slot{width:40px;height:40px}.lib-slot .piece-icon,.lib-slot .icon-empty{width:26px;height:26px}#lib-catalog h3{margin:11px 0 5px}.lib-list{grid-template-columns:repeat(2,minmax(125px,1fr));gap:4px}.lib-item{min-height:48px;gap:7px;padding:6px 7px}.lib-item .piece-icon{width:28px;height:28px}.lib-item-text strong{font-size:11px}.lib-item-text small{font-size:9px}#template,#tier-converter,#importar-panel,#materiales,#cloud,#settings{padding:calc(6px + var(--safe-top)) calc(6px + var(--safe-right)) calc(6px + var(--safe-bottom)) calc(6px + var(--safe-left))}.template-panel,.cloud-panel,.tier-converter-panel,.settings-panel{width:min(520px,82vw);max-height:96dvh;padding:13px}#community{padding:0}.community-panel{width:100%;height:100dvh;padding:10px;border:0;border-radius:0}}@media(prefers-reduced-motion:reduce){#topbar,#tools,#tools-right,#touch-aim{transition:none}}#structure-wheel{--wheel-size: 330px;--wheel-half: 165px;--wheel-radius: 145px;position:fixed;inset:0;z-index:24;pointer-events:none;user-select:none;-webkit-user-select:none}body.selector-wheel #hotbar{display:none}body.selector-wheel #build-controls{bottom:calc(12px + var(--safe-bottom))}#wheel-dismiss{position:fixed;inset:0;z-index:0;padding:0;background:transparent;border:0;pointer-events:auto}#wheel-disc{position:fixed;right:calc(var(--safe-right) - var(--wheel-half));bottom:calc(var(--safe-bottom) - var(--wheel-half));z-index:1;width:var(--wheel-size);height:var(--wheel-size);overflow:visible;background:radial-gradient(circle at center,rgba(97,200,210,.1) 0 25%,transparent 25.5% 39%,rgba(97,200,210,.16) 39.5% 40.2%,transparent 40.7%),radial-gradient(circle at center,#081116f7 0 68%,#081116e8 68.5% 100%);border:1px solid rgba(97,200,210,.34);border-radius:50%;box-shadow:-12px -12px 34px #0000004d;pointer-events:auto;touch-action:none;cursor:grab;outline:none}#wheel-disc.dragging{cursor:grabbing}#wheel-disc:focus-visible{box-shadow:0 0 0 2px var(--accent),-12px -12px 34px #0000004d}.wheel-item{position:absolute;z-index:2;width:52px;height:52px;display:grid;place-items:center;padding:5px;color:var(--ink-muted);background:#111f25f5;border:1px solid var(--piece-border, var(--border-strong));border-radius:50%;box-shadow:0 5px 14px #0000003d;transform:translate(-50%,-50%);cursor:pointer;touch-action:none;transition:opacity .1s ease,scale .1s ease,background .1s ease}.wheel-item .piece-icon{width:38px;height:38px}.wheel-item.selected{z-index:3;color:#efffff;background:var(--piece-bg, rgba(29, 70, 77, .98));border-color:var(--piece-border, var(--accent));box-shadow:0 0 0 3px #61c8d233,0 7px 20px #00000052;scale:1.12}.wheel-selection-mark{position:absolute;top:23.5%;left:23.5%;width:10px;height:10px;background:var(--accent);border:2px solid rgba(232,254,255,.88);border-radius:3px;box-shadow:0 0 12px #61c8d2b3;transform:translate(-50%,-50%) rotate(45deg);pointer-events:none}#wheel-label{position:fixed;right:calc(145px + var(--safe-right));bottom:calc(145px + var(--safe-bottom));z-index:2;width:min(190px,42vw);display:grid;gap:2px;padding:7px 10px;text-align:right;background:#081116d6;border:1px solid var(--border);border-radius:9px;box-shadow:0 6px 16px #0003;pointer-events:none}#wheel-label strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}#wheel-label small{color:var(--ink-muted);font-size:9px}.wheel-actions{position:fixed;right:calc(10px + var(--safe-right));bottom:calc(10px + var(--safe-bottom));z-index:4;display:grid;grid-template-columns:auto 58px;grid-template-areas:"alterna toggle" "library toggle" "material toggle";justify-items:end;align-items:end;gap:5px;pointer-events:auto}#structure-wheel.open .wheel-actions{width:58px;height:58px;display:block}#structure-wheel.open #wheel-toggle{position:absolute;right:0;bottom:0}#structure-wheel.open :is(#wheel-material,#wheel-library,#wheel-alterna){visibility:hidden;pointer-events:none}#wheel-toggle,#wheel-material,#wheel-library{min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center;color:var(--ink);background:#081116f5;border:1px solid var(--border-strong);box-shadow:0 7px 20px #00000047;cursor:pointer;touch-action:manipulation}#wheel-toggle{grid-area:toggle;position:relative;width:58px;height:58px;padding:5px;border-color:var(--piece-border, var(--accent-border));border-radius:50%}#wheel-toggle #wheel-current-icon{display:grid;place-items:center}#wheel-toggle .piece-icon{width:39px;height:39px}#wheel-toggle>svg{position:absolute;right:-2px;top:-2px;width:18px;height:18px;padding:3px;color:#eaffff;background:#13353bfa;border:1px solid var(--accent-border);border-radius:50%}#wheel-material{grid-area:material;min-width:86px;gap:6px;padding:7px 10px;border-radius:999px}.wheel-material-color{width:15px;height:15px;border:1px solid rgba(255,255,255,.32);border-radius:4px}.wheel-material-name{max-width:88px;overflow:hidden;font-size:10px;font-weight:680;text-overflow:ellipsis;white-space:nowrap}#wheel-library{grid-area:library;width:48px;padding:10px;border-radius:50%}#wheel-library svg{width:21px;height:21px}#structure-wheel:not(.open) #wheel-library{visibility:hidden;pointer-events:none}#wheel-materials{position:fixed;right:calc(76px + var(--safe-right));bottom:calc(69px + var(--safe-bottom));z-index:5;max-width:min(310px,calc(100vw - 94px));display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;padding:6px;background:var(--panel-strong);border:1px solid var(--border-strong);border-radius:11px;box-shadow:var(--shadow);pointer-events:auto}#wheel-materials button{min-height:44px;display:inline-flex;align-items:center;gap:6px;padding:7px 9px;color:var(--ink-muted);background:var(--surface-soft);border:1px solid transparent;border-radius:8px;cursor:pointer;touch-action:manipulation}#wheel-materials button.active{color:#eaffff;background:var(--accent-soft);border-color:var(--accent-border)}@media(orientation:landscape)and (max-height:520px){#structure-wheel{--wheel-size: 270px;--wheel-half: 135px;--wheel-radius: 116px}.wheel-item{width:46px;height:46px;padding:4px}.wheel-item .piece-icon{width:34px;height:34px}#wheel-label{right:calc(118px + var(--safe-right));bottom:calc(118px + var(--safe-bottom));width:min(175px,32vw)}body.selector-wheel #build-controls{bottom:calc(5px + var(--safe-bottom))}.wheel-actions{right:calc(5px + var(--safe-right));bottom:calc(5px + var(--safe-bottom));gap:3px}#structure-wheel.open .wheel-actions,#wheel-toggle{width:52px;height:52px}#wheel-toggle .piece-icon{width:34px;height:34px}#wheel-material{min-width:74px;padding:6px 8px}.wheel-material-name{max-width:66px}#wheel-materials{right:calc(63px + var(--safe-right));bottom:calc(59px + var(--safe-bottom));max-width:min(360px,calc(100vw - 80px))}}body.left-handed #wheel-disc{right:auto;left:calc(var(--safe-left) - var(--wheel-half));box-shadow:12px -12px 34px #0000004d}body.left-handed .wheel-selection-mark{left:76.5%}body.left-handed #wheel-label{right:auto;left:calc(145px + var(--safe-left));text-align:left}body.left-handed .wheel-actions{right:auto;left:calc(10px + var(--safe-left));grid-template-columns:58px auto;grid-template-areas:"toggle library" "toggle material";justify-items:start}body.left-handed #structure-wheel.open #wheel-toggle{right:auto;left:0}body.left-handed #wheel-toggle>svg{right:auto;left:-2px}body.left-handed #wheel-materials{right:auto;left:calc(76px + var(--safe-left));justify-content:flex-start}@media(hover:none)and (pointer:coarse){body.left-handed #build-controls{right:calc(8px + var(--safe-right));left:auto;align-items:flex-end}body.left-handed.is-building #camera-pad{right:calc(8px + var(--safe-right));left:auto}body.left-handed.is-building #mobile-history{right:auto;left:calc(8px + var(--safe-left))}}@media(max-width:760px){body.left-handed #counter{right:auto;left:7px}body.left-handed #tools{right:7px;left:auto}body.left-handed #tools-right{right:auto;left:7px}}@media(orientation:landscape)and (max-height:520px)and (hover:none)and (pointer:coarse){body.left-handed #tools{right:auto;left:calc(4px + var(--safe-left))}body.left-handed #tools-right{right:auto;left:calc(108px + var(--safe-left))}body.left-handed.is-building #mobile-history{right:auto;left:calc(6px + var(--safe-left))}body.left-handed #build-controls{right:calc(6px + var(--safe-right));left:auto;align-items:center}body.left-handed #library{justify-content:flex-end}body.left-handed #library .lib-panel{padding-right:calc(10px + var(--safe-right));padding-left:10px;border-width:0 0 0 1px;border-radius:var(--radius-lg) 0 0 var(--radius-lg)}body.left-handed #wheel-label{right:auto;left:calc(118px + var(--safe-left))}body.left-handed .wheel-actions{right:auto;left:calc(5px + var(--safe-left))}body.left-handed #wheel-materials{right:auto;left:calc(63px + var(--safe-left))}}@media(hover:hover)and (pointer:fine){.setting-touch-only,.touch-only-tool{display:none!important}body.selector-wheel #build-controls{right:calc(174px + var(--safe-right));bottom:calc(10px + var(--safe-bottom))}}@media(orientation:portrait)and (max-width:760px)and (hover:none)and (pointer:coarse){#build-controls,body.selector-wheel #build-controls{bottom:calc(78px + var(--safe-bottom));max-width:min(148px,37vw)}#build-controls .build-control-primary{width:min(148px,37vw);flex-direction:column;align-items:stretch;gap:4px}#build-controls .build-control-primary>button{width:100%;min-height:44px;justify-content:flex-start;gap:6px;padding:6px 9px}#build-controls .rp-icon{width:17px;height:17px}#build-controls .rp-text{font-size:10.5px}#build-controls #pieza-familia .rp-text small{font-size:9px}}@media(prefers-reduced-motion:reduce){.wheel-item{transition:none}}.materiales-panel{width:min(520px,94vw)}.mat-titulo{margin:18px 0 8px;font-size:13px;font-weight:650;letter-spacing:.02em}.materiales-copy-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 14px}.materiales-copy-actions button{min-height:42px;padding:7px 9px;color:var(--ink-muted);font:inherit;font-size:11px;font-weight:680;background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;cursor:pointer;touch-action:manipulation}.materiales-copy-actions button:hover{color:var(--ink);border-color:var(--border-strong)}#materiales-copy-todo{color:#e8feff;background:var(--accent-soft);border-color:var(--accent-border)}.materiales-copy-actions button:disabled{opacity:.4;cursor:default}.mat-recursos{display:grid;gap:5px;margin:4px 0 0;padding:0;list-style:none}.mat-recursos li{display:flex;align-items:baseline;gap:9px;padding:7px 10px;background:var(--surface-soft);border:1px solid var(--border);border-radius:8px}.mat-cant{min-width:4.5ch;color:var(--ink);font-variant-numeric:tabular-nums;font-weight:680;text-align:right}.mat-rec{flex:1;font-size:13px}.mat-en{color:var(--ink-muted);font-size:11px}.mat-faltan,.mat-cat{margin-top:8px;font-size:12px}.mat-faltan>summary,.mat-cat>summary{display:flex;gap:8px;align-items:baseline;padding:7px 10px;color:var(--ink-muted);cursor:pointer;background:var(--surface-soft);border:1px solid var(--border);border-radius:8px}.mat-cat>summary{color:var(--ink)}.mat-cat>summary .mat-cant{margin-left:auto}.mat-faltan ul,.mat-cat ul{margin:5px 0 0;padding:0 0 0 10px;list-style:none}.mat-faltan li,.mat-cat li{display:flex;gap:9px;align-items:baseline;padding:3px 0;color:var(--ink-muted)}.mat-sincoste{color:var(--ink-muted);font-size:10px;opacity:.75}.mat-obj{flex:1}.mat-mat{color:var(--ink-muted);font-size:11px}.mat-nota{margin-top:0}.lib-modo{display:flex;gap:4px;margin:0 0 12px}.lib-modo button{flex:1;padding:7px 10px;color:var(--ink-muted);font:inherit;font-size:12px;cursor:pointer;background:var(--surface-soft);border:1px solid var(--border);border-radius:8px}.lib-modo button.active{color:var(--ink);font-weight:620;background:var(--panel-strong);border-color:var(--border-strong)}#pieza-familia .rp-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}#pieza-familia .rp-text small{color:var(--ink-muted);font-size:10px;font-variant-numeric:tabular-nums}.brand-nombre{font-weight:700;letter-spacing:.01em}.brand-lema{min-width:0;color:var(--ink-muted);font-size:11px;font-weight:500;letter-spacing:0;overflow:hidden;text-overflow:ellipsis}@media(max-width:1100px){.brand-lema{display:none}}#importar-texto,#feedback-message{width:100%;margin:4px 0 2px;padding:9px 10px;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.45;resize:vertical;background:var(--surface-soft);border:1px solid var(--border);border-radius:8px}#importar-texto:focus,#feedback-message:focus{outline:none;border-color:var(--border-strong)}.boton-suave{opacity:.75}#paint-panel{position:fixed;top:calc(76px + var(--safe-top));right:12px;z-index:22;width:min(310px,calc(100vw - 24px));max-height:calc(100dvh - 190px);overflow-y:auto;padding:12px 13px 13px;color:var(--ink);background:var(--panel-strong);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-user-select:none;user-select:none}.paint-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.paint-header h2{margin:0;font-size:13px}#paint-close{width:26px;min-height:26px;padding:0;color:var(--ink-muted);background:transparent;border:1px solid var(--border);border-radius:6px;cursor:pointer}#paint-close:hover{color:var(--ink);background:var(--surface-soft)}.paint-ayuda{margin:0 0 8px;color:var(--ink-muted);font-size:10px;line-height:1.45}.paint-ayuda.error{color:var(--aviso, #ffb4a2)}.paint-regions{display:grid;gap:5px}.paint-row{display:grid;grid-template-columns:auto minmax(0,1fr) 62px 20px;align-items:center;gap:6px;padding:4px 5px;background:var(--surface-soft);border:1px solid var(--border);border-radius:7px}.paint-row input[type=checkbox]{width:15px;height:15px;margin:0;accent-color:var(--accent)}.paint-region-name{min-width:0;font-size:11px;cursor:pointer}.paint-number{width:100%;min-height:30px;padding:3px 6px;color:var(--ink);font-size:12px;font-variant-numeric:tabular-nums;text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:6px}.paint-swatch{width:20px;height:20px;border:1px solid rgba(0,0,0,.45);border-radius:5px;box-shadow:inset 0 0 0 1px #ffffff29}.paint-swatch.vacia{background:repeating-linear-gradient(45deg,rgba(255,255,255,.1) 0 3px,transparent 3px 6px)}.paint-dye-name{grid-column:2 / -1;margin-top:-2px;color:var(--ink-muted);font-size:9px}.paint-dye-name.error{color:var(--aviso, #ffb4a2)}.paint-acciones{display:flex;gap:6px;margin-top:9px}.paint-acciones button{flex:1;min-height:32px;padding:5px 8px;color:var(--ink-muted);font-size:10px;background:var(--surface-soft);border:1px solid var(--border);border-radius:7px;cursor:pointer}.paint-acciones button:hover{color:var(--ink);border-color:var(--border-strong)}#paint-estado{margin:8px 0 0}@media(hover:none)and (pointer:coarse){.paint-row{padding:6px}.paint-number{min-height:38px}.paint-row input[type=checkbox]{width:18px;height:18px}.paint-acciones button{min-height:40px}}@media(max-width:760px){#paint-panel{top:auto;right:calc(6px + var(--safe-right));left:calc(6px + var(--safe-left));bottom:calc(92px + var(--safe-bottom));width:auto;max-height:46dvh;padding:10px 11px 11px}.paint-regions{grid-template-columns:repeat(2,minmax(0,1fr))}.paint-row{grid-template-columns:auto 1fr 20px;grid-template-areas:"nombre nombre nombre" "casilla numero muestra";row-gap:4px}.paint-row input[type=checkbox]{grid-area:casilla}.paint-region-name{grid-area:nombre;white-space:nowrap}.paint-number{grid-area:numero}.paint-swatch{grid-area:muestra}.paint-dye-name{grid-column:1 / -1}}@media(orientation:landscape)and (max-height:520px){#paint-panel{top:calc(58px + var(--safe-top));right:calc(6px + var(--safe-right));left:auto;bottom:calc(6px + var(--safe-bottom));width:min(268px,44vw);max-height:none;padding:8px 9px 9px}.paint-regions{grid-template-columns:minmax(0,1fr);gap:3px}.paint-ayuda{font-size:9px}}#wheel-alterna{grid-area:alterna;position:relative;z-index:1;width:46px;height:46px;display:grid;place-items:center;padding:0;border-radius:12px;border:1px solid var(--linea);background:var(--panel);color:var(--texto);box-shadow:0 6px 18px #00000047;cursor:pointer}#wheel-alterna[hidden]{display:none}#wheel-alterna:active{transform:scale(.94)}#wheel-alterna #wheel-alterna-icon,#wheel-alterna svg,#wheel-alterna img{width:32px;height:32px;display:block;pointer-events:none}#help-touch{display:none}@media(hover:none)and (pointer:coarse){#help-desktop{display:none}#help-touch{display:grid}}#help-touch dt{font-weight:600;color:var(--texto)}.settings-boton{width:100%;padding:9px 12px;border-radius:10px;border:1px solid var(--linea);background:var(--panel);color:var(--texto);font:inherit;cursor:pointer}.settings-boton:active{transform:scale(.99)}body:not([data-hud-mode=build]) #wheel-alterna{display:none}@media(hover:none)and (pointer:coarse){#help-panel{top:50%;right:auto;left:50%;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 28px));max-height:min(78dvh,560px);z-index:40}}.adjunta-build{display:flex;align-items:center;gap:8px;margin:6px 0 2px;font-size:13px;color:var(--muted)}.adjunta-build input[type=file]{min-width:0;flex:1;font-size:12px}.cuenta-caracteres{display:block;text-align:right;font-size:12px;color:var(--muted)}.cuenta-caracteres.pasado{color:var(--peligro, #e64a3c)}.comment-adjunto{display:inline-flex;align-items:center;gap:6px}.comment-edit{width:100%;margin:6px 0;padding:8px;border-radius:8px;border:1px solid var(--linea);background:var(--panel);color:var(--texto);font:inherit;resize:vertical}