/* Penpot operator tokens retained; all existing views remain reachable. */
.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.metrics strong{font-size:40px}.test-app{display:block;margin:0 0 24px;width:100%;text-align:left;background:var(--pale);border-color:var(--sage)}.more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.more-grid button{text-align:left}.setup-progress{display:flex;gap:10px;margin:16px 0}.setup-progress button{flex:1}.wizard-tabs{display:flex;gap:5px;margin-bottom:20px}.wizard-tabs button{flex:1;padding:10px 5px;font-size:14px}.wizard-tabs .selected{background:var(--dark);color:white}[hidden]{display:none!important}.notification-preview{border:1px solid var(--border);border-radius:15px;background:var(--pale);padding:20px;margin-bottom:30px;overflow-wrap:anywhere}dialog{border:1px solid var(--border);border-radius:18px;max-width:calc(100vw - 32px);width:620px;max-height:calc(100dvh - 32px);padding:24px;color:var(--text);background:var(--white)}dialog::backdrop{background:#17221D77}.dialog-close{display:block;position:sticky;top:0;margin:0 0 20px auto;background:var(--white);z-index:1}.check{display:flex;align-items:center;gap:12px}.check input{width:24px;min-height:24px;height:24px}.activity p{margin:6px 0}.activity button{margin-right:8px}.activity small{overflow-wrap:anywhere}#draft-status,#goodie-edit-status,#simulation-result{overflow-wrap:anywhere}.preview-rail{position:sticky;top:20px}.customer>div>button{margin-right:6px}.design-sample{background:var(--dark)}.design-2{border-radius:24px;background:var(--sage)}.design-3{border-radius:4px;background:var(--olive)}.design-4{background:var(--sage);border-top:14px solid var(--dark)}.design-5{background:var(--cream);border-left:8px solid var(--dark)}.design-6{border:4px dashed var(--olive);background:var(--white)}.design-7{border:8px solid var(--sage);background:var(--dark)}.design-8{transform:rotate(15deg);border-radius:0;background:var(--olive)}.design-9{height:55px;background:var(--dark);border-bottom:12px solid var(--sage)}.design-10{border-radius:0;border:3px solid var(--dark);background:var(--cream)}#customer-card{margin-top:15px}
@media(min-width:801px){main{padding:32px 40px}header{padding-bottom:24px;border-bottom:1px solid var(--border)}.sidebar{width:250px}.app{grid-template-columns:250px minmax(0,1fr)}}@media(max-width:1000px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-rail{position:static}}@media(max-width:800px){.bottom-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.bottom-nav button{font-size:14px;min-height:55px}.metrics article:last-child{grid-column:auto}.metrics strong{font-size:34px}.more-grid{grid-template-columns:1fr}.wizard-tabs button{font-size:13px}dialog{padding:18px}.setup-grid{gap:16px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:801px){#more.current{display:block}}