.camd,.camd *{box-sizing:border-box}.camd{max-width:1240px;margin:20px auto 50px;color:#263848;font:14px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}.camd-hero{display:flex;justify-content:space-between;align-items:center;gap:16px;background:linear-gradient(105deg,#143d52,#0b7383);padding:20px 24px;border-radius:14px;color:#fff;margin-bottom:18px}.camd-hero h2{font-size:clamp(23px,3vw,32px);line-height:1.15;color:#fff;margin:6px 0}.camd-hero small{font-size:11px;color:#b7e9e4;letter-spacing:1.8px;font-weight:700}.camd-hero p{margin:4px 0;color:#e4f7f6}.camd-price{padding:10px 15px;background:#ffffff22;border-radius:9px;white-space:nowrap;text-align:center}.camd-price strong{display:block;font-size:23px}.camd-layout{display:grid;grid-template-columns:minmax(330px,1fr) minmax(330px,1fr);gap:18px;align-items:start}.camd-panel,.camd-preview-panel{background:white;border:1px solid #dce4e8;border-radius:14px;box-shadow:0 4px 15px #0c304b0a;padding:18px;margin:0 0 14px}.camd-panel h3,.camd-preview-panel h3{font-size:18px;line-height:1.2;color:#173f55;margin:0 0 14px}.camd-panel h3 b{display:inline-flex;background:#d8f1f1;color:#126678;font-size:13px;align-items:center;justify-content:center;border-radius:50%;width:26px;height:26px;margin-right:8px}.camd label:not(.camd-check){display:block;color:#344c5e;font-weight:600;margin:0 0 13px;font-size:13px}.camd input[type=text],.camd input[type=email],.camd input[type=tel],.camd input[type=number],.camd input[type=file],.camd select,.camd textarea{display:block;width:100%;margin:5px 0 0;border:1px solid #c8d7df;border-radius:8px;min-height:40px;color:#263b4b;font:inherit;padding:10px;background:#fff;max-width:100%}.camd input[type=range]{display:block;width:100%;margin:9px 0;accent-color:#087790}.camd input[type=color]{display:block;width:100%;height:42px;padding:3px;border:1px solid #c8d7df;border-radius:7px;margin-top:5px}.camd input[type=checkbox]{accent-color:#087790;flex:none}.camd-check{display:flex;gap:8px;align-items:flex-start;margin:9px 0 12px;font-size:13px;cursor:pointer;color:#394d5c}.camd-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.camd-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 16px}.camd-theme{padding:7px 4px;border-radius:9px;border:2px solid #dbe3e9;background:#fff;font:600 11px/1.3 inherit;color:#355364;cursor:pointer;min-width:0}.camd-theme.active{border-color:#0986a1;background:#ecf8fb;box-shadow:0 0 0 1px #3c9eb0}.camd-theme-picture{height:auto;aspect-ratio:5/7;width:75%;margin:0 auto 6px;background:#f7fafa;position:relative;border:1px solid #c8d4d7;display:block}.camd-theme-picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.camd-theme-picture strong{position:absolute;left:5%;right:5%;top:16%;font-size:clamp(6px,.6vw,9px);line-height:1.1;color:#315c70;overflow-wrap:anywhere;display:block}.camd-theme-wood{position:absolute;height:5px;background:linear-gradient(#6c4831,#352117);bottom:-3px;left:5%;width:90%}.camd-theme>span:last-child{display:block;line-height:1.2;font-size:11px}.camd-note,.camd-preview-note{font-size:12px;color:#667887}.camd-preview-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px}.camd-preview-head h3{margin:0}.camd-preview-head label{white-space:nowrap!important;margin:0!important}.camd-preview-panel{padding:14px;position:sticky;top:30px}.camd-preview-note{margin:10px 0 0}.camd-actions{display:flex;gap:9px}.camd-actions button{padding:12px 14px;border-radius:8px;cursor:pointer;border:1px solid #bbcad2;font-weight:700}.camd-send{flex:1;background:#0b7187;border-color:#0b7187!important;color:white}.camd-send:disabled{opacity:.65;cursor:wait}.camd-reset,.camd-plain{background:#fff;color:#304c5c}.camd-plain{font:600 13px Arial;border:1px solid #c5d3dc;padding:7px 11px;border-radius:7px;cursor:pointer;margin:0 0 14px}.camd-status{min-height:22px;color:#a34132;font-weight:650}.camd-status.ok{color:#11693e}.camd-honeypot{position:absolute;left:-99999px;top:-99999px}.camd :focus-visible{outline:3px solid #36a8c2;outline-offset:2px}
@media(max-width:940px){.camd-layout{grid-template-columns:1fr}.camd-preview-panel{grid-row:1;position:static;max-width:540px;margin:0 auto 16px;width:100%}.camd-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:500px){.camd-hero{flex-direction:column;align-items:flex-start}.camd-cols{grid-template-columns:1fr}.camd-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.camd-panel{padding:15px}.camd-theme-picture strong{font-size:8px}}

/* Version 2.1.0: image-generated illustration gallery and print-accurate centered overlay */
.camd-theme-picture { aspect-ratio:1/1;width:92%;border:0;border-radius:8px;overflow:hidden;background:linear-gradient(145deg,#fcfaf7,#eef7fb);}
.camd-theme-picture img {object-fit:contain;padding:4px;filter:drop-shadow(0px 1px 1px rgba(51,35,26,.10))}
.camd-theme-picture strong {display:none;}
.camd-theme-wood {display:none;}
.camd-theme {padding:5px 3px 8px;}






.camd-theme.active .camd-theme-picture {background:linear-gradient(140deg,#e9f7fb,#ffffff);}
@media(max-width:500px){.camd-theme-picture{width:100%;}.camd-gallery{gap:7px;}}

/* v2.2 — premium fixed illustrated titles, only two editable wording fields. */
.camd-fixed-title {margin:8px 0 15px;color:#315e6d;background:#f2f8f8;border:1px solid #c9e2e4;border-radius:9px;padding:11px 13px;font-size:13px}
.camd-fixed-title strong {font-size:15px;color:#164558;display:block;margin:4px 0}
.camd-fixed-title span {color:#667b83;font-size:12px}
.camd-fixed-note {font-size:12px;color:#5b727c;background:#f8fafd;border-left:3px solid #4198a1;padding:8px 10px;margin:10px 0 16px}
.camd-theme-picture img {padding:0;object-fit:cover}

/* v2.3.0 clean reset — no gallery of previous themes */
.camd-clean-start {border-color:#c9dfe4;background:#fbfdfd;}
.camd-clean-start .camd-note {font-size:13px;line-height:1.5;margin:0 0 10px;}

/* v2.4 ten immutable illustrated Notes designs. */
.camd-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 10px}
.camd-theme{display:block;width:100%;padding:5px 5px 9px;border:2px solid #d6e3e8;border-radius:9px;background:#fff;color:#27495c;font-size:12px;line-height:1.2;cursor:pointer;text-align:center}
.camd-theme.active{background:#ebf9fc;border-color:#07839c;box-shadow:0 0 0 2px #9ed9e6}
.camd-theme-picture{display:block;width:100%;aspect-ratio:5/7;margin:0 0 7px;overflow:hidden;background:#fff}
.camd-theme-picture img{display:block;position:static;width:100%;height:100%;object-fit:cover;filter:none;padding:0}
.camd-theme>span:last-child{display:block;font-weight:700}
.camd-selected-label{margin:8px 0 0;font-size:13px;color:#3f6070}
.camd-preview-panel{position:sticky;top:30px}




@media(max-width:940px){.camd-preview-panel{position:static}}
@media(max-width:450px){.camd-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.camd-theme{font-size:11px}}








































.camd .camd-custom-fields{border-left:3px solid #0c869d;background:#f6fbfd;margin:0 0 15px;padding:12px 12px 2px;border-radius:5px;}
.camd .camd-custom-fields[hidden]{display:none;}









/* v2.5.5 ONE AND ONLY ONE PREVIEW COMPOSITE. No old photo mockup CSS. */
.camd .camd-stage {position:relative; width:100%; aspect-ratio:1060 / 1484; background:#f7f7f8; overflow:hidden; border-radius:8px;}
.camd .camd-stage > .camd-studio,.camd .camd-stage > .camd-glass,.camd .camd-stage > .camd-wood-front {
  position:absolute; width:100%;height:100%;max-width:none; display:block; object-fit:fill;
  pointer-events:none;user-select:none; border:0; box-shadow:none; background:none;
}
.camd .camd-stage > .camd-studio {left:0;top:0;z-index:1;}
.camd .camd-stage > .camd-art-area {position:absolute;z-index:2;overflow:hidden;pointer-events:none; border:0;box-shadow:none;background:none;}
.camd .camd-stage > .camd-art-area > .camd-art,.camd .camd-stage > .camd-art-area > .camd-safe {
  position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:fill;
  pointer-events:none;outline:0;border:0;box-shadow:none;background:none;
}
.camd .camd-stage > .camd-art-area > .camd-safe {display:none!important;}
.camd .camd-stage > .camd-art-area > .camd-safe.visible:not([hidden]){display:block!important;}
.camd .camd-stage > .camd-art-area::before,.camd .camd-stage > .camd-art-area::after{content:none!important;display:none!important;}
.camd .camd-stage > .camd-glass {z-index:3;}
.camd .camd-stage > .camd-wood-front {z-index:4;}