:root{--navy:#101c33;--ink:#202c43;--muted:#778298;--line:#e5e9ef;--bg:#f5f7fb;--purple:#6554c0;--teal:#087e8b;--gold:#c3a476;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',Arial,sans-serif}button,input,textarea,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[contenteditable]:focus-visible{outline:3px solid #a499ed;outline-offset:3px}button{border:0}a{color:var(--purple)}h1,h2,h3,h4{font-family:Manrope,Arial,sans-serif;margin:0;letter-spacing:-.6px}h1{font-size:30px;font-weight:800}h2{font-size:20px}h3{font-size:16px}p{line-height:1.65}small,.muted{color:var(--muted)}.app{display:grid;grid-template-columns:236px 1fr;min-height:100vh}.sidebar{background:var(--navy);color:#b7bfd0;padding:28px 16px 16px;position:fixed;inset:0 auto 0 0;width:236px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:11px;align-items:center;padding:0 12px 28px;color:white;font:800 24px Manrope}.brand-mark{height:34px;width:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(140deg,#a091f1,#6554c0);font-size:23px}.brand small{display:block;font:10px 'DM Sans';letter-spacing:2.5px;color:#949fb7;margin-top:3px}.org{padding:13px;background:#1c2942;border:1px solid #344057;border-radius:9px;display:flex;align-items:center;gap:10px;margin:0 5px 22px;color:#edf0f7;font-size:12px}.org b{display:block;margin-bottom:3px}.org span.avatar{background:#3d4261;color:#d6ceff}.nav-label{font-size:9px;letter-spacing:1.8px;color:#6c7a95;padding:15px 14px 9px}.nav{display:flex;flex-direction:column;gap:4px}.nav button{background:none;color:#abb6cc;text-align:left;padding:11px 14px;border-radius:7px;display:flex;align-items:center;gap:12px;font-size:12px}.nav button.active{background:#6554c0;color:white;box-shadow:0 4px 12px #0002}.nav button:hover:not(.active){background:#1c2942;color:white}.nav .count{margin-left:auto;font-size:10px;background:#ffffff15;padding:2px 6px;border-radius:4px}.sidebar-bottom{margin-top:auto;padding-top:20px}.usage{margin:16px 8px 10px;background:#1c2942;padding:14px;border-radius:9px;font-size:11px}.meter{height:5px;background:#e9edf4;border-radius:9px;overflow:hidden;margin:10px 0}.meter span{display:block;background:#8a79da;height:100%;border-radius:9px}.usage .meter{background:#35415a}.usage b{color:#e4e7f0}.user{display:flex;gap:10px;align-items:center;padding:15px 9px 0;border-top:1px solid #2a3650;font-size:11px}.user b{color:#e4e7f0;display:block;margin-bottom:3px}.avatar{width:33px;height:33px;border-radius:9px;background:#e7e1fc;color:#6554c0;display:inline-grid;place-items:center;font-weight:700;flex-shrink:0}.main{grid-column:2;min-width:0}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);padding:0 34px;display:flex;align-items:center;justify-content:space-between;gap:18px;position:sticky;top:0;z-index:15}.crumb{font-size:12px;color:var(--muted);display:flex;gap:10px;align-items:center}.crumb strong{font-weight:500;color:var(--ink)}.top-tools{display:flex;gap:12px;align-items:center}.search{display:flex;gap:8px;align-items:center;background:#f6f7fa;padding:9px 13px;border:1px solid #edf0f5;border-radius:6px;color:#98a0af}.search input{border:0;outline:0;background:none;width:145px;font-size:11px}.key{font-size:10px;border:1px solid #dde2eb;border-radius:3px;padding:1px 5px}.select{border:1px solid var(--line);background:#fff;border-radius:6px;padding:8px 10px;font-size:11px;color:var(--ink)}.icon-btn{background:none;border:1px solid var(--line);border-radius:7px;height:33px;min-width:33px;color:#6f7b91;display:grid;place-items:center}.icon{width:18px;height:18px;display:inline-block;vertical-align:middle;flex-shrink:0}.content{padding:29px 34px 20px;max-width:1600px;margin:auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.page-head p{margin:8px 0 0;font-size:12px;color:var(--muted)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--purple);margin-bottom:7px}.btn{padding:11px 16px;border-radius:7px;background:#fff;border:1px solid #dfe4ed;color:#37445a;font-size:12px;font-weight:600;display:inline-flex;gap:8px;align-items:center;justify-content:center}.btn:hover{box-shadow:0 3px 10px #19253a0c;background:#f9f9fd}.btn.primary{background:var(--purple);border-color:var(--purple);color:white;box-shadow:0 4px 10px #6554c01d}.btn.primary:hover{background:#5544ad}.btn.dark{background:#15233b;color:#fff;border-color:#15233b}.btn.small{padding:7px 11px;font-size:11px}.btn.danger{color:#b94350}.link{background:none;padding:0;color:var(--purple);font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:5px}.hero{padding:26px 30px;border:1px solid #e2deef;border-radius:12px;background:linear-gradient(110deg,#eeebf8,#f3f1fc 57%,#ececf7);display:grid;grid-template-columns:1fr 275px;gap:20px;position:relative;overflow:hidden}.hero h2{font-size:25px;max-width:490px;line-height:1.4}.hero p{font-size:12px;color:#7c7795;max-width:490px;margin:9px 0 19px}.hero .btn{margin-right:7px}.hero .eyebrow{color:#89809c}.hero-art{position:relative;min-height:170px}.mini-window{position:absolute;width:217px;height:138px;right:8px;top:25px;border:1px solid #d4cce7;border-radius:8px;background:#fff;transform:rotate(-5deg);box-shadow:0 12px 25px #84799825;padding:11px}.mini-bar{height:9px;display:flex;gap:3px;border-bottom:1px solid #eae7ef}.mini-bar i{width:3px;height:3px;border-radius:100%;background:#b9afcc}.mini-layout{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:12px}.mini-photo{height:63px;border-radius:4px;background:linear-gradient(145deg,#ead6c8,#b4a295);position:relative;overflow:hidden}.mini-photo:after{content:'';position:absolute;bottom:-25px;left:20px;width:100px;height:90px;border-radius:70% 50% 0 0;background:#f5eee6;transform:rotate(-20deg)}.mini-lines{padding-top:8px}.mini-lines i{height:5px;display:block;margin-bottom:6px;background:#e2dbec;border-radius:3px}.mini-lines i:first-child{height:8px;width:90%;background:#aa99c9}.mini-lines i:last-child{width:46%;height:12px;background:#8069aa;margin-top:9px}.float-chip{position:absolute;border-radius:7px;box-shadow:0 5px 20px #53436c20;background:white;padding:9px 12px;display:flex;gap:7px;align-items:center;font-size:10px;right:154px;top:0;transform:rotate(-5deg);color:#6554c0}.float-chip.two{top:auto;bottom:7px;right:0;transform:rotate(3deg);color:#168477}.quickrow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0 25px}.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:17px 18px}.stat-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#8590a2}.stat-icon{color:#8f84c9;background:#f3f0fc;border-radius:6px;padding:5px;display:flex}.stat-value{font:800 26px Manrope;margin:10px 0 7px;letter-spacing:-1px}.stat-meta{font-size:10px;color:#919bad}.positive{color:#2e9679}.grid-main{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:22px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.section-head h2{font-size:17px}.section-head p{font-size:11px;margin:4px 0 0;color:var(--muted)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:16px}.tabs button{padding:10px 14px;background:none;color:#8b95a8;font-size:11px;border-bottom:2px solid transparent}.tabs button.active{color:var(--purple);border-bottom-color:var(--purple);font-weight:700}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.project{border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden;transition:transform .2s}.project:hover{transform:translateY(-3px);box-shadow:0 8px 20px #24345009}.project-thumb{height:132px;padding:17px;background:#f0e9e5;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.site-mini{height:126px;background:#fff;border-radius:4px;box-shadow:0 3px 10px #0001;padding:9px;font-family:Georgia;color:#735b61;transform-origin:top}.site-mini .mini-sitebrand{font-size:11px;letter-spacing:1px;margin-bottom:12px}.mini-sitehero{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:10px;line-height:1.4}.mini-sitehero .shape{border-radius:40px 40px 0 0;background:linear-gradient(145deg,#ead6c8,#bca49b);height:62px}.mini-sitehero b{display:block;font-size:14px;font-weight:400;margin-bottom:6px}.project-thumb.tech{background:#e5edf3}.project-thumb.tech .site-mini{background:#14253a;color:#fff;font-family:Arial}.project-thumb.tech .shape{background:linear-gradient(135deg,#254d72,#53b0ac);border-radius:9px}.project-thumb.studio{background:#e9e8f2}.project-thumb.studio .site-mini{background:#ede7df;color:#2f4236}.project-thumb.studio .shape{background:linear-gradient(145deg,#8eaa95,#496955);border-radius:100%}.thumb-badge{position:absolute;top:9px;right:9px;font-size:8px;background:#fff;padding:4px 6px;border-radius:4px;color:#778298;box-shadow:0 1px 4px #0001}.project-info{padding:13px}.project-title{display:flex;justify-content:space-between;align-items:center;gap:8px}.project-title b{font-size:12px}.project-info p{font-size:10px;color:#8b96a8;margin:6px 0}.project-bottom{display:flex;justify-content:space-between;border-top:1px solid #f1f3f7;margin-top:11px;padding-top:10px;align-items:center}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:5px;background:#f1f3f8;color:#7d899c;font-size:9px;padding:4px 7px;white-space:nowrap}.badge.green{background:#e9f7ef;color:#318d69}.badge.purple{background:#f0edfb;color:#7764b7}.badge.orange{background:#fff4df;color:#b18935}.badge.red{background:#fcebed;color:#bd5262}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:19px}.copilot-card{background:linear-gradient(135deg,#fff,#f6f4fd);border-color:#e7e1f4}.copilot-head{display:flex;gap:10px;align-items:center;margin-bottom:15px}.spark{background:#ece7fa;color:#7d67c3;border-radius:9px;padding:8px}.copilot-head h3{font-size:13px}.copilot-head p{font-size:10px;margin:3px 0 0;color:#8f87a3}.suggestion{background:#fff;border:1px solid #ece8f4;border-radius:7px;padding:12px;margin-bottom:9px;font-size:11px;line-height:1.5}.suggestion .link{margin-top:9px;font-size:10px}.usage-bar{display:flex;justify-content:space-between;font-size:10px;color:#8e85a6;margin:15px 0 10px}.activity{margin-top:19px}.activity-item{display:flex;gap:11px;align-items:flex-start;padding:12px 0;border-bottom:1px solid #f0f2f6;font-size:11px}.activity-item:last-child{border:0;padding-bottom:0}.activity-item .dot{width:25px;height:25px;background:#eff7f3;color:#449477;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.activity-item p{margin:0;line-height:1.4}.activity-item small{font-size:9px;display:block;margin-top:5px}.bottom-panels{display:grid;grid-template-columns:1.25fr 1fr;gap:18px;margin-top:23px}.chart{width:100%;height:125px;display:block}.chart-labels{display:flex;justify-content:space-between;font-size:9px;color:#9ba5b5}.metrics-inline{display:flex;gap:24px;margin-top:12px}.metrics-inline b{font:700 20px Manrope;display:block}.metrics-inline span{font-size:10px;color:#939caf}.attention{padding:11px 0;border-bottom:1px solid #f0f2f6;display:flex;gap:10px;font-size:11px;line-height:1.55}.attention:last-child{border:0}.attention .round{width:26px;height:26px;background:#fff5df;color:#c19747;border-radius:7px;display:grid;place-items:center;flex-shrink:0}.foot{display:flex;justify-content:space-between;align-items:center;margin-top:24px;font-size:9px;color:#98a3b3;border-top:1px solid var(--line);padding-top:15px}.prototype-label{font-size:9px;letter-spacing:.5px;color:#9a92b0;background:#f2eff9;padding:4px 8px;border-radius:4px}.help-float{position:fixed;bottom:22px;right:24px;z-index:25;border-radius:50%;height:43px;width:43px;box-shadow:0 5px 18px #27314a35;background:var(--purple);color:#fff;display:grid;place-items:center}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:9px;background:#fff}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;background:#fafbfe;color:#8490a4;font-size:10px;font-weight:500;padding:14px 17px}td{padding:15px 17px;border-top:1px solid #edf0f5}td small{display:block;font-size:10px;margin-top:4px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.toolbar input{width:270px;max-width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:7px;background:white}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card-grid .panel{min-height:170px}.module-card .eyebrow{font-size:9px;margin:12px 0 7px}.module-card h3{font-size:14px;line-height:1.5;min-height:42px}.module-card p{font-size:11px;color:var(--muted);margin-bottom:18px}.module-card .badge{margin-bottom:15px}.notice{padding:13px 16px;border:1px solid #e6dff3;background:#f6f3fc;border-radius:7px;font-size:11px;line-height:1.6;color:#75688d;margin-bottom:20px}.notice.warning{border-color:#efdfbd;background:#fff9ee;color:#9e7d43}.stepper{display:flex;justify-content:space-between;gap:6px;margin:0 0 25px}.stepper button{flex:1;background:none;color:#99a3b3;font-size:10px;padding:10px 0;border-bottom:2px solid #e3e7ed;display:flex;align-items:center;justify-content:center;gap:7px}.stepper button b{border:1px solid #dce1e9;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;font-size:9px}.stepper button.active{color:var(--purple);border-color:var(--purple)}.stepper button.active b{background:var(--purple);color:white;border-color:var(--purple)}.wizard-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:23px}.form-panel{padding:27px}.form-panel h2{font-size:21px}.form-panel>p{font-size:12px;color:var(--muted);margin:8px 0 24px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:19px;font-size:12px;font-weight:600}.field input,.field textarea,.field select{padding:11px 13px;border:1px solid #dfe4ec;border-radius:7px;color:#38445b;background:white;font-weight:400;width:100%}.field textarea{resize:vertical;min-height:105px;line-height:1.65}.field small{font-size:10px;font-weight:400}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.choice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:17px 0}.choice{padding:16px;text-align:left;border:1px solid var(--line);border-radius:8px;background:#fff;color:#57647b;line-height:1.5}.choice b{font-size:12px;display:block;margin:10px 0 5px}.choice small{font-size:10px;line-height:1.6;display:block}.choice.active{border-color:#9688d5;background:#f8f6fe;box-shadow:0 0 0 1px #b9afe4}.choice .icon{color:#8876c5}.upload{border:1px dashed #c7bedf;background:#faf9fd;border-radius:8px;padding:24px;text-align:center;color:#968bad;font-size:11px;display:block;cursor:pointer}.upload input{display:none}.upload .icon{width:25px;height:25px;margin-bottom:8px}.upload b{display:block;color:#6d5d98;margin-bottom:6px}.wizard-actions{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.summary-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #f0f2f6;font-size:11px;gap:12px}.summary-row span{color:var(--muted)}.summary-row b{text-align:right;font-weight:500}.summary-note{font-size:10px;line-height:1.8;color:#9098a9;margin-top:16px}.check-row{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);border-radius:7px;padding:14px;margin-bottom:10px;font-size:12px;line-height:1.5}.check-row input{accent-color:var(--purple);margin-top:3px}.check-row small{display:block;font-size:10px;margin-top:3px}.swatches{display:flex;gap:12px;margin:18px 0}.swatch{width:36px;height:36px;border-radius:7px;box-shadow:0 0 0 3px #fff,0 0 0 4px #e4e5ed}.asset-preview{max-width:100%;max-height:140px;border-radius:7px;object-fit:contain;margin-top:12px}.reviewlist{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.reviewlist .panel{font-size:11px}.reviewlist b{display:block;margin-bottom:6px}.editor-wrap{display:grid;grid-template-columns:195px minmax(0,1fr) 220px;gap:15px}.editor-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:12px;flex-wrap:wrap}.device-switch{display:flex;background:#eceff5;border-radius:6px;padding:3px}.device-switch button{padding:7px 12px;background:none;border-radius:4px;font-size:10px;color:#8490a3}.device-switch button.active{background:white;color:#6554c0;box-shadow:0 1px 5px #0001}.layer{display:flex;align-items:center;gap:8px;padding:10px 6px;border-bottom:1px solid #f0f2f6;font-size:10px}.layer button{padding:1px 4px;background:none;color:#9b91b9}.layer span{flex:1}.page-list button{display:block;background:none;color:#7f899b;padding:10px;width:100%;text-align:left;font-size:11px;border-radius:5px}.page-list button.active{background:#f2eefb;color:#6554c0}.canvas-surround{padding:20px;background:#e9ecf3;border-radius:8px;display:flex;justify-content:center;align-items:flex-start;min-width:0;overflow:auto}.canvas{background:white;box-shadow:0 3px 13px #17243915;max-width:100%;width:100%;min-height:470px;transition:width .2s}.canvas.tablet{width:530px}.canvas.mobile{width:320px}.store-preview{--brand:#795b6a;color:var(--brand);font-family:Georgia,serif}.store-nav{display:flex;align-items:center;justify-content:space-between;padding:22px 25px;border-bottom:1px solid #f2edf0;gap:10px}.store-name{letter-spacing:3px;font-size:18px}.store-nav small{font:9px Arial;color:#a2939b}.store-hero{padding:35px 27px;background:#faf6f2;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px}.store-hero h2{font:400 32px/1.25 Georgia;letter-spacing:-.6px}.store-hero p{font:11px/1.8 Arial;color:#9a8590}.store-hero button{background:var(--brand);color:#fff;font:10px Arial;border:0;padding:12px 18px}.beauty-art{height:205px;background:linear-gradient(145deg,#eaded1,#c7b0a0);border-radius:48% 48% 5px 5px;position:relative;overflow:hidden;display:grid;place-items:center}.bottle{height:108px;width:48px;background:linear-gradient(90deg,#dbb990,#f5e1c1,#d4ae88);border:1px solid #c5a281;border-radius:5px;box-shadow:10px 10px 20px #624d3433;transform:rotate(10deg);position:relative}.bottle:before{content:'';position:absolute;left:11px;top:-21px;background:#443e3b;width:26px;height:25px;border-radius:5px 5px 0 0}.bottle:after{content:'V';position:absolute;inset:33px 0 auto;text-align:center;color:#93724e;font-size:20px}.store-under{padding:20px 24px;text-align:center;font:11px/1.8 Arial;color:#9b8791}.store-products{padding:6px 24px 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.store-product-art{height:65px;background:#f2e9df;border-radius:4px;display:grid;place-items:center;font-size:28px;color:#b39886}.store-products small{display:block;text-align:center;font-size:10px;margin-top:8px}.canvas.mobile .store-hero{grid-template-columns:1fr}.canvas.mobile .store-nav{padding:17px}.canvas.mobile .store-nav small{display:none}.canvas.mobile .beauty-art{height:145px}.canvas.mobile .store-hero h2{font-size:28px}.canvas.mobile .store-products{padding:10px;gap:5px}.properties .field{font-size:10px;margin-bottom:14px}.properties .field input{font-size:11px;padding:8px}.test-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #edf0f5;font-size:12px}.test-row:last-child{border:0}.test-row small{display:block;margin-top:4px;font-size:10px}.modal-backdrop{position:fixed;inset:0;background:#101c3370;backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:25px}.modal{width:630px;max-width:100%;max-height:88vh;overflow:auto;background:#fff;border-radius:14px;box-shadow:0 20px 80px #0003;padding:27px}.modal.wide{width:900px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.modal p{font-size:12px;color:#7d879a}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.drawer{position:fixed;right:0;top:0;bottom:0;width:380px;max-width:100%;background:#fff;z-index:100;box-shadow:-10px 0 50px #0b19352b;display:flex;flex-direction:column}.drawer-head{padding:24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.drawer-body{padding:22px;overflow:auto;flex:1}.chat-bubble{padding:13px;border-radius:8px;background:#f4f1fb;font-size:12px;line-height:1.7;margin:10px 0}.chat-bubble.user{background:#edf4f6}.chat-form{padding:15px;border-top:1px solid var(--line);display:flex;gap:7px}.chat-form input{width:100%;border:1px solid var(--line);border-radius:7px;padding:10px;min-width:0}.chat-form button{padding:8px;background:var(--purple);color:white;border-radius:6px}.action-card{border:1px solid #dcd4ef;border-radius:8px;padding:14px;margin:15px 0;font-size:11px;line-height:1.8}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.big-chart{height:220px}.empty{padding:40px;text-align:center;color:var(--muted)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(100px);opacity:0;transition:.2s;background:#1d2b43;color:white;padding:13px 20px;border-radius:8px;z-index:200;box-shadow:0 8px 30px #0002;font-size:12px;max-width:90vw}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.mobile-menu{display:none}.progress{height:7px;background:#eeeaf8;border-radius:5px;overflow:hidden}.progress>div{height:100%;background:#8b78d0;transition:width .3s}.code{background:#17243b;color:#c7d1e4;border-radius:8px;padding:20px;white-space:pre-wrap;word-break:break-word;font:11px/1.8 monospace}.inline-btns{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.demo-tag{display:inline-block;font-size:9px;color:#9c93b6;margin-left:7px}.build-log{font:11px/2 monospace;color:#8591a6}.tone-strip{display:flex;gap:8px}.tone-strip button{height:26px;width:26px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #ddd}.check-status{color:#2e9677}.check-status .icon{height:15px;width:15px}.module-total{font:800 48px Manrope;color:#6554c0}.integration-icon{height:37px;width:37px;background:#f0edf8;border-radius:9px;display:grid;place-items:center;font-weight:800;color:#7362ae;margin-bottom:17px}.nav-mobile-open .sidebar{transform:translateX(0)}
@media(min-width:1500px){.content{padding:36px 45px}.project-thumb{height:155px}.site-mini{height:150px}.hero-art{margin-right:50px}.hero{grid-template-columns:1fr 360px}.mini-window{width:240px}}
@media(max-width:1200px){.app{grid-template-columns:205px 1fr}.sidebar{width:205px}.content{padding:25px}.topbar{padding:0 25px}.grid-main{grid-template-columns:minmax(0,1fr) 245px;gap:16px}.project-grid{gap:9px}.project-thumb{padding:12px;height:115px}.project-info{padding:10px}.project-title b{font-size:11px}.editor-wrap{grid-template-columns:155px 1fr}.properties{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:15px}.properties h3{width:100%}.properties .field{width:180px}.properties .notice{max-width:280px}.hero{grid-template-columns:1fr 200px}.hero-art{opacity:.8}.mini-window{right:-20px}.float-chip{right:100px}.card-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1000px){.grid-main{grid-template-columns:1fr}.right-rail{display:grid;grid-template-columns:1fr 1fr;gap:15px}.right-rail .activity{margin-top:0}.search{display:none}.hero h2{font-size:22px}.wizard-grid{grid-template-columns:1fr}.wizard-summary{display:none}.stepper button{font-size:9px;gap:4px}.quickrow{gap:10px}.stat{padding:14px}.stat-value{font-size:23px}.project-thumb{height:140px}}
@media(max-width:760px){.app{display:block}.sidebar{transform:translateX(-100%);transition:transform .2s;width:236px}.main{width:100%}.mobile-menu{display:grid}.topbar{height:62px;padding:0 16px;gap:8px}.top-tools{gap:7px}.top-tools .select{max-width:110px}.top-tools .language-top{display:none}.crumb{font-size:10px}.content{padding:22px 16px}.page-head{align-items:flex-start}.page-head h1{font-size:24px}.page-head p{font-size:11px}.page-head .btn{font-size:10px;padding:10px}.hero{grid-template-columns:1fr;padding:22px}.hero-art{display:none}.quickrow{grid-template-columns:1fr 1fr}.project-grid{grid-template-columns:1fr}.project-thumb{height:140px;padding:16px 35px}.project-info{padding:15px}.project-title b{font-size:13px}.right-rail,.bottom-panels,.settings-grid,.grid2{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.stepper{overflow:auto;justify-content:flex-start}.stepper button{min-width:70px}.form-panel{padding:20px}.choice-row{grid-template-columns:1fr 1fr}.field-row{grid-template-columns:1fr}.editor-wrap{grid-template-columns:1fr}.editor-layers{display:none}.canvas-surround{padding:10px}.properties{padding:18px}.reviewlist{grid-template-columns:1fr}.foot{align-items:flex-start;gap:12px;font-size:8px}.foot span:first-child{max-width:55%}.modal{padding:20px}.modal-backdrop{padding:12px}.store-hero{padding:24px 17px;gap:15px}.store-hero h2{font-size:24px}.beauty-art{height:150px}.hero .btn{font-size:11px}.help-float{right:16px;bottom:16px}.top-tools .avatar{display:none}}

.store-preview.modern,.store-preview.modern .store-hero h2{font-family:'DM Sans',Arial,sans-serif}.layer[draggable]{cursor:grab}.layer[draggable]:active{cursor:grabbing}

.login{max-width:430px;margin:10vh auto;background:white;padding:35px;border:1px solid #e5e9ef;border-radius:14px}.login h1{font-size:25px;margin-bottom:8px}.full{width:100%}.error{color:#b74350;background:#fff0f1;padding:12px;border-radius:6px;font-size:12px;white-space:pre-wrap}.preview-live{width:100%;height:620px;background:white;border:1px solid #e1e5ed;border-radius:8px}.preview-live.mobile{max-width:390px}.section-edit{border:1px solid #e5e9ef;border-radius:8px;padding:17px;margin-bottom:14px}.section-edit textarea{min-height:75px}.jobs-list pre{font:11px/1.7 monospace;white-space:pre-wrap;word-break:break-word}.logo-text{font-weight:800;color:#6554c0;letter-spacing:2px}.status-error{color:#b74350}.login small{display:block;line-height:1.6}.preview-live{min-width:0}.asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.asset-grid img{width:100%;max-height:150px;object-fit:contain}.api-status{display:flex;gap:10px;align-items:center}@media(max-width:760px){.login{margin:30px 15px}.asset-grid{grid-template-columns:1fr 1fr}.editor-wrap{display:block}.preview-live{height:500px}}

.field input[type=color]{height:44px;min-height:44px;padding:4px;cursor:pointer}

/* Accessible navigation on short viewports. */
.sidebar{overflow-y:auto}.sidebar>*{flex-shrink:0}