.p3d-app{--ink:#172438;--muted:#65758a;--line:#dbe4ee;--blue:#185ee4;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);font-size:16px;line-height:1.5;background:#f3f6fa;border:1px solid var(--line);border-radius:24px;overflow:hidden;max-width:1440px;margin:24px auto}.p3d-app *{box-sizing:border-box}.p3d-app button,.p3d-app input,.p3d-app select{font:inherit}.p3d-head{padding:24px 30px;background:white;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px}.p3d-brand{font-size:21px;font-weight:800;letter-spacing:-.6px}.p3d-brand span{color:var(--blue)}.p3d-head p{margin:3px 0 0;color:var(--muted);font-size:14px}.p3d-tag{background:#e8f0ff;color:#174bb0;font-size:14px;padding:8px 12px;border-radius:100px}.p3d-layout{display:grid;grid-template-columns:270px minmax(260px,1fr) 280px;min-height:650px}.p3d-panel{padding:24px;background:#fff}.p3d-products{border-right:1px solid var(--line)}.p3d-tools{border-left:1px solid var(--line)}.p3d-app h2{font-size:18px;margin:0 0 18px}.p3d-app h3{font-size:16px;margin:0 0 5px}.p3d-label{display:block;font-size:14px;font-weight:600;margin:18px 0 8px}.p3d-field{width:100%;border:1px solid var(--line);border-radius:9px;padding:10px;background:#fff;color:var(--ink)}.p3d-list{display:grid;gap:10px;margin-top:16px;max-height:560px;overflow:auto}.p3d-card{display:flex;gap:12px;align-items:center;text-align:left;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);cursor:pointer;padding:14px;width:100%}.p3d-card[aria-pressed=true]{border-color:var(--blue);background:#edf3ff;box-shadow:0 0 0 1px var(--blue)}.p3d-card strong{font-size:14px;display:block}.p3d-card small{color:var(--muted);font-size:12px;display:block}.p3d-glyph{font-size:24px;flex:0 0 36px;text-align:center}.p3d-stage{position:relative;min-height:570px;background:radial-gradient(ellipse at 50% 40%,#fff,#e9eff7);display:flex;flex-direction:column}.p3d-stage canvas{width:100%;height:100%;display:block;touch-action:none}.p3d-viewport{height:470px;min-height:350px;width:100%;position:relative}.p3d-stage-top{padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;color:var(--muted)}.p3d-stage-bottom{padding:0 26px 22px;text-align:center}.p3d-stage-bottom p{font-size:14px;color:var(--muted);margin:7px 0}.p3d-upload{display:block;padding:24px 12px;border:1px dashed #97b4df;border-radius:12px;background:#f5f8ff;text-align:center;cursor:pointer}.p3d-upload strong{display:block;color:var(--blue)}.p3d-upload small{display:block;font-size:12px;color:var(--muted);margin-top:6px}.p3d-logo-preview{max-width:100%;max-height:75px;object-fit:contain;margin-top:12px}.p3d-app input[type=range]{width:100%;accent-color:var(--blue)}.p3d-color{display:flex;align-items:center;gap:12px}.p3d-color input{height:38px;width:55px;cursor:pointer}.p3d-muted{font-size:14px;color:var(--muted)}.p3d-btn{border:1px solid var(--line);border-radius:9px;padding:10px 14px;cursor:pointer;color:var(--ink);background:white;font-weight:600}.p3d-primary{background:var(--blue);color:white;border-color:var(--blue);width:100%;margin-top:18px}.p3d-btn:disabled{opacity:.5;cursor:default}.p3d-app :focus-visible{outline:3px solid #2e7af2;outline-offset:3px}.p3d-link{display:block;color:var(--blue);font-size:14px;margin-top:12px}.p3d-status{font-size:14px;min-height:22px;margin:12px 0;color:var(--muted)}.p3d-photo{max-height:110px;max-width:100%;object-fit:contain;display:block;margin:12px auto}.p3d-footer{padding:14px 24px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);background:white}.p3d-row{display:flex;gap:8px;justify-content:center}.p3d-hidden{display:none!important}@media(max-width:1100px){.p3d-layout{grid-template-columns:220px minmax(240px,1fr)}.p3d-tools{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:24px}}@media(max-width:650px){.p3d-head{padding:18px;align-items:flex-start}.p3d-tag{display:none}.p3d-layout{display:flex;flex-direction:column}.p3d-products{border-right:0}.p3d-list{display:flex;overflow:auto;max-height:none;padding:2px}.p3d-card{min-width:190px;width:190px}.p3d-viewport{height:380px}.p3d-stage{min-height:500px}.p3d-tools{display:block}.p3d-panel{padding:18px}.p3d-stage-top{padding:18px}.p3d-tools>div+div{margin-top:24px}}
.p3d-stage{background:#fff;min-height:0}.p3d-viewport{aspect-ratio:6/5;height:auto;min-height:0}.p3d-viewport canvas{width:100%;height:100%;cursor:grab}.p3d-viewport canvas:active{cursor:grabbing}.p3d-thumb{width:52px;height:64px;object-fit:contain;background:white;flex-shrink:0}.p3d-file{display:block;width:100%;font-size:12px;margin-top:12px}.p3d-angle-value{float:right;color:var(--muted);font-weight:400}.p3d-upload{padding:18px 12px}.p3d-stage-bottom{padding-top:12px}.p3d-card{padding:10px}.p3d-tools input[type=range]{display:block}@media(max-width:650px){.p3d-viewport{height:auto;min-height:0}.p3d-stage{min-height:0}}