:root,html{color-scheme:only light!important}.builder-page{margin:0;background:#F7F4EC;color:#111;min-height:100vh}.builder-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px max(18px,calc((100vw - 1160px)/2));background:rgba(247,244,236,.96);backdrop-filter:blur(14px);border-bottom:1px solid #DEDCD5}.builder-header-actions{display:flex;align-items:center;gap:10px}.save-status{font-size:11px;font-weight:800;color:#6B6B6B}.save-status.saving{color:#8A6900}.save-status.saved{color:#0B6B42}.builder-shell{width:min(calc(100% - 32px),1040px);margin:auto;padding:44px 0 90px}.builder-intro{max-width:760px}.builder-intro h1{font-size:clamp(42px,7vw,72px);line-height:.94;letter-spacing:-.06em;margin:10px 0 18px}.builder-intro p{font-size:18px;line-height:1.5;color:#444;max-width:680px}.builder-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:34px 0 24px}.builder-steps button{border:1px solid #DEDCD5;border-radius:12px;background:#fff;padding:12px 14px;text-align:left;font:inherit;font-size:12px;font-weight:850;cursor:pointer;display:flex;align-items:center;gap:9px}.builder-steps button span{width:25px;height:25px;border:1px solid #C9C6BF;border-radius:50%;display:grid;place-items:center;font-size:10px}.builder-steps button.active{background:#111;color:#fff;border-color:#111}.builder-steps button.active span{border-color:#FFD84D;color:#FFD84D}.builder-panel{display:none;background:rgba(255,255,255,.56);border:1px solid #DEDCD5;border-radius:20px;padding:26px}.builder-panel.active{display:block}.panel-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;border-bottom:1px solid #DEDCD5;padding-bottom:20px;margin-bottom:24px}.panel-heading h2{font-size:36px;letter-spacing:-.04em;margin:4px 0 0}.panel-heading p{margin:0;color:#555;font-size:13px;line-height:1.5;max-width:360px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid.compact{gap:10px}.field{display:grid;gap:7px}.field-wide{grid-column:1/-1}.field>span{font-size:11px;font-weight:850}.field small{color:#777;font-size:10px}.field input,.field textarea,.field select{width:100%;border:1px solid #D4D1CA;border-radius:10px;background:#fff;color:#111;padding:12px 13px;font:inherit;font-size:14px;outline:none}.field textarea{resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:#111;box-shadow:0 0 0 3px rgba(255,216,77,.45)}.identity-preview{margin-top:18px;display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #DEDCD5;background:#fff;border-radius:12px}.identity-preview img{width:48px;height:48px;border-radius:10px;object-fit:contain;background:#F1EEE8}.identity-preview div{display:grid;gap:3px}.identity-preview span{font-size:11px;color:#6B6B6B}.panel-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:26px;padding-top:20px;border-top:1px solid #DEDCD5}.phase-editor+.phase-editor{margin-top:30px}.phase-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.phase-title>div:first-child{display:grid;gap:3px}.phase-title span{font-size:11px;font-weight:950;letter-spacing:.09em}.phase-title strong{font-size:11px;color:#6B6B6B}.phase-title-actions{display:flex;align-items:center;gap:10px}.phase-toggle-control{display:flex;align-items:center;gap:9px;padding:7px 10px;background:#fff;border:1px solid #DEDCD5;border-radius:10px}.phase-toggle-control>span{font-size:10px;font-weight:850;letter-spacing:0;color:#555}.phase-disabled-note{display:flex;gap:7px;align-items:flex-start;padding:14px;border:1px dashed #C9C6BF;background:#F1EEE8;border-radius:12px;margin-bottom:12px}.phase-disabled-note strong{font-size:12px;white-space:nowrap}.phase-disabled-note span{font-size:11px;line-height:1.45;color:#666;letter-spacing:0;font-weight:500}.action-editor-list{display:grid;gap:10px}.action-editor-card{border:1px solid #D9D6CF;background:#fff;border-radius:14px;overflow:hidden}.action-card-top{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:13px 14px}.action-card-title{display:grid;gap:2px}.action-card-title strong{font-size:14px}.action-card-title small{font-size:10px;color:#6B6B6B}.action-order{display:flex;gap:5px}.action-order button{width:31px;height:31px;border:1px solid #DEDCD5;background:#F7F4EC;border-radius:8px;font:inherit;font-weight:900;cursor:pointer}.switch{display:inline-flex}.switch input{position:absolute;opacity:0;pointer-events:none}.switch span{width:36px;height:22px;border-radius:999px;background:#D6D3CC;position:relative;cursor:pointer;transition:.2s}.switch span:after{content:"";width:16px;height:16px;border-radius:50%;background:#fff;position:absolute;left:3px;top:3px;transition:.2s;box-shadow:0 1px 4px rgba(0,0,0,.18)}.switch input:checked+span{background:#17A765}.switch input:checked+span:after{transform:translateX(14px)}.action-fields{border-top:1px solid #ECE9E2;background:#FBFAF6;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.cta-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sponsor-fields{padding:14px;background:#111;color:#fff;border-radius:12px}.sponsor-fields .field>span{color:#fff}.sponsor-fields-title{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.sponsor-fields-title span{font-size:10px;color:#BEBEBE}.preview-wrap{display:grid;place-items:center;padding:20px 0}.preview-phone{width:min(100%,430px);height:780px;border:10px solid #111;border-radius:34px;background:#111;overflow:hidden;box-shadow:0 24px 70px rgba(17,17,17,.14)}.preview-phone iframe{width:100%;height:100%;border:0;background:#F7F4EC}.publish-card{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.publish-card>div{background:#fff;border:1px solid #DEDCD5;border-radius:12px;padding:16px;display:grid;gap:4px}.publish-card span{font-size:10px;color:#6B6B6B}.publish-card strong{font-size:17px}.security-note,.published-result,.storage-warning{margin-top:18px;border-radius:14px;padding:18px}.security-note{background:#FFF5C6;border:1px solid #E7BD16}.security-note p,.storage-warning p{font-size:12px;line-height:1.5;margin:5px 0 10px}.security-note code{display:block;background:rgba(255,255,255,.6);border-radius:8px;padding:10px;font-size:10px;word-break:break-all}.published-result{background:#fff;border:1px solid #DEDCD5}.published-result h3{font-size:28px;margin:5px 0 18px}.copy-row{display:grid;grid-template-columns:1fr auto;gap:8px}.share-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.storage-warning{background:#FFF0EF;border:1px solid #E6A7A3}.storage-warning strong{color:#8B2F29}.toast{position:fixed;right:18px;bottom:18px;background:#111;color:#fff;padding:11px 14px;border-radius:9px;font-size:12px;opacity:0;transform:translateY(7px);transition:.2s;z-index:100}.toast.show{opacity:1;transform:none}@media(max-width:760px){.builder-header{padding:12px 16px}.builder-header .btn{display:none}.builder-shell{width:min(calc(100% - 20px),1040px);padding-top:24px}.builder-intro p{font-size:15px}.builder-steps{grid-template-columns:1fr 1fr}.builder-panel{padding:18px 14px}.panel-heading{display:block}.panel-heading p{margin-top:10px}.form-grid,.action-fields,.cta-fields{grid-template-columns:1fr}.field-wide{grid-column:auto}.publish-card{grid-template-columns:1fr 1fr}.preview-phone{height:690px}.phase-title{align-items:flex-start}.phase-title-actions{display:grid;justify-items:end}.phase-title .btn{min-height:38px;padding:0 11px;font-size:11px}.phase-disabled-note{display:grid}.action-card-top{grid-template-columns:38px 1fr}.action-order{grid-column:2;justify-content:flex-end}.sponsor-fields-title{display:grid}}@media(max-width:420px){.builder-steps button{padding:10px;font-size:11px}.publish-card{grid-template-columns:1fr}.panel-actions{display:grid;grid-template-columns:1fr}.panel-actions .btn{width:100%}.phase-title{display:grid}.phase-title-actions{justify-items:start}}