.cctd-app{max-width:820px;margin:0 auto;padding:16px;font-family:Arial,sans-serif;color:#17252a}.cctd-header{text-align:center;padding:8px 0 12px}.cctd-brand{font-size:38px;font-weight:900;letter-spacing:2px}.cctd-subbrand{font-size:12px;letter-spacing:2px;font-weight:800}.cctd-location{font-size:11px;font-weight:800;letter-spacing:1px;margin-top:5px}.cctd-app h1{text-align:center;font-size:32px;margin:12px 0 5px}.cctd-sub{text-align:center;color:#606b70;margin:0 0 18px}.cctd-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cctd-upload,.cctd-qrbtn,.cctd-save{width:100%;border:0;border-radius:15px;padding:18px;font-size:18px;font-weight:900;cursor:pointer;background:#079bb3;color:#fff}.cctd-qrbtn{border:2px solid #d7dfe1;border-radius:15px;padding:18px;font-size:18px;font-weight:900;cursor:pointer;background:#fff;color:#17252a}.cctd-file{min-height:24px;text-align:center;padding:8px;color:#58656a}.cctd-editor{position:relative;width:100%;aspect-ratio:2811/2475;background:#f3f4f4;border:2px solid #d6dde0;border-radius:16px;overflow:hidden;touch-action:none}.cctd-editor canvas{width:100%;height:100%;display:block}.cctd-mask-border{position:absolute;inset:2px;border:2px solid #079bb3;border-radius:13px;pointer-events:none}.cctd-warning{position:absolute;left:10px;right:10px;bottom:10px;background:#d62828;color:#fff;border-radius:10px;padding:11px;text-align:center;font-size:13px;font-weight:900;letter-spacing:.3px}.cctd-warning[hidden]{display:none}.cctd-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin:12px 0;padding:12px;border:1px solid #d7dfe1;border-radius:14px}.cctd-bgcheck{font-weight:800}.cctd-small{border:1px solid #ccd5d8;background:#fff;border-radius:10px;padding:9px 12px;font-weight:800}.cctd-preview{text-align:center;margin-top:20px}.cctd-preview h2{font-size:28px;margin:0 0 12px}.cctd-stage{height:420px;border-radius:18px;overflow:hidden;position:relative;padding:55px 18px;background:linear-gradient(150deg,#dff7fb,#b7dfe5)}.cctd-stage:after{content:"";position:absolute;left:0;right:0;bottom:0;height:35%;background:linear-gradient(#d4b183,#9d7146)}.cctd-tumbler{position:relative;z-index:1;width:min(90%,430px);height:315px;margin:0 auto;filter:drop-shadow(0 18px 16px #0005);transform:rotate(-4deg);display:flex;align-items:stretch;justify-content:center}.cctd-top{position:absolute;left:9%;right:9%;top:-17px;height:32px;border-radius:50%;background:linear-gradient(#e9eeee,#9ca8aa);z-index:3;border:1px solid #7d898b}.cctd-bottom{position:absolute;left:10%;right:10%;bottom:-12px;height:22px;border-radius:50%;background:#8d989a;z-index:3}.cctd-panel{height:100%;overflow:hidden;background:#fff;position:relative}.cctd-panel canvas{width:100%;height:100%;display:block}.cctd-panel.left{width:23%;border-radius:55px 0 0 55px;transform:perspective(500px) rotateY(16deg);transform-origin:right}.cctd-panel.front{width:54%;z-index:2}.cctd-panel.right{width:23%;border-radius:0 55px 55px 0;transform:perspective(500px) rotateY(-16deg);transform-origin:left}.cctd-save{margin-top:18px}.cctd-note{text-align:center;font-size:13px;color:#626d71}.cctd-status{text-align:center;min-height:24px;font-weight:700;margin:8px}.cctd-modal{position:fixed;inset:0;background:#0008;z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px}.cctd-modal[hidden]{display:none}.cctd-modalbox{background:#fff;border-radius:18px;padding:24px;max-width:390px;width:100%;text-align:center;position:relative}.cctd-close{position:absolute;right:10px;top:7px;border:0;background:none;font-size:30px}.cctd-qr{margin:18px auto;width:230px;height:230px;border:1px solid #ddd;border-radius:10px;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(#111 0 25%,#fff 0 50%) 0/18px 18px}.cctd-qrurl{font-size:10px;color:#667;word-break:break-all}@media(max-width:600px){.cctd-app{padding:12px}.cctd-brand{font-size:31px}.cctd-app h1{font-size:27px}.cctd-stage{height:300px;padding-top:42px}.cctd-tumbler{height:225px}.cctd-panel.left,.cctd-panel.right{border-radius:35px 0 0 35px}.cctd-panel.right{border-radius:0 35px 35px 0}.cctd-controls{flex-wrap:wrap}}

.cctd-contact{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.cctd-contact label{display:block;font-weight:800;color:#34444a}.cctd-contact label span{color:#b42318}.cctd-contact input{box-sizing:border-box;width:100%;display:block;margin-top:6px;padding:13px;border:1px solid #c7d2d6;border-radius:10px;font:inherit}
.cctd-phone-upload{box-sizing:border-box;max-width:520px;margin:5vh auto;padding:24px 18px;border:1px solid #d7e2e5;border-radius:20px;background:#fff;box-shadow:0 12px 35px #16363f12;text-align:center;font-family:Arial,sans-serif;color:#17252a}.cctd-phone-upload h1{font-size:27px;line-height:1.2;margin:22px 0 10px}.cctd-phone-upload>p{color:#59676c;line-height:1.5}.cctd-phone-upload .cctd-upload{margin-top:16px}.cctd-phone-upload .cctd-upload:disabled{opacity:.6;cursor:not-allowed}.cctd-phone-hint{font-size:13px}
@media(max-width:600px){.cctd-contact{grid-template-columns:1fr}.cctd-phone-upload{margin:12px;padding:20px 14px}}