:root{--pendant-accent:#365341;--pendant-bg:#faf8f4}*{box-sizing:border-box}body{margin:0;background:var(--pendant-bg);color:#28372e;font:14px/1.6 Arial,sans-serif}button,input,select{font:inherit}a{color:inherit}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.12}h1{font-size:clamp(35px,4.5vw,58px);letter-spacing:-1px;margin:18px 0}h2{font-size:29px;margin:14px 0}.pendant-header{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:24px 5%;border-bottom:1px solid #dfe4d7}.pendant-header a{text-decoration:none;font-size:12px}.pendant-header>span:nth-child(2){font:24px Georgia,serif}.pendant-workspace{max-width:1350px;padding:38px 40px 75px;margin:auto}.pendant-intro{text-align:center;margin-bottom:35px}.pendant-intro p{color:#788174}.pendant-eyebrow{font-size:10px;letter-spacing:2px;color:#7c8878}.pendant-editor{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr);gap:40px;align-items:start}.pendant-stage-wrap{position:sticky;top:20px;background:#faf8f4;border:1px solid #e4e7dc;border-radius:14px;overflow:hidden}.pendant-stage-wrap canvas{display:block;width:100%;height:auto;touch-action:none;cursor:grab}.pendant-stage-wrap canvas:active{cursor:grabbing}.pendant-stage-wrap canvas:focus-visible{outline:3px solid #8ea682;outline-offset:-4px}.pendant-stage-hint{display:block;text-align:center;font-size:10px;color:#7b8876;padding:15px;background:#f0f3e9}.pendant-card{background:#fff;border:1px solid #e0e6d9;padding:30px;border-radius:12px}.pendant-price{font-size:22px;margin:15px 0}.pendant-note{color:#82907d;font-size:12px;margin:12px 0}.photo-upload-label{display:block;text-align:center;border:1px dashed #97ad8d;padding:23px;background:#f3f6ed;border-radius:7px;cursor:pointer;margin:25px 0 10px;font-weight:600}.photo-upload-label input{display:block;margin:15px auto 0;max-width:100%;font-size:11px}.pendant-controls label:not(.photo-upload-label){display:block;margin-top:24px;font-size:12px;font-weight:600}.pendant-controls output{float:right;color:#839177;font-weight:400}.pendant-controls input[type=range]{display:block;width:100%;margin:18px 0;accent-color:var(--pendant-accent)}.pendant-control-buttons{display:flex;gap:12px}.pendant-control-buttons button{flex:1;padding:12px;background:#fff;border:1px solid #d5dfcf;border-radius:6px;color:#40553b;cursor:pointer}.pendant-controls select{width:100%;border:1px solid #d7e0d0;background:white;padding:13px;margin-top:8px;border-radius:6px}.pendant-button{display:inline-flex;align-items:center;justify-content:center;background:var(--pendant-accent);color:white;border:0;text-decoration:none;padding:16px 22px;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer}.pendant-button.primary{width:100%;margin-top:24px}.pendant-controls .pendant-consent{font-size:11px;line-height:1.8;font-weight:400;display:flex;gap:10px;flex-wrap:wrap}.pendant-consent input{accent-color:var(--pendant-accent)}.pendant-error,#pendant-error{color:#a84c36;font-size:12px}button:disabled{opacity:.45;cursor:not-allowed}.design-package{max-width:960px;padding:50px 25px;margin:auto}.saved-preview{display:block;width:min(100%,650px);height:auto;margin:25px auto;border:1px solid #e0e6d9;border-radius:12px}.design-downloads{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.design-package p{overflow-wrap:anywhere}@media(max-width:750px){.pendant-header{padding:20px}.pendant-header>span:nth-child(2){font-size:20px}.pendant-workspace{padding:28px 16px 45px}.pendant-editor{grid-template-columns:1fr;gap:20px}.pendant-stage-wrap{position:static}.pendant-card{padding:25px}.pendant-intro{margin-bottom:25px}.pendant-stage-hint{font-size:9px}}