.studio{background:#f8f6f1;min-height:100svh;font:16px/1.7 Arial,sans-serif;color:var(--ink)}.studio *{box-sizing:border-box}.studio header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;border-bottom:1px solid #947468}.studio main{max-width:720px;margin:auto;padding:28px 24px 80px}.studio h1,.studio h2{font-family:var(--serif);font-weight:400;overflow-wrap:anywhere}.studio h1{font-size:clamp(28px,5vw,38px);line-height:1.3;margin:24px 0}.studio h2{font-size:25px}.studio p{margin:16px 0}.studio-notice{font-size:14px}.studio-steps{display:flex;flex-wrap:wrap;gap:24px;list-style:none;padding:0}.studio-steps li{padding:10px 0;border-top:2px solid #947468}.studio-steps [aria-current]{font-weight:700;border-color:#49352f}.studio label{display:block;margin-top:20px}.studio input:not([type=radio]),.studio textarea{width:100%;font:inherit;color:inherit;background:#fffdf9;border:1px solid #947468;border-radius:7px;padding:12px;margin-top:7px}.studio textarea{min-height:220px;resize:vertical}.studio button{font:inherit;background:#fffaf2;color:#49352f;border:1px solid #947468;border-radius:7px;padding:12px 18px;margin:12px 12px 0 0;min-height:48px;cursor:pointer}.studio button[type=submit]{background:#49352f;color:#f8f3ea}.studio fieldset{margin:24px 0;padding:18px;border:1px solid #947468}.studio .studio-theme{display:flex;align-items:center;gap:12px;margin:16px 0;min-height:44px}.studio input[type=radio]{width:22px;height:22px;accent-color:#49352f}.studio-preview{padding:24px;background:#f5e6e1;overflow-wrap:anywhere}.studio[data-theme=flowers] .studio-preview{background:#f5e6e1 url(/reference/demo/letter-sprig.svg) 100% 0/110px no-repeat}.studio[data-theme=hearts] .studio-preview{background:#f5e6e1 url(/reference/demo/hearts.svg) 50%/150px}.studio[data-theme=plain] .studio-preview{background:#f8f3ea}.studio .studio-envelope{display:block;min-height:140px;width:100%;background:#d99a81;border:2px solid #49352f;font-weight:700}.studio-paper{background:#fffaf2;padding:24px;white-space:pre-wrap;font-family:var(--serif);line-height:1.95}.studio-paper p{overflow-wrap:anywhere}.studio dialog{max-width:min(520px,calc(100% - 32px));background:#f8f3ea;color:#49352f;padding:24px;border:2px solid #49352f}.studio dialog::backdrop{background:#49352f99}.studio-errors{border:2px solid #49352f;padding:16px}.studio a{color:inherit}.studio :focus-visible{outline:3px solid #49352f;outline-offset:4px}.studio-skip{position:absolute;top:8px;left:8px;transform:translateY(-300%);padding:12px;background:#49352f;color:#f8f3ea!important;z-index:20}.studio-skip:focus{transform:none}.studio [hidden]{display:none!important}