:root{font-family:Tahoma,Arial,sans-serif;color:#193d36;background:#f4f5ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1050px;margin:auto;padding:30px 30px 16px}header,.preview-top,.row{display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;color:#146452;font-size:25px}.badge{font-size:12px;background:#e4ede3;padding:9px 12px;border-radius:30px}.intro{margin:55px 0 32px}.eyebrow{font-size:13px;color:#657c70}h1{font-size:48px;line-height:1.35;margin:15px 0}em{font-style:normal;color:#237a5e}.intro p{color:#6f7d75;line-height:1.9}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:start}.preview-card{background:#e9eee4;padding:24px;border-radius:24px;position:sticky;top:20px}.preview-top{font-size:13px;margin-bottom:20px}.preview-top span{direction:ltr;color:#718175;font-size:12px}.stage{position:relative;aspect-ratio:3/4;max-width:345px;margin:auto;background:#fff;overflow:hidden;border-radius:8px;box-shadow:0 12px 40px #193d3610}canvas{width:100%;height:100%;display:block}#empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#789183}#empty h2{font-size:17px}#empty p{font-size:13px;line-height:1.8}.portrait{font-size:95px;color:#b9cabb}#guide{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.oval{position:absolute;top:15%;left:24%;width:52%;height:49%;border:1px dashed #14645288;border-radius:50%}#guide span{position:absolute;bottom:15px;left:0;right:0;text-align:center;font-size:10px;color:#146452;background:#ffffffb3;padding:6px}.privacy{font-size:11px;text-align:center;color:#6e8174;margin:20px 0 0}.controls{background:#fff;border-radius:24px;padding:26px}.step{display:flex;align-items:center;gap:12px;margin:22px 0 16px}.step:first-child{margin-top:0}.step span{background:#edf3e8;border-radius:50%;width:27px;height:27px;text-align:center;line-height:27px;font-size:13px}.step h2,.tips h2{font-size:17px;margin:0}.buttons{display:flex;gap:10px}button,select,input{font:inherit}button{border:0;border-radius:11px;padding:14px 16px;cursor:pointer;font-size:13px}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:#146452;color:#fff}.secondary{background:#f0f3ed;color:#245442;border:1px solid #dce6da}.buttons button{flex:1}.wide{width:100%}.hint{font-size:11px;line-height:1.8;color:#7a837b}label{display:block;font-size:12px;margin:14px 0 9px}select,input[type=number]{width:100%;border:1px solid #dce4da;background:#fafbf7;padding:12px;border-radius:9px;color:#254d40}input[type=range]{width:100%;accent-color:#146452}input[type=checkbox]{accent-color:#146452}.check{display:flex;align-items:center;gap:8px;line-height:1.8;margin:0}.text{padding:8px;background:transparent;color:#146452;font-size:11px}.confirm{margin:20px 0;padding:12px;background:#f7f8f3;border-radius:10px}#status{font-size:12px;line-height:1.8;color:#527060;min-height:22px}.tips{margin:35px 0;background:#eaf0e6;padding:25px;border-radius:20px}.tips>div{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tips p{font-size:12px;line-height:1.9;color:#6e7b70}.tips b{color:#254d40}.tips small{font-size:11px;line-height:1.9;color:#6a786b}footer{text-align:center;color:#849082;font-size:11px;padding:10px}[hidden]{display:none!important}#custom{display:flex;gap:10px}#custom label{flex:1}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #dfb763;outline-offset:3px}@media(max-width:700px){main{padding:24px 18px}.intro{margin:35px 0 24px}h1{font-size:36px}.badge{font-size:10px}.workspace{grid-template-columns:1fr;gap:20px}.preview-card{position:static;padding:20px}.stage{max-width:270px}.controls{padding:22px}.tips>div{grid-template-columns:1fr;gap:0}.tips p{margin:12px 0}}