@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap");:root{--ink:#18332d;--muted:#71807a;--paper:#f7f5ef;--cream:#f0ede4;--line:#dedbd2;--accent:#ef6d43;--accent-dark:#d85a34;--green:#2f6b5b}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--paper);color:var(--ink)}body{font-family:DM Sans,sans-serif;overflow:hidden}button,input,textarea{font:inherit}button{color:inherit}.app-shell{height:100vh;height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--paper)}.topbar{height:72px;flex:0 0 72px;display:grid;grid-template-columns:260px 1fr auto;padding:0 22px;border-bottom:1px solid var(--line);background:rgba(251,250,246,.96);z-index:10}.brand,.topbar{align-items:center}.brand{display:flex;gap:11px}.brand-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:white;background:var(--green);box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}.brand strong{display:block;font:800 16px/1.1 Manrope,sans-serif;letter-spacing:-.3px}.brand span{display:block;margin-top:3px;color:var(--muted);font-size:11px;letter-spacing:.04em}.project-title{justify-self:center;text-align:center}.project-title>span{display:block;color:#909993;text-transform:uppercase;font-size:9px;letter-spacing:.16em;font-weight:700}.project-title input{width:min(280px,32vw);border:0;border-bottom:1px solid transparent;background:transparent;color:var(--ink);text-align:center;font-weight:600;padding:3px 6px;outline:none}.project-title input:focus,.project-title input:hover{border-bottom-color:#c9c6bc;background:#f4f1e9;border-radius:5px 5px 0 0}.top-actions{display:flex;align-items:center;gap:8px}.divider{height:25px;width:1px;background:var(--line);margin:0 5px}.button,.save-button{border:0;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 15px;cursor:pointer;font-weight:600;font-size:13px;transition:.2s ease}.button:hover,.save-button:hover{transform:translateY(-1px)}.button.secondary{border:1px solid #d6d4cb;background:white}.button.primary{color:white;background:var(--accent);box-shadow:0 5px 14px rgba(239,109,67,.2)}.button.primary:hover{background:var(--accent-dark)}.icon-button{width:34px;height:34px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:white;cursor:pointer}.icon-button.ghost{border:0;background:transparent;color:#66756f}.workspace{flex:1 1;min-height:0;display:grid;grid-template-columns:284px minmax(420px,1fr) 265px}.left-panel,.right-panel{background:#fbfaf6;min-height:0;position:relative;z-index:2}.left-panel{border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.right-panel{border-left:1px solid var(--line);overflow-y:auto}.panel-tabs{height:51px;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.panel-tabs button{position:relative;border:0;background:transparent;color:#7f8b86;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:600;cursor:pointer}.panel-tabs button.active{color:var(--ink)}.panel-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:20px;right:20px;height:2px;background:var(--accent);border-radius:2px 2px 0 0}.screen-manager{padding:12px 14px;border-bottom:1px solid var(--line);background:#f7f5ef}.screen-manager-heading{display:flex;align-items:center;justify-content:space-between}.screen-manager-heading>span{color:#8f9893;font-size:8px;letter-spacing:.16em;font-weight:800}.screen-manager-heading button{border:0;background:transparent;color:var(--green);display:flex;align-items:center;gap:4px;cursor:pointer;font-size:9px;font-weight:700}.screen-list{display:flex;gap:6px;margin-top:9px;overflow-x:auto;padding-bottom:2px}.screen-row{min-width:88px;display:flex;align-items:center;border:1px solid #dedbd2;border-radius:8px;background:white;overflow:hidden}.screen-row.active{border-color:var(--green);box-shadow:0 0 0 2px rgba(47,107,91,.08)}.screen-row>button:first-child{min-width:0;flex:1 1;height:31px;padding:0 7px;border:0;background:transparent;display:flex;align-items:center;gap:6px;cursor:pointer}.screen-row b{width:16px;height:16px;flex:0 0 16px;display:grid;place-items:center;border-radius:5px;background:#edf1eb;color:var(--green);font-size:8px}.screen-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:700}.screen-remove{width:24px;height:31px;border:0;border-left:1px solid #eeeae1;background:transparent;color:#9aa39e;display:grid;place-items:center;cursor:pointer}.screen-name-field{margin-top:9px;display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:8px;gap:8px}.screen-name-field span{color:#7d8983;font-size:8px;font-weight:700}.screen-name-field input{min-width:0;height:27px;border:1px solid #ddd9d0;border-radius:6px;background:white;padding:0 7px;color:var(--ink);font-size:9px;outline:none}.panel-content{padding:22px 18px;overflow-y:scroll;overflow-x:hidden;overscroll-behavior:contain;flex:1 1;min-height:0;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#bfc5c1 transparent}.panel-content::-webkit-scrollbar{width:8px}.panel-content::-webkit-scrollbar-thumb{background:#bfc5c1;border:2px solid transparent;border-radius:99px;background-clip:padding-box}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start}.eyebrow{display:block;color:#9b795f;font-size:9px;letter-spacing:.16em;font-weight:800}.panel-heading h2{font:700 18px/1.2 Manrope,sans-serif;margin:6px 0 0;letter-spacing:-.4px}.panel-heading>svg{color:#94a099}.hint{color:var(--muted);font-size:11.5px;line-height:1.5;margin:8px 0 17px}.component-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:9px;gap:9px}.component-card{min-height:86px;padding:11px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;border:1px solid #e2dfd6;border-radius:11px;background:white;position:relative;cursor:pointer;transition:.18s ease}.component-card:hover{border-color:#b5c5bd;transform:translateY(-2px);box-shadow:0 6px 16px rgba(35,55,48,.07)}.component-card>span:nth-child(2){font-size:11px;font-weight:600}.component-card .plus{position:absolute;right:9px;top:9px;color:#a2aaa6;opacity:0;transition:.18s ease}.component-card:hover .plus{opacity:1}.component-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#edf1eb;color:var(--green)}.component-icon.button,.component-icon.image{background:#fff0e9;color:var(--accent)}.component-icon.card{background:#f2eee3;color:#8c725c}.component-icon.circle,.component-icon.line,.component-icon.rectangle,.component-icon.triangle{background:#eef0f6;color:#596587}.shape-heading{margin:20px 1px 10px}.shape-heading p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.4}.shape-grid .component-card{min-height:78px}.tip{display:flex;gap:10px;background:#eef3e7;border:1px solid #dde6d3;border-radius:11px;padding:12px;margin-top:16px}.tip-icon{width:27px;height:27px;flex:0 0 27px;border-radius:50%;display:grid;place-items:center;color:#5f7d61;background:#dce8d0}.tip strong{font-size:11px}.tip p{margin:3px 0 0;color:#667662;font-size:10px;line-height:1.45}.panel-footer{padding:14px 18px 16px;border-top:1px solid var(--line);background:#fbfaf6}.progress-copy{display:flex;justify-content:space-between;color:#6f7b76;font-size:10px}.progress-copy strong{color:var(--green)}.progress-track{height:4px;background:#e4e4dc;border-radius:99px;margin:7px 0 12px;overflow:hidden}.progress-track span{display:block;height:100%;background:var(--green);border-radius:inherit;transition:width .4s ease}.save-button{width:100%;background:var(--ink);color:white;padding:10px}.rationale-panel{padding-bottom:120px}.note-field{display:block;margin:17px 0}.note-field>span{font-size:11px;font-weight:700;display:flex;align-items:center;gap:7px}.note-field>span b{color:var(--accent);font-size:9px;letter-spacing:.08em}.note-field textarea{margin-top:7px;width:100%;min-height:90px;resize:vertical;border:1px solid var(--line);border-radius:9px;padding:10px;color:var(--ink);background:white;font-size:11px;line-height:1.45;outline:none}.note-field textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(47,107,91,.09)}.stage{min-width:0;display:flex;flex-direction:column;background:#ece9e0;position:relative;overflow:hidden}.stage:before{content:"";position:absolute;inset:0;opacity:.32;background-image:radial-gradient(#b7b7af .7px,transparent 0);background-size:15px 15px;pointer-events:none}.stage-toolbar{height:51px;flex:0 0 51px;padding:0 14px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #d7d4cb;background:rgba(247,245,239,.92);z-index:1}.stage-title{display:flex;gap:7px;align-items:center;font-size:11px}.stage-title span:last-child{color:#89938e}.status-dot{width:7px;height:7px;border-radius:50%;background:#73a66c;box-shadow:0 0 0 3px #dce8d7}.device-switch{justify-self:center;background:#e7e4dc;padding:3px;border-radius:8px;display:flex}.device-switch button{border:0;background:transparent;border-radius:6px;padding:5px 12px;color:#7a8580;cursor:pointer;font-size:10px;font-weight:600}.device-switch button.active{background:white;color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.08)}.stage-toolbar>.icon-button{justify-self:end}.canvas-wrap{flex:1 1;min-height:0;display:flex;align-items:flex-start;justify-content:center;position:relative;z-index:1;padding:54px 30px 32px;overflow:auto;overscroll-behavior:contain}.canvas-label{position:absolute;top:17px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#7b8581;font-size:10px;display:flex;align-items:center;gap:5px}.phone-canvas{width:360px;height:640px;flex:0 0 auto;position:relative;overflow:hidden;background:#fbfaf6;border:1px solid #cac7bd;border-radius:15px;box-shadow:0 18px 50px rgba(54,62,57,.16),0 2px 7px rgba(54,62,57,.1);transform-origin:center;touch-action:none;transition:width .25s ease}.phone-canvas.tablet{width:500px}.grid-lines{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(70,100,90,.05) 1px,transparent 0),linear-gradient(180deg,rgba(70,100,90,.05) 1px,transparent 0);background-size:12px 12px}.canvas-item{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:-webkit-grab;cursor:grab;z-index:2;color:var(--ink);border-radius:var(--corner-radius)}.canvas-item:active{cursor:-webkit-grabbing;cursor:grabbing}.phone-canvas.clean .canvas-item.interactive{cursor:pointer}.phone-canvas.clean .canvas-item.interactive:hover{filter:brightness(.97);outline:2px solid rgba(239,109,67,.55);outline-offset:2px}.canvas-item.selected{outline:1.5px solid var(--accent);outline-offset:3px}.canvas-item.heading{display:flex;align-items:center}.canvas-item.heading h1{font:800 27px/1.05 Manrope,sans-serif;letter-spacing:-1px;margin:0;color:var(--item-color)}.canvas-item.text{display:flex;align-items:flex-start}.canvas-item.text p{color:var(--item-color);margin:0;font-size:13px;line-height:1.45}.canvas-item.button button{border:0;border-radius:var(--corner-radius);padding:0 17px;justify-content:space-between;color:white;font-weight:700;cursor:pointer}.canvas-item.button button,.canvas-item.input>div{width:100%;height:100%;display:flex;align-items:center;background:var(--item-color)}.canvas-item.input>div{border:1px solid rgba(69,83,75,.1);border-radius:var(--corner-radius);gap:9px;padding:0 14px;color:#7f8984;font-size:12px}.canvas-item.input span{font-size:21px;transform:rotate(-15deg);line-height:0}.canvas-item.nav{display:flex;align-items:center;gap:7px;background:var(--item-color);border-bottom:1px solid #ebe8df;padding:0 4px}.canvas-item.nav strong{font:800 14px Manrope}.mini-logo{width:25px;height:25px;display:grid;place-items:center;color:white;border-radius:7px;background:var(--green)}.mini-avatar{margin-left:auto;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#e8ddd1;color:#795e4c;font-size:10px;font-weight:700}.canvas-item.image{border-radius:var(--corner-radius);overflow:hidden;background:var(--item-color)}.uploaded-art{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit;pointer-events:none}.abstract-art{width:100%;height:100%;position:relative;background:linear-gradient(140deg,var(--item-color),#eef1cf)}.abstract-art span{position:absolute;border-radius:50%;background:rgba(255,255,255,.5)}.abstract-art span:first-child{width:75px;height:75px;top:-22px;right:-16px}.abstract-art span:nth-child(2){width:54px;height:54px;bottom:13px;left:18px;background:#76977d;border-radius:52% 48% 35% 65%;transform:rotate(21deg)}.abstract-art span:nth-child(3){width:20px;height:54px;bottom:0;left:72px;background:#ecd5a6;border-radius:99px 99px 0 0}.canvas-item.card{border-radius:var(--corner-radius);background:var(--item-color);padding:15px}.canvas-item.circle,.canvas-item.line,.canvas-item.rectangle,.canvas-item.triangle{overflow:visible}.canvas-item .shape-fill{width:100%;height:100%;background:var(--item-color);border-radius:var(--corner-radius);pointer-events:none}.canvas-item.circle .shape-fill{border-radius:50%}.canvas-item.triangle .shape-fill{border-radius:0;-webkit-clip-path:polygon(50% 0,100% 100%,0 100%);clip-path:polygon(50% 0,100% 100%,0 100%)}.canvas-item.line .shape-fill{border-radius:999px}.card-content{height:100%;display:flex;flex-direction:column}.card-content>span{font-size:8px;letter-spacing:.12em;color:#886c60;font-weight:700}.card-content strong{font:700 14px/1.2 Manrope;margin-top:8px}.card-content small{margin-top:auto;font-size:9px;font-weight:600}.handle{width:7px;height:7px;position:absolute;border-radius:2px;background:white;border:1.5px solid var(--accent)}.handle.tl{left:-7px;top:-7px}.handle.tr{right:-7px;top:-7px}.handle.bl{left:-7px;bottom:-7px}.handle.br{right:-7px;bottom:-7px}.size-tag{position:absolute;bottom:-23px;left:50%;transform:translateX(-50%);padding:2px 5px;border-radius:4px;background:var(--accent);color:white;white-space:nowrap;font-size:8px;font-weight:700}.stage-bottom{height:38px;flex:0 0 38px;padding:0 14px;border-top:1px solid #d7d4cb;justify-content:space-between;color:#808b86;background:rgba(247,245,239,.85);z-index:1}.stage-bottom,.stage-bottom button{display:flex;align-items:center;font-size:9px}.stage-bottom button{border:0;background:transparent;gap:5px;color:#7c8782;cursor:pointer}.inspector-title{height:51px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 14px}.inspector-title>div{display:flex;align-items:center;gap:8px;font-size:12px}.inspector-title .icon-button{background:transparent;border:0}.selected-type{display:flex;align-items:center;gap:10px;padding:16px 15px;border-bottom:1px solid var(--line)}.selected-type>div:nth-child(2){flex:1 1}.selected-type span:not(.component-icon){display:block;color:#969f9a;font-size:8px;letter-spacing:.13em;font-weight:700}.selected-type strong{display:block;margin-top:3px;font-size:12px}.selected-type>svg{color:#9ba49f}.property-group{padding:14px 15px 0}.property-group.two-col label,.property-group>label{display:block;color:#7d8983;font-size:9px;font-weight:700;letter-spacing:.04em}.color-field>input:last-child,.property-group.two-col input,.property-group>input{font-size:11px}.color-field>input:last-child,.property-group.two-col input,.property-group>input,.property-group>select{width:100%;height:35px;margin-top:6px;border:1px solid #dcd9d0;border-radius:7px;padding:0 9px;color:var(--ink);background:white;outline:none}.property-group>select{font-size:10px}.property-group input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(47,107,91,.08)}.property-group.two-col{display:grid;grid-template-columns:1fr 1fr;grid-gap:9px;gap:9px}.color-field{display:grid;grid-template-columns:35px 1fr;grid-gap:7px;gap:7px}.color-field input[type=color]{width:35px;height:35px;margin-top:6px;padding:3px;border-radius:7px;border:1px solid var(--line);background:white}.segment-control{margin-top:6px;display:grid;grid-template-columns:repeat(3,1fr);padding:3px;border-radius:8px;background:#eceae3}.segment-control button{height:27px;border:0;border-radius:6px;background:transparent;font-size:9px;cursor:pointer}.segment-control button.active{background:white;box-shadow:0 1px 3px rgba(0,0,0,.08)}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}.upload-button{width:100%;margin-top:7px;border:1px dashed #b9c4bf;border-radius:8px;background:#f6f8f4;color:var(--green);padding:10px;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font-size:10px;font-weight:700}.upload-button:hover{border-color:var(--green);background:#eef4eb}.paste-hint{margin:6px 2px 0;color:#87918c;font-size:9px;line-height:1.4}.delete-button{margin:18px 15px;width:calc(100% - 30px);border:1px solid #efd7cf;background:#fff8f5;color:#bd5b3d;border-radius:8px;padding:9px;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;font-size:10px;font-weight:600}.checklist{margin:5px 15px 16px;border-top:1px solid var(--line);padding-top:15px}.checklist>div{display:flex;align-items:center;gap:7px;margin-top:10px;color:#66746f;font-size:10px}.checklist>div>span{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;color:var(--green);background:#e1ebdf}.empty-inspector{padding:50px 24px;text-align:center;color:#88938e}.empty-inspector svg{margin-bottom:10px}.empty-inspector strong{display:block;color:var(--ink);font-size:13px}.empty-inspector p{font-size:10px;line-height:1.5}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:25px;background:rgba(19,40,34,.68);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade .2s ease}.modal{position:relative;background:#f8f5ee;border-radius:22px;max-height:calc(100vh - 50px);overflow:auto;box-shadow:0 35px 100px rgba(0,0,0,.3);animation:rise .3s ease}.preview-modal{width:760px;min-height:700px;display:block;padding:0;background-image:radial-gradient(#d8d4ca .8px,transparent 0);background-size:17px 17px}.modal-header{max-width:220px}.modal-header h2{font:800 33px/1.05 Manrope;letter-spacing:-1px;margin:9px 0}.modal-header p{color:var(--muted);font-size:13px;line-height:1.5}.modal-close{position:absolute;top:18px;right:18px;z-index:10;width:36px;height:36px;border:1px solid rgba(0,0,0,.1);border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.8);cursor:pointer}.export-actions{position:absolute;top:18px;right:66px;z-index:10;display:flex;gap:7px}.export-actions button{height:36px;padding:0 12px;border:1px solid rgba(0,0,0,.1);border-radius:9px;display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.9);color:var(--ink);cursor:pointer;font-size:10px;font-weight:700;box-shadow:0 3px 10px rgba(0,0,0,.05)}.export-actions button:hover{background:white;transform:translateY(-1px)}.export-actions button:disabled{opacity:.6;cursor:wait;transform:none}.preview-capture{display:flex;align-items:center;justify-content:center;gap:65px;padding:50px;width:100%;min-height:700px}.preview-modal .phone-frame{transform:scale(.72);margin:-96px -55px}.preview-screen-indicator{position:absolute;top:18px;left:18px;z-index:10;height:36px;display:flex;align-items:center;overflow:hidden;border:1px solid rgba(0,0,0,.1);border-radius:9px;background:rgba(255,255,255,.9);box-shadow:0 3px 10px rgba(0,0,0,.05)}.preview-screen-indicator button{height:100%;border:0;border-right:1px solid #e6e2d9;padding:0 10px;background:transparent;color:var(--green);cursor:pointer;font-size:10px;font-weight:700}.preview-screen-indicator span{max-width:130px;padding:0 11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700}.phone-frame{width:390px;height:690px;padding:23px 14px 26px;border-radius:46px;background:#1d2723;box-shadow:0 24px 50px rgba(30,44,38,.25);position:relative;transform:scale(.82);margin:-62px -35px}.phone-speaker{position:absolute;z-index:3;top:10px;left:50%;transform:translateX(-50%);width:60px;height:5px;border-radius:5px;background:#4d5652}.phone-frame .phone-canvas{border-radius:27px;border:0;box-shadow:none}.phone-canvas.clean .canvas-item{cursor:default}.phone-canvas.clean .grid-lines{display:none}.presentation{width:min(1050px,calc(100vw - 50px));height:min(680px,calc(100vh - 50px));overflow:hidden;background:#f4f0e6}.presentation-grid{display:grid;grid-template-columns:1.08fr .92fr;height:100%}.presentation-copy{padding:60px 35px 50px 62px;overflow-y:auto}.presentation-copy h2{font:800 clamp(34px,4vw,54px)/.98 Manrope;letter-spacing:-2.2px;margin:13px 0 18px}.presentation-lede{max-width:480px;color:#65736e;font-size:14px;line-height:1.6;margin-bottom:28px}.talking-point{display:grid;grid-template-columns:35px 1fr;grid-gap:13px;gap:13px;padding:16px 0;border-top:1px solid #dcd7ca;max-width:480px}.talking-point>b{color:var(--accent);font:800 11px Manrope}.talking-point span{font-weight:700;font-size:11px}.talking-point p{color:#6d7974;font-size:11px;line-height:1.5;margin:4px 0 0}.presentation-visual{background:var(--green);position:relative;overflow:hidden;display:grid;place-items:center}.presentation-visual .phone-frame{transform:scale(.72) rotate(5deg);z-index:3}.presentation-orbit{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.18)}.orbit-one{width:520px;height:520px}.orbit-two{width:380px;height:380px}.callout{position:absolute;z-index:5;left:25px;bottom:52px;padding:10px 13px;border-radius:9px;background:white;box-shadow:0 9px 24px rgba(0,0,0,.18);font-size:10px;font-weight:700}.callout span{display:inline-block;width:9px;height:9px;border-radius:50%;margin-left:6px;vertical-align:-1px}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{transform:translateY(10px) scale(.99);opacity:0}}@media (max-width:1050px){.workspace{grid-template-columns:260px minmax(390px,1fr)}.right-panel{display:none}}@media (max-width:760px){body{overflow:auto}.app-shell{height:auto;min-height:100dvh;overflow:visible}.topbar{grid-template-columns:1fr auto;height:64px;padding:0 14px}.project-title,.top-actions .divider,.top-actions .ghost,.top-actions .secondary{display:none}.workspace{display:flex;flex-direction:column}.left-panel{order:2;border:0;min-height:540px}.stage{min-height:760px;order:1}.canvas-wrap{padding-left:10px;padding-right:10px}.phone-canvas{transform:scale(.88)}.component-grid{grid-template-columns:repeat(2,1fr)}.preview-modal{min-height:0;padding:0}.preview-capture{flex-direction:column;min-height:0;padding:50px 25px;gap:25px}.preview-modal .phone-frame{transform:scale(.62);margin:-130px -72px}.modal-header{text-align:center}.presentation{height:calc(100vh - 24px);width:calc(100vw - 24px);overflow:auto}.presentation-grid{grid-template-columns:1fr;height:auto}.presentation-copy{padding:50px 30px 25px}.presentation-visual{height:620px}}@media (max-height:850px) and (min-width:761px){.stage .phone-canvas:not(.clean){transform:scale(.78);transform-origin:top center;margin-bottom:-140px}}