.tcp-maker{--tcp-ink:#18243a;--tcp-accent:#d92d65;--tcp-muted:#667085;max-width:1000px;margin:24px auto;padding:clamp(16px,3vw,30px);background:#fff;border:1px solid #e7eaf0;border-radius:18px;box-shadow:0 12px 36px rgba(20,35,60,.08);color:var(--tcp-ink);font-family:inherit;box-sizing:border-box}.tcp-maker *{box-sizing:border-box}.tcp-heading{text-align:center;margin:0 auto 26px;max-width:650px}.tcp-eyebrow{font-size:11px;letter-spacing:.15em;font-weight:800;color:var(--tcp-accent)}.tcp-heading h2{font-size:clamp(24px,4vw,34px);line-height:1.15;margin:9px 0;color:var(--tcp-ink)}.tcp-heading p{margin:0;color:var(--tcp-muted);line-height:1.55}.tcp-layout{display:grid;grid-template-columns:minmax(0, .9fr) minmax(280px,1.1fr);gap:clamp(20px,4vw,44px);align-items:start}.tcp-controls{display:flex;flex-direction:column;gap:9px}.tcp-label{font-weight:750;font-size:14px;margin-top:8px}.tcp-frame-select,.tcp-photo{width:100%;max-width:100%;padding:12px;border:1px solid #d0d5dd;border-radius:9px;background:#fff;color:#18243a;min-height:44px}.tcp-photo{padding:8px}.tcp-help,.tcp-frame-desc{font-size:12px;line-height:1.5;color:var(--tcp-muted);margin:0 0 5px}.tcp-zoom{width:100%;accent-color:var(--tcp-accent)}.tcp-download,.tcp-reset{width:100%;border:0;border-radius:10px;padding:13px 16px;font-weight:750;cursor:pointer;font-size:14px}.tcp-maker .tcp-download,.tcp-maker .tcp-download:hover,.tcp-maker .tcp-download:focus,.tcp-maker .tcp-download:disabled{background-color:#0E834C !important;color:#fff !important;border-color:#0E834C !important;margin-top:12px;opacity:1}.tcp-download:disabled{cursor:not-allowed}.tcp-reset{background:#f1f3f7;color:#29354a}.tcp-status{font-size:12px;color:var(--tcp-muted);min-height:18px;margin:2px 0}.tcp-preview-wrap{min-width:0}.tcp-preview-label{font-size:11px;font-weight:800;letter-spacing:.13em;color:var(--tcp-muted);margin-bottom:10px}.tcp-preview{position:relative;width:100%;max-width:480px;margin:auto;aspect-ratio:1;background:linear-gradient(45deg,#f2f4f7 25%,transparent 25%),linear-gradient(-45deg,#f2f4f7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f2f4f7 75%),linear-gradient(-45deg,transparent 75%,#f2f4f7 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;overflow:hidden;border-radius:12px;touch-action:none}.tcp-preview canvas{display:block;width:100%;height:100%;position:absolute;inset:0;z-index:2;cursor:grab;touch-action:none}.tcp-preview canvas:active{cursor:grabbing}.tcp-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#98a2b3;font-weight:800;letter-spacing:.1em;pointer-events:none}.tcp-placeholder small{font-weight:400;letter-spacing:0}.tcp-preview-note{text-align:center;font-size:12px;color:var(--tcp-muted);margin:10px 0 0}.tcp-notice{padding:16px;border:1px solid #e5e7eb;border-radius:8px}@media(max-width:680px){.tcp-layout{grid-template-columns:1fr}.tcp-preview-wrap{grid-row:1}.tcp-preview{max-width:420px}.tcp-maker{border-radius:12px}}