.local-heading{position:relative;padding:8px 62px 12px 0}.local-heading h1{font-size:27px;line-height:1.35;margin:7px 0}.local-heading p{font-size:11px;color:var(--muted);line-height:1.7}.local-heading>img{position:absolute;right:0;bottom:18px;width:54px;height:63px;object-fit:contain}
.local-preview{position:sticky;top:10px;z-index:6;border-radius:23px;background:#f4edf3;border:1px solid #eddde7;overflow:hidden;box-shadow:0 5px 18px #9463810c}.local-picture{height:clamp(210px,34vh,310px);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#faf1f5,#f0edf7)}.local-picture canvas{display:block;max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain}.local-empty{text-align:center;padding:25px 12px}.local-empty>img{width:65px;height:75px;object-fit:contain}.local-empty b{display:block;font-size:14px;margin:12px 0 7px}.local-empty p{font-size:11px;color:var(--muted);line-height:1.7}.local-upload-label{display:inline-block;background:#e9a0bc;color:white;border-radius:14px;padding:11px 23px;font-size:12px;font-weight:700;margin-top:14px;cursor:pointer}.local-demo{display:block;margin:11px auto 0;font-size:10px}.local-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:#fffbfd}.local-preview-footer>span{font-size:10px;color:#a17d94}.local-compare{touch-action:none;user-select:none;background:#f6e7ef;color:#b77a99;border:1px solid #edd5e2;border-radius:12px;padding:7px 10px;font-size:10px;white-space:nowrap}.local-compare[aria-pressed=true]{background:#e5dff2;color:#826da4}
.local-toolbar{display:flex;gap:7px;margin:12px 0}.local-toolbar>button,.local-toolbar>label{flex:1;background:white;border:1px solid var(--line);border-radius:11px;text-align:center;padding:8px 3px;font-size:11px;color:var(--deep);cursor:pointer}.local-toolbar>button:disabled{opacity:.4;cursor:default}.local-tabs{display:flex;gap:8px;margin:17px 0 14px}.local-tabs>button{flex:1;border:0;background:#f5ebf2;border-radius:13px;padding:10px 5px;color:#ab8b9f;font-size:12px}.local-tabs>button.active{background:#f5dce9;color:#af698f;font-weight:700}.local-presets{display:flex;gap:9px;overflow-x:auto;padding:2px 1px 9px;scrollbar-width:none}.local-preset{flex-shrink:0;width:65px;border:1px solid var(--line);border-radius:15px;padding:5px;color:var(--deep);background:#fff}.local-preset canvas{display:block;width:53px;height:67px;border-radius:10px;background:var(--swatch)}.local-preset span{display:block;font-size:10px;padding:8px 0 3px}.local-preset.active{border-color:#db91b1;background:#fff4f9;box-shadow:0 0 0 1px #edb1cd}.local-preset:disabled{opacity:.55}.local-strength{padding:14px 0 3px}.local-strength .strength-top{margin:0 0 10px;font-size:11px}.local-strength output,.local-control-value{font-size:13px;font-variant-numeric:tabular-nums;font-weight:700;color:#c17e9e}.local-strength input{width:100%}.local-control-choices{display:flex;flex-wrap:wrap;gap:7px;margin:2px 0 17px}.local-control-choices>button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 13px;font-size:11px;color:#a88199}.local-control-choices>button.active{background:#f3e8f6;color:#986cb0;border-color:#ddc9e7}.local-control-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;font-size:12px}.local-control-help{display:flex;justify-content:space-between;margin-top:10px;font-size:10px;color:var(--muted)}.local-privacy{font-size:10px;line-height:1.7;color:#ac8ea1;margin:13px 0}.local-ai p{font-size:11px;line-height:1.8;color:#a18498;margin-bottom:12px}.local-ai-reference{display:flex;gap:12px;align-items:center;border:1px dashed #e3c7d7;border-radius:14px;padding:12px;margin-bottom:12px}.local-ai-reference img{width:45px;height:55px;object-fit:cover;border-radius:8px}.local-ai-reference label{font-size:11px;color:#b77b9a;cursor:pointer}.local-ai-reference button{margin-left:auto;font-size:10px;padding:0;background:none;color:#ad8b9f}.local-ai textarea{width:100%;min-height:75px;border:1px solid var(--line);border-radius:13px;padding:12px;font-family:inherit;font-size:12px;color:var(--deep);resize:vertical;background:#fff}.local-consent{display:flex;gap:7px;align-items:flex-start;font-size:10px;line-height:1.8;color:#a18498;margin:11px 0 14px}.local-consent input{margin-top:4px;accent-color:#d889ac}.local-plan{background:#f5edf7;border:1px solid #e6d5ec;border-radius:16px;padding:15px;margin-top:13px}.local-plan h3{font-size:13px;margin-bottom:8px}.local-plan p{margin-bottom:9px}.local-plan dl{display:grid;grid-template-columns:1fr 1fr;gap:7px;font-size:10px;margin-bottom:12px}.local-plan dl>div{display:flex;justify-content:space-between;gap:9px;background:#fff9;padding:7px;border-radius:8px}.local-plan dd{font-variant-numeric:tabular-nums;color:#a673b3}.local-status{font-size:11px;line-height:1.8;color:#b57899;margin-top:13px;min-height:20px}.local-save{position:fixed;bottom:calc(var(--bottom-nav-height,76px) + 10px);width:min(calc(100vw - 46px),394px);z-index:7;padding:12px 0 4px;background:linear-gradient(0deg,#fffafc 75%,#fffafc00)}.local-save button{width:100%}.local-save button:disabled{opacity:.5}.local-editor-page{padding-bottom:calc(var(--bottom-nav-height,76px) + 90px)}.local-editor-page [hidden]{display:none!important}
@media(min-width:960px){.local-save{width:380px}}
@media(max-width:350px){.local-save{width:calc(100vw - 32px)}.local-picture{height:clamp(200px,31vh,270px)}.local-heading h1{font-size:24px}.local-control-choices{gap:6px}.local-control-choices>button{padding:8px 11px}.local-preview-footer{padding:8px 10px}.local-preview-footer>span{font-size:9px}}