#wmApp{width:96%;margin:18px auto 40px}.wmgrid{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start}.wmpanel{background:white;border:1px solid #e0e0e6;border-radius:8px;padding:14px 16px;box-shadow:0 2px 8px rgba(0,0,0,0.04);position:sticky;top:12px;max-height:calc(100vh - 30px);overflow-y:auto;grid-column:2;grid-row:1}.wmpreview{grid-column:1;grid-row:1}.wmsec{margin-bottom:18px}.wmsec:last-of-type{margin-bottom:8px}.wmsec-title{font-size:11px;text-transform:uppercase;letter-spacing:0.6px;color:#666;font-weight:bold;margin-bottom:8px}.wmchips{display:flex;flex-wrap:wrap;gap:6px}.wmchip{padding:6px 12px;background:#f5f5f8;border:1px solid #e0e0e6;border-radius:14px;cursor:pointer;font-size:12px;font-weight:bold;color:#444;letter-spacing:0.4px;transition:all 0.12s ease}.wmchip:hover{background:#ecf0fa;border-color:#c8d2ed;color:#2a2a3a}.wmsegment{display:flex;border:1px solid #cdcdd5;border-radius:5px;overflow:hidden}.wmseg{flex:1;padding:7px 10px;background:white;border:none;cursor:pointer;font-size:13px;color:#444;font-weight:500}.wmseg + .wmseg{border-left:1px solid #cdcdd5}.wmseg:hover:not(.active){background:#f0f0f5}.wmseg.active{background:#4956a5;color:white;font-weight:bold}.wminput,.wmselect{width:100%;padding:8px 10px;border:1px solid #cdcdd5;background:white;color:#2a2a3a;border-radius:4px;outline:none;font-size:13px;box-sizing:border-box}.wminput:focus,.wmselect:focus{border-color:#4956a5}.wmrow{display:flex;gap:10px;margin-top:8px}.wmlbl{flex:1;display:block;font-size:12px;color:#555;font-weight:500}.wmlbl-full{display:block;margin-top:10px;width:100%}.wmcheck{display:flex;align-items:center;gap:8px;font-size:13px;color:#444;cursor:pointer;margin-top:12px;user-select:none}.wmcheck input[type="checkbox"]{margin:0;width:16px;height:16px;cursor:pointer}.wmimgdrop-active{background:#d8e4f8;border-color:#4956a5;border-style:solid}.wmlbl .wmselect,.wmlbl .wmcolor{margin-top:4px}.wmcolor{width:100%;height:32px;padding:2px;border:1px solid #cdcdd5;border-radius:4px;cursor:pointer;background:white}.wmlbl input[type="range"]{width:100%;margin-top:6px;cursor:pointer}.wmval{float:right;font-size:11px;color:#4956a5;font-weight:bold;font-variant-numeric:tabular-nums}.wmimgdrop{display:flex;align-items:center;justify-content:center;border:1.5px dashed #c8d2ed;border-radius:6px;padding:18px 12px;background:#f7f8fc;cursor:pointer;color:#4956a5;font-size:13px;text-align:center;transition:background 0.1s ease;min-height:64px}.wmimgdrop:hover{background:#ecf0fa}.wmimgdrop img{max-width:100%;max-height:100px;object-fit:contain}.wmplace{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.wmplace-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;background:white;border:1.5px solid #e0e0e6;border-radius:5px;cursor:pointer;font-size:11px;color:#555;transition:all 0.1s ease}.wmplace-btn:hover{border-color:#c8d2ed;background:#f7f8fc}.wmplace-btn.active{border-color:#4956a5;background:#ecf0fa;color:#4956a5;font-weight:bold}.wmplace-thumb{display:block;width:36px;height:26px;border:1px solid #c0c0c8;border-radius:2px;background:white;position:relative;overflow:hidden}.wmplace-thumb::after{content:'';position:absolute;background:#4956a5;opacity:0.7}.wmt-diagonal::after{left:4px;top:11px;right:4px;height:3px;transform:rotate(-30deg);transform-origin:left center}.wmt-tiled::after{inset:0;opacity:1;background:repeating-linear-gradient(-30deg,transparent 0 8px,rgba(73,86,165,0.7) 8px 11px)}.wmt-center::after{left:6px;right:6px;top:11px;height:3px}.wmt-header::after{left:6px;right:6px;top:3px;height:3px}.wmt-footer::after{left:6px;right:6px;bottom:3px;height:3px}.wmt-corner::after{right:3px;top:3px;width:10px;height:3px}.wmselect-full{flex:1}.wmhint{font-size:11px;color:#888;margin-top:8px;font-style:italic;line-height:1.4}.wmactions{display:flex;flex-direction:column;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid #ececf2}.wmbtn{padding:11px 12px;font-size:14px;border:1px solid #cdcdd5;background:white;color:#2a2a3a;border-radius:5px;cursor:pointer;text-align:center;font-weight:500}.wmbtn:hover:not(:disabled){background:#f0f0f5}.wmbtn:disabled{opacity:0.4;cursor:not-allowed}.wmbtn-primary{background:#4956a5;color:white;border-color:#4956a5;font-weight:bold}.wmbtn-primary:hover:not(:disabled){background:#3b478f;color:white}.wmpreview{background:#2a2a3a;border-radius:8px;padding:16px;display:flex;flex-direction:column;align-items:center}.wmpreview-head{color:#ddd;font-size:12px;text-transform:uppercase;letter-spacing:0.6px;width:100%;display:flex;justify-content:space-between;margin-bottom:12px;padding:0 4px}.wmpreview-page{color:#888;font-variant-numeric:tabular-nums}.wmpreview-frame{position:relative;background:white;box-shadow:0 6px 24px rgba(0,0,0,0.35);max-width:100%}.wmpreview-frame canvas{display:block;max-width:100%;height:auto}.wmoverlay{position:absolute;inset:0;overflow:hidden;pointer-events:none}.wm-stamp{position:absolute;transform-origin:center center;white-space:nowrap;user-select:none;-webkit-user-select:none;pointer-events:auto;cursor:grab;touch-action:none}.wm-stamp:active{cursor:grabbing}.wm-stamp.wm-image img{pointer-events:none}.wm-stamp.wm-text{font-weight:bold}.wm-stamp.wm-image img{display:block;max-width:none}.wmpreview-nav{display:flex;gap:8px;margin-top:12px}.wmnav-btn{padding:6px 14px;background:#444;color:white;border:1px solid #555;border-radius:4px;cursor:pointer;font-size:14px}.wmnav-btn:hover:not(:disabled){background:#555}.wmnav-btn:disabled{opacity:0.35;cursor:not-allowed}.preploader{margin:25px auto;max-width:540px;background:white;border:1px solid #e0e0e6;border-radius:8px;padding:18px 22px;box-shadow:0 4px 14px rgba(0,0,0,0.08)}.preptop{display:flex;align-items:center;gap:14px}.prepspinner{width:26px;height:26px;border:3px solid var(--pcolor);border-top-color:#ddd;border-radius:50%;animation:wmspin 0.9s linear infinite;flex-shrink:0}.prepinfo{flex:1;min-width:0}.preptitle{font-weight:bold;font-size:14px;color:#2a2a3a}.prepsub{font-size:12px;color:#666;margin-top:2px}.prepct{font-weight:bold;color:#4956a5;font-variant-numeric:tabular-nums;font-size:14px}.prepbar{height:6px;background:#e5e5ea;border-radius:3px;margin-top:14px;overflow:hidden}.prepbarfill{height:100%;background:#4956a5;width:0;transition:width 0.18s ease;border-radius:3px}.wmoverlay-modal{position:fixed;inset:0;background:rgba(20,20,28,0.55);display:flex;align-items:center;justify-content:center;z-index:1100}.wmoverlay-card{background:white;border-radius:10px;padding:24px 30px;display:flex;align-items:center;gap:16px;box-shadow:0 20px 60px rgba(0,0,0,0.25)}.wmoverlay-text{font-size:14px;color:#2a2a3a;font-weight:600}#wmRange{margin-top:10px}@keyframes wmspin{to{transform:rotate(360deg)}}.wmp-illus{margin:30px 0 56px;display:flex;justify-content:center}.wmp-illus img{max-width:100%;height:auto;border-radius:16px;box-shadow:0 14px 40px rgba(73,86,165,0.14)}@media only screen and (max-width:880px){#wmApp{width:100%;margin:12px 0 30px;padding:0 10px;box-sizing:border-box}.wmgrid{grid-template-columns:1fr;gap:14px}.wmpanel{position:static;max-height:none;overflow-y:visible;grid-column:1;grid-row:2;padding:14px}.wmpreview{grid-column:1;grid-row:1;padding:10px}.wmpreview-frame{max-height:55vh;overflow:hidden}.wmpreview-frame canvas{max-height:55vh;width:auto}.wmplace{grid-template-columns:repeat(3,1fr)}#newBtn{display:none}.wmchip{font-size:13px;padding:8px 14px}.wmseg{padding:10px 12px;font-size:14px;min-height:40px}.wminput,.wmselect{padding:10px 12px;font-size:14px;height:40px}.wmcolor{height:40px}.wmbtn{padding:13px 14px;font-size:15px;min-height:44px}.wmlbl input[type="range"]{height:32px}.wmnav-btn{padding:10px 20px;font-size:16px;min-height:40px}}@media only screen and (max-width:480px){.wmpanel{padding:12px}.wmplace{grid-template-columns:repeat(2,1fr);gap:8px}.wmplace-btn{padding:10px 4px;font-size:12px}.wmplace-thumb{width:42px;height:30px}.wmsec{margin-bottom:16px}.wmrow{flex-direction:column;gap:12px}.wmrow .wmlbl{width:100%}.wmpreview-frame{max-height:45vh}.wmpreview-frame canvas{max-height:45vh}.wmchips{gap:8px}.wmchip{flex:1 0 calc(50% - 4px);text-align:center;font-size:12px}}