.ws-builder{color:#343a2e;font-family:var(--font-ui);background:#f5f1e7;border:1px solid #d5cbb9;border-radius:24px;overflow:hidden;box-shadow:0 25px 60px -43px #5d452780}.ws-top{display:flex;align-items:center;gap:12px;background:#fffdf7;border-bottom:1px solid #e4dac8;padding:17px 21px;font-size:12px}.ws-symbol{font:italic 25px/1.5 var(--font-display);font-family:var(--font-mark);color:#c68452;background:#eee6d4;border-radius:9px;padding:4px 6px}.ws-top small{display:block;font-size:6px;letter-spacing:1px;color:#ac9876;margin-top:4px}.ws-save{margin-left:auto;font-size:8px;color:#a49777}.ws-workspace{position:relative;display:grid;grid-template-columns:.8fr 2fr;gap:15px;padding:22px 22px 72px;min-height:435px;background:linear-gradient(130deg,#ece7db,#f4f0e5 60%,#e8e8da)}.ws-editor{padding-top:10px}.ws-editor>small{font-size:6px;letter-spacing:1px;color:#a28e6d}.ws-editor-page{font-size:9px;border:1px solid #d9cbb0;background:#fffdf5;border-radius:6px;padding:10px 9px;margin:14px 0 24px}.ws-editor-page>span{float:right;color:#ba8e5c}.ws-editor>label{display:block;font-size:7px;color:#a38b65;margin:18px 0 7px}.ws-input{background:#fffdf5;border:1px solid #d6b38a;border-radius:6px;padding:10px 8px;min-height:54px;font-size:11px;line-height:1.4;box-shadow:0 0 0 3px #e9ccb533;transition:border-color .6s,box-shadow .6s}.ws-input i{display:inline-block;height:11px;width:1px;background:#f34d24;margin-left:2px;vertical-align:middle;animation:wsCaret 1s infinite;animation-play-state:paused}.ws-colours{display:flex;gap:6px}.ws-colours i{width:18px;height:18px;border-radius:50%;background:#343f2f}.ws-colours i:nth-child(2){background:#d8c5a4}.ws-colours i:nth-child(3){background:#f34d24;outline:1px solid #d69767;outline-offset:3px}.ws-editor-note{font-size:8px;color:#b39a74;line-height:1.7;margin-top:27px}.ws-canvas{position:relative;min-width:0;background:#fffdf7;border:1px solid #d4c8b2;border-radius:10px;overflow:hidden;box-shadow:0 15px 25px -21px #73532b70;transition:transform .8s}.ws-browser-bar{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;background:#f8f3e8;border-bottom:1px solid #e9e0cf;font-size:6px;color:#b09d7b}.ws-browser-bar>span:first-child{font-size:5px;letter-spacing:1px}.ws-preview-nav{display:flex;align-items:center;justify-content:space-between;padding:15px 17px}.ws-preview-nav strong{font-size:16px;letter-spacing:-1px}.ws-preview-nav>span{font-size:6px;color:#a79573}.ws-page-content{padding:10px 18px 18px}.ws-page-content>small{font-size:5px;letter-spacing:1px;color:#a99574}.ws-page-title{font:500 clamp(24px,2.5vw,36px)/1.08 var(--font-display);letter-spacing:-.7px;margin:12px 0;min-height:110px;max-width:11ch}.ws-page-title em{display:block;font-weight:400;color:#8c926f}.ws-page-content>p{font-size:8px;color:#a18e6b;margin:0 0 14px;max-width:25ch;line-height:1.5}.ws-page-cta{display:inline-block;background:#f34d24;color:#fffaf0;padding:8px 10px;font-size:7px;border-radius:5px}.ws-sculpture{position:relative;overflow:hidden;background:#e5dfcf;height:103px;border-radius:6px;margin-top:20px;display:flex;align-items:center;gap:6px;padding-left:16px}.ws-sculpture i{display:block;width:35%;height:150px;flex-shrink:0;border-radius:80px;background:#f34d24;transform:rotate(28deg);transition:transform 1.1s}.ws-sculpture i:nth-child(2){background:#c8bb9e}.ws-sculpture i:nth-child(3){background:#37432f}.ws-project-label{display:flex;justify-content:space-between;gap:8px;font-size:5px;color:#a4906d;margin-top:10px}.ws-phone{position:absolute;width:112px;right:8px;bottom:24px;background:#fffdf7;border:2px solid #bbae95;border-radius:20px;box-shadow:0 17px 30px -15px #54412660;padding:10px 10px 15px;transform:translateY(8px) rotate(6deg);transition:transform .8s,border-color .8s}.ws-phone-speaker{width:24px;height:3px;border-radius:3px;background:#c8bca4;margin:0 auto 12px}.ws-phone-brand{font-size:9px;font-weight:600;margin-bottom:17px}.ws-phone-brand>span{float:right;color:#b49b78;font-size:7px}.ws-phone>small{font-size:4px;letter-spacing:.5px;color:#a9916b}.ws-phone>strong{font:16px/1.1 var(--font-display);display:block;margin:7px 0;min-height:65px;letter-spacing:-.3px}.ws-phone strong em{display:block;color:#8c926f}.ws-phone-art{display:flex;gap:4px;overflow:hidden;background:#e6dfcf;height:52px;border-radius:4px;margin:9px 0}.ws-phone-art i{background:#f34d24;display:block;width:60%;height:80px;transform:rotate(28deg);border-radius:30px}.ws-phone-art i:last-child{background:#37432f}.ws-phone-cta{display:block;background:#f34d24;color:white;padding:5px;font-size:5px;border-radius:3px;width:max-content}.ws-phone-home{width:25px;height:2px;background:#c9bda6;border-radius:3px;margin:12px auto -7px}.ws-saved-toast{position:absolute;bottom:20px;left:22px;background:#fffdf5;border:1px solid #d2d7bd;border-radius:7px;box-shadow:0 8px 20px -16px #58703280;padding:11px 13px;font-size:8px;color:#8b9869;opacity:0;transform:translateY(8px);transition:transform .6s,opacity .6s;max-width:65%}.ws-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #dfd5c0;padding:13px 18px;background:#fffdf7}.ws-steps{display:flex;gap:13px;flex:1}.ws-steps button{border:0;background:transparent;color:#b09b79;font:7px var(--font-ui);cursor:pointer;padding:8px 0;display:flex;gap:5px;border-bottom:1px solid transparent}.ws-steps button[aria-pressed=true]{color:#e9753c;border-color:#ed955d}.ws-pause{font:7px var(--font-ui);color:#a18f6b;background:transparent;border:1px solid #e5dbc6;border-radius:22px;padding:8px 10px;cursor:pointer;white-space:nowrap}.ws-steps button:focus-visible,.ws-pause:focus-visible{outline:2px solid #f34d24;outline-offset:4px}.ws-builder[data-stage="1"] .ws-sculpture i{transform:rotate(16deg)}.ws-builder[data-stage="2"] .ws-phone{transform:translate(-7px,-9px) rotate(0);border-color:#e39e69}.ws-builder[data-stage="2"] .ws-canvas{transform:translateX(-4px)}.ws-builder[data-stage="3"] .ws-saved-toast{opacity:1;transform:none}.ws-builder[data-stage="3"] .ws-input{border-color:#bac6a0;box-shadow:none}.ws-builder:not([data-stage="0"]) .ws-input i{opacity:0}.ws-running .ws-input i{animation-play-state:running}@keyframes wsCaret{0%,45%{opacity:1}50%,100%{opacity:0}}
@media(min-width:901px) and (max-width:1150px){.sh-govde{gap:28px}.ws-workspace{padding:18px 15px 65px;gap:10px;grid-template-columns:.7fr 1.7fr}.ws-page-content{padding:8px 12px 16px}.ws-preview-nav{padding:13px 12px}.ws-preview-nav>span{font-size:5px}.ws-page-title{font-size:26px;min-height:100px}.ws-phone{width:99px;right:5px}.ws-phone>strong{font-size:14px}.ws-steps{gap:8px}.ws-bottom{padding:12px}.ws-steps button{font-size:6px}.ws-pause{font-size:6px}.ws-editor-page{font-size:7px;padding:9px 6px}.ws-input{font-size:9px}}
@media(max-width:900px){.ws-builder{max-width:640px;margin:auto}.ws-page-title{font-size:36px}}
@media(max-width:480px){.ws-top{padding:14px;gap:9px;font-size:10px}.ws-top small{font-size:5px}.ws-save{font-size:7px}.ws-workspace{padding:17px 12px 64px;gap:9px;grid-template-columns:.65fr 1.5fr}.ws-editor>small{font-size:5px;letter-spacing:.5px}.ws-editor-page{font-size:7px;padding:8px 5px;margin-top:12px}.ws-editor-page>span{display:none}.ws-editor>label{font-size:6px}.ws-input{font-size:9px;padding:8px 6px}.ws-colours{gap:5px}.ws-colours i{width:14px;height:14px}.ws-editor-note{font-size:6px}.ws-preview-nav{padding:12px 10px}.ws-preview-nav strong{font-size:13px}.ws-preview-nav>span{font-size:4px}.ws-page-content{padding:7px 10px 14px}.ws-page-content>small{font-size:4px;letter-spacing:.5px}.ws-page-title{font-size:26px;min-height:96px}.ws-page-content>p{font-size:7px}.ws-page-cta{font-size:6px;padding:7px}.ws-sculpture{height:82px;padding-left:9px;gap:4px}.ws-sculpture i{height:120px}.ws-project-label{font-size:4px}.ws-phone{width:87px;padding:9px 8px 12px;border-radius:16px;right:5px;bottom:24px}.ws-phone-brand{font-size:8px;margin-bottom:12px}.ws-phone>strong{font-size:13px;min-height:58px}.ws-phone-art{height:40px}.ws-phone-speaker{margin-bottom:9px}.ws-saved-toast{font-size:6px;left:12px;padding:9px;max-width:65%}.ws-bottom{padding:11px 12px;gap:9px}.ws-steps{gap:9px}.ws-steps button{font-size:6px;gap:3px}.ws-pause{font-size:6px;padding:7px}.ws-browser-bar{font-size:5px;padding:8px}.ws-symbol{font-size:21px}}
@media(prefers-reduced-motion:reduce){.ws-builder *{animation:none!important;transition:none!important}.ws-input i{display:none}}