.layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:36px;max-width:1180px;margin:0 auto;padding:0 20px 56px;display:grid}.stage-col{top:calc(env(safe-area-inset-top,0px) + 20px);position:sticky}.stage{background:var(--wall);border-radius:20px;transition:background-color .9s;position:relative;overflow:hidden}.stage:before{content:"";pointer-events:none;background:radial-gradient(at 50% 35%,#ffffff59,#0000 65%);transition:opacity .9s;position:absolute;inset:0}.stage.lit{background:var(--wall-lit)}.stage.lit:before{opacity:0}.scene{perspective:1400px;place-items:center;min-height:440px;padding:56px 24px 104px;display:grid}.box{--w:min(60vw,330px);--depth:30;width:var(--w);height:var(--w);transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.7,.2,1);position:relative;transform:rotateX(-12deg)rotateY(-26deg)}.box.frontal{transform:none}.face{transition:background-color .9s;position:absolute}.f-front{background:var(--f-front);padding:calc(var(--w) * 3 / 156);inset:0;box-shadow:0 34px 60px -26px #0000008c}.f-side{width:calc(var(--w) * var(--depth) / 156);transform-origin:0;background:var(--f-side);height:100%;top:0;left:100%;transform:rotateY(90deg)}.f-top{width:100%;height:calc(var(--w) * var(--depth) / 156);transform-origin:top;background:var(--f-top);top:0;left:0;transform:rotateX(-90deg)}.mirror{width:100%;height:100%;position:relative}.mirror:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 10px #00000059}.mirror canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.mirror canvas.dragging{cursor:grabbing}.foot{width:8%;height:calc(var(--w) * .045);background:var(--f-top);transition:background-color .9s;position:absolute;top:100%}.foot.l{left:20%}.foot.r{right:20%}.halo{height:calc(var(--w) * .22);background:radial-gradient(ellipse at 50% 0%,rgba(var(--leak),.42),transparent 70%);opacity:0;pointer-events:none;transition:opacity .9s;position:absolute;top:100%;left:-8%;right:-8%}.box.glowframe .halo{opacity:1}[hidden]{display:none!important}.cat{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.cat label{cursor:pointer;display:block;position:relative}.cat input{opacity:0;width:1px;height:1px;position:absolute}.cat .tile{border:1.5px solid var(--line);text-align:center;border-radius:12px;padding:6px;font-size:.85rem;transition:border-color .2s,background .2s;display:block}.cat img{aspect-ratio:1;object-fit:contain;background:#fff;border-radius:8px;width:100%;margin-bottom:4px;display:block}.cat input:checked+.tile{border-color:var(--ink);background:color-mix(in srgb,var(--ink) 5%,transparent)}.cat input:focus-visible+.tile{outline:3px solid var(--glow);outline-offset:2px}@media (max-width:520px){.cat{grid-template-columns:repeat(2,1fr)}}.box.glowframe .f-front{box-shadow:0 0 24px 4px rgba(var(--leak),.3),0 34px 60px -26px #0000008c}.controls{flex-wrap:wrap;justify-content:center;gap:10px;padding:0 16px;display:flex;position:absolute;bottom:18px;left:0;right:0}.ctl{font:inherit;color:#f1f3f5;cursor:pointer;-webkit-backdrop-filter:blur(6px);background:#14181e8c;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:.92rem;display:inline-flex}.stage:not(.lit) .ctl{color:#17202a;background:#ffffffb3;border-color:#17202a26}.ctl .bulb{background:#7b848e;border-radius:50%;width:10px;height:10px;transition:background .3s,box-shadow .3s}.ctl[aria-pressed=true] .bulb{background:var(--glow);box-shadow:0 0 10px 3px #f2ae48b3}.seg{-webkit-backdrop-filter:blur(6px);border:1px solid #ffffff40;border-radius:999px;display:inline-flex;overflow:hidden}.stage:not(.lit) .seg{border-color:#17202a26}.seg .ctl{-webkit-backdrop-filter:none;border:0;border-radius:0}.seg .ctl[aria-pressed=true]{background:#ffffff38}.stage:not(.lit) .seg .ctl[aria-pressed=true]{color:#fff;background:#17202a}.summary{font-family:var(--serif);margin:16px 2px 4px;font-size:1.12rem}.note{color:var(--muted);margin:0 2px;font-size:.9rem}.config{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:8px 24px 24px}fieldset{border:0;border-bottom:1px solid var(--line);min-width:0;margin:0;padding:22px 0}fieldset:last-of-type{border-bottom:0}legend{font-family:var(--serif);align-items:center;gap:12px;margin-bottom:14px;padding:0;font-size:1.35rem;font-weight:600;display:flex}.num{border:1.5px solid var(--ink);width:30px;height:30px;font-family:var(--sans);border-radius:50%;place-items:center;font-size:.9rem;font-weight:600;display:inline-grid}.sub{margin:18px 0 8px;font-size:.95rem;font-weight:600}.opts{grid-template-columns:1fr 1fr;gap:10px;display:grid}.opt{cursor:pointer;display:block;position:relative}.opt input,.sw input{opacity:0;width:1px;height:1px;position:absolute}.opt-body{border:1.5px solid var(--line);border-radius:12px;align-items:center;gap:12px;height:100%;padding:12px;transition:border-color .2s,background .2s;display:flex}.opt-body b{font-weight:600;display:block}.opt-body span.d{color:var(--muted);font-size:.88rem;line-height:1.35;display:block}.opt input:checked+.opt-body{border-color:var(--ink);background:color-mix(in srgb,var(--ink) 5%,transparent)}.opt input:focus-visible+.opt-body{outline:3px solid var(--glow);outline-offset:2px}.opt svg{flex:none}.swatches{gap:12px;display:flex}.sw{cursor:pointer;border:1.5px solid var(--line);border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 6px;display:inline-flex;position:relative}.sw i{border:1px solid #7f7f7f80;border-radius:50%;width:24px;height:24px}.sw:has(input:checked){border-color:var(--ink)}.sw input:checked~span{font-weight:600}.sw:has(input:focus-visible){outline:3px solid var(--glow);outline-offset:2px}.drop{text-align:center;border:1.5px dashed var(--line);cursor:pointer;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:22px 16px;transition:border-color .2s,background .2s;display:flex}.drop:hover,.drop.over{border-color:var(--ink);background:color-mix(in srgb,var(--ink) 4%,transparent)}.drop input{opacity:0;width:1px;height:1px;position:absolute}.drop:has(input:focus-visible){outline:3px solid var(--glow);outline-offset:2px}.drop strong{font-size:1rem}.drop small{color:var(--muted)}.file-info{margin-top:12px;font-size:.92rem;display:none}.file-info.show{display:block}.hint{color:var(--muted);margin:10px 0 0;font-size:.9rem}.warn{border-left:3px solid var(--glow);background:color-mix(in srgb,var(--glow) 12%,transparent);color:var(--ink);border-radius:10px;margin-top:10px;padding:10px 12px;font-size:.9rem}.warn:empty{display:none}.tools{gap:12px;margin-top:14px;display:grid}.tools label{font-size:.92rem}.range{align-items:center;gap:12px;display:flex}.range input{accent-color:var(--ink);flex:1}.check{cursor:pointer;align-items:flex-start;gap:10px;font-size:.92rem;display:flex}.check input{accent-color:var(--ink);flex:none;width:17px;height:17px;margin-top:3px}.field{gap:4px;margin-bottom:14px;display:grid}.field label{font-size:.92rem;font-weight:600}.field label .opt-tag{color:var(--muted);font-weight:400}.field input,.field textarea{font:inherit;color:var(--ink);background:var(--bg);border:1.5px solid var(--line);border-radius:10px;width:100%;padding:10px 12px}.field textarea{resize:vertical;min-height:96px}.field input:focus,.field textarea:focus{border-color:var(--ink);outline:none}.err{color:var(--danger);min-height:0;font-size:.86rem}.err:empty{display:none}.consent{gap:10px;margin:6px 0 4px;display:grid}.send{width:100%;font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:12px;margin-top:18px;padding:14px 18px;font-size:1.02rem;font-weight:600}.send:hover{filter:brightness(1.15)}.formerr{color:var(--danger);margin-top:10px;font-size:.9rem}.formerr:empty{display:none}.done{padding:26px 0 6px;display:none}.done.show{display:block}.done h2{font-family:var(--serif);margin:0 0 8px;font-size:1.6rem}.done dl{grid-template-columns:auto 1fr;gap:6px 16px;margin:16px 0;font-size:.95rem;display:grid}.done dt{color:var(--muted)}.done dd{margin:0}.ghost{font:inherit;border:1.5px solid var(--ink);color:var(--ink);cursor:pointer;background:0 0;border-radius:12px;padding:10px 16px}@media (max-width:880px){.layout{grid-template-columns:1fr;gap:24px}.stage-col{position:static}.scene{min-height:360px;padding:44px 16px 96px}.box{--w:min(64vw,300px)}.config{padding:4px 18px 20px}}@media (max-width:420px){.opts{grid-template-columns:1fr}}.zoom{z-index:50;padding:calc(env(safe-area-inset-top,0px) + 16px) 16px calc(env(safe-area-inset-bottom,0px) + 16px);background:#06080bf0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.zoom-inner{flex-direction:column;align-items:center;gap:18px;max-width:100%;display:flex}.zoom canvas{--s:min(90vw, calc(100vh - 150px));width:var(--s);height:var(--s);box-shadow:0 0 0 calc(var(--s) * 3 / 150) var(--zf,#1d1d1d),0 20px 60px #0009;display:block}.zoom-bar{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.send:disabled{opacity:.6;cursor:progress}.preis{margin:6px 2px 4px;font-size:.95rem}.preis small{color:var(--muted)}.preis:has(#preis:empty){display:none}