.cdlp-page{--ink:#1b303c;--paper:#f4efe5;--line:#d2c7b6;--red:#a52d36;background:var(--paper);color:var(--ink);min-height:100vh;font-family:"Microsoft JhengHei",sans-serif;padding:0 5vw 60px}.cdlp-page *{box-sizing:border-box}.cdlp-page [hidden]{display:none!important}.cdlp-header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:24px 0;margin-bottom:38px}.cdlp-header a{color:var(--ink);font-weight:700;text-decoration:none}.cdlp-page h1{font-family:"Noto Serif TC",serif;font-size:clamp(30px,4vw,54px);margin:8px 0 12px}.cdlp-page h2{font-size:21px;margin:0 0 15px}.cdlp-page p{line-height:1.7}.cdlp-eyebrow{font:12px/1.8 monospace;letter-spacing:.13em;color:var(--red)}.cdlp-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);gap:32px;align-items:start;margin-top:28px}.cdlp-preview-panel{position:sticky;top:20px;min-width:0}.cdlp-stage{background:#e6dfd3;min-height:330px;display:flex;align-items:center;padding:28px;border:1px solid var(--line)}.cdlp-stage canvas{width:100%;height:auto;display:block;background:white}.cdlp-preview-caption{font-size:13px;color:#6c6358;line-height:1.6}.cdlp-panel{padding:24px;border:1px solid var(--line);background:#fffdf8;margin-bottom:18px;min-width:0}.cdlp-page label{display:grid;gap:7px;font-size:14px;margin:12px 0}.cdlp-page input,.cdlp-page textarea,.cdlp-page select{width:100%;max-width:100%;font:inherit;color:var(--ink);border:1px solid #bcae9a;padding:11px;background:#fff;min-height:44px;border-radius:0}.cdlp-page input[type=color]{padding:4px;height:44px}.cdlp-page input[type=checkbox]{width:19px;min-height:19px;margin:3px 0}.cdlp-page .cdlp-check{display:flex;align-items:flex-start;gap:10px;line-height:1.6}.cdlp-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cdlp-page button,.cdlp-button{border:1px solid var(--ink);background:var(--ink);color:white;min-height:44px;padding:11px 17px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block}.cdlp-page button:disabled{opacity:.45;cursor:wait}.cdlp-page button.secondary{background:transparent;color:var(--ink)}.cdlp-page button:focus-visible,.cdlp-page a:focus-visible{outline:3px solid #b44339;outline-offset:3px}.cdlp-actions{display:flex;gap:10px;flex-wrap:wrap}.cdlp-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.cdlp-page .cdlp-choice{padding:10px 7px;background:white;color:var(--ink);border:1px solid var(--line);font-size:12px}.cdlp-page .cdlp-choice[aria-pressed=true]{outline:2px solid var(--red);outline-offset:0;background:#fbf2e9}.cdlp-choice span{display:grid;place-items:center;aspect-ratio:3/1;margin-bottom:9px;font-size:15px}.cdlp-note{border-left:3px solid #a8673c;background:#eee6d6;padding:12px 15px;font-size:13px}.cdlp-honey{position:absolute!important;left:-9999px!important;opacity:0}.cdlp-status{white-space:pre-line;overflow-wrap:anywhere;font-size:14px}.cdlp-page details>summary{cursor:pointer;min-height:44px;padding:12px 0;font-weight:700}.cdlp-references{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cdlp-references figure{margin:0;font-size:12px}.cdlp-references img{width:100%;height:auto}.cdlp-admin-card{border-top:1px solid var(--line);padding:20px 0}.cdlp-admin-card:first-child{border:0}.cdlp-admin-card canvas{width:100%;height:auto;background:#e7dfd0}.cdlp-admin-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}.cdlp-launch{display:block;padding:15px;margin:16px 0;border:1px solid #9e3c37;color:#8d2d30!important;font-weight:700;text-decoration:none!important;background:#fcf2e4}.cdlp-order-preview{max-width:800px;width:100%;height:auto}.cdlp-page .cdlp-privacy{font-size:12px;color:#635f57}
.cdlp-mobile{display:none}
@media(max-width:850px){.cdlp-grid,.cdlp-admin-grid{grid-template-columns:1fr}.cdlp-preview-panel{position:static}.cdlp-stage{min-height:150px;padding:15px}.cdlp-page{padding-inline:18px}.cdlp-header{padding-block:18px;margin-bottom:25px}.cdlp-panel{padding:18px}.cdlp-page h1{font-size:34px}.cdlp-mobile{display:block;position:sticky;top:0;z-index:5;padding:9px;background:#f4efe5;border:1px solid #d2c7b6;box-shadow:0 3px 8px #38261215;margin-bottom:16px}.cdlp-mobile canvas{width:100%;height:auto;max-height:140px;object-fit:contain;display:block}.cdlp-mobile small{display:block;font-size:11px;margin-top:4px}}
@media(max-width:380px){.cdlp-page{padding-inline:12px}.cdlp-header{font-size:13px}.cdlp-choices{gap:5px}.cdlp-page .cdlp-choice{font-size:11px;padding:8px 4px}.cdlp-two{gap:8px}}