/* Progressive disclosure keeps the first visit focused on building and trying. */
#view-mode{font-size:10px;padding:8px 11px;background:#edf4e3;color:#446536}#more-widgets,#more-properties{font-size:11px;background:transparent;color:#58744a;border:0;padding:9px 15px;margin:0 10px 12px}#more-properties{margin-left:4px}#simple-feedback{font-size:11px;line-height:1.7;color:#6e7e62;margin:12px 0 2px}#feedback-details>summary{font-size:10px;color:#8b9882;cursor:pointer;padding:8px 0}.simple .studio{grid-template-columns:minmax(410px,1fr) minmax(330px,420px);gap:18px 24px;max-width:1130px;margin:0 auto;padding:0 24px}.simple .library{grid-column:1;grid-row:1}.simple .editor{grid-column:1;grid-row:2;gap:14px}.simple .preview-panel{grid-column:2;grid-row:1/span 2;position:sticky;top:16px}.simple .library .panel-title>span,.simple .tree-panel .panel-title>span,.simple .library-note,.simple .library>.docs-link,.simple .quests,.simple .wrap-tools,.simple .property-description,.simple #open-code,.simple #save-state,.simple .tree-bottom,.simple .node-id,.simple .stage-caption,.simple .mode-pill,.simple .page-heading .eyebrow{display:none}.simple .page-heading{max-width:1130px;margin:26px auto 23px;padding:0 24px}.simple .page-heading h1{font-size:29px;margin:4px 0 8px}.simple .page-heading p{font-size:12px}.simple .topbar{height:73px}.simple #palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:0 17px}.simple .palette-group{display:contents}.simple .group-heading{display:none}.simple:not(.all-widgets) [data-add][data-basic=false]{display:none}.simple .widget-card{display:flex;flex-direction:column;gap:7px;padding:12px 4px;align-items:center;text-align:center;margin:0;border:1px solid #e4ebdb;background:#fafcf6;min-height:100px}.simple .widget-card:hover{background:#edf5df;border-color:#b6cd9e}.simple .card-symbol{width:29px;height:29px;font-size:17px}.simple .card-text b{font-size:12px}.simple .card-text small{font-size:9px;margin-top:5px}.simple .card-plus{display:none}.simple .library .panel-description{font-size:11px;margin-bottom:13px}.simple .panel-title h2{font-size:14px}.simple .tree-tools{border-top:0;padding:5px 18px 10px;background:white}.simple .tree-tools label{font-size:10px}.simple .tree-tools select{margin-left:auto;width:150px;flex:0 1 150px}.simple .tree-instruction{font-size:10px;padding:4px 18px 11px;line-height:1.6}.simple #tree{max-height:310px;min-height:130px;padding:0 17px 17px}.simple .tree-node{margin-left:13px;padding-left:8px}.simple .tree-node.root{padding:0;margin:0}.simple .tree-node.root>.node-line{display:none}.simple .node-line{min-height:40px;background:#fafcf6;margin:3px 0}.simple .node-line.selected{background:#eaf3dc}.simple .node-select{padding:10px 8px;font-size:12px;gap:10px}.simple .node-select small{font-size:10px;max-width:180px}.simple .move-button{visibility:hidden}.simple .node-line:hover .move-button,.simple .node-line.selected .move-button,.simple .node-line:focus-within .move-button{visibility:visible}.simple .drop-slot{font-size:10px;padding:11px;margin:7px 0 3px 12px;background:#fcfef8}.simple .drop-between{height:5px}.simple.dragging .drop-between{height:21px}.simple .inspector .panel-title{padding-bottom:12px}.simple #properties{padding:0 18px 4px}.simple .property-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.simple .property-field{font-size:11px}.simple .property-field input,.simple .property-field select{font-size:12px;padding:10px}.simple .property-field[data-extra=true]{display:none}.simple .all-properties .property-field[data-extra=true]{display:flex}.simple .preview-toolbar label:has(#outlines),.simple #rotate,.simple label[for=screen-height],.simple #screen-height,.simple .presets,.simple .test-button,.simple #test-results{display:none}.simple .size-heading{margin-bottom:12px}.simple .size-controls{padding:16px 20px 8px}.simple .size-controls label{font-size:11px}.simple .range-row{margin-bottom:0}.simple .range-row button{padding:5px 12px;font-size:16px}.simple input[type=range]{height:22px}.simple .phone-stage{min-height:380px;padding-top:23px;padding-bottom:23px}.simple .test-area{padding:4px 20px 12px;border-top:0}.simple #simple-feedback{font-size:11px;margin:7px 0 0}.simple .diagnostic{font-size:11px}.simple .preview-toolbar{padding:12px 18px}.simple .preview-panel>.panel-title{padding:20px 18px 16px}.simple footer{max-width:1082px;margin:25px auto;padding:0 24px}.simple footer span:last-child{display:none}body:not(.simple) #simple-feedback{display:none}
@media(min-width:1600px){.simple .studio{grid-template-columns:minmax(410px,1fr) 420px}}
@media(max-width:1000px){.simple .studio{grid-template-columns:minmax(350px,1fr) minmax(280px,350px);gap:16px;padding:0 18px}.simple .page-heading{padding:0 18px}.simple #palette{grid-template-columns:repeat(3,minmax(0,1fr))}.simple .header-actions{margin-left:auto}.simple .topbar{gap:10px}.simple .node-select small{max-width:110px}}
@media(max-width:760px){.simple .studio{display:flex;flex-direction:column;padding:0 14px;margin:0}.simple .studio>*{width:100%}.simple .editor{display:contents}.simple .library{order:0;max-height:none}.simple .tree-panel{order:1}.simple .preview-panel{order:2;position:static;display:block}.simple .inspector{order:3}.simple .quests{display:none}.simple #palette{grid-template-columns:repeat(4,minmax(0,1fr));padding:0 12px}.simple .widget-card{min-height:90px;padding:10px 2px}.simple .card-text small{font-size:8px}.simple .page-heading h1{font-size:25px}.simple .page-heading{padding:0 16px;margin:22px auto 20px}.simple .panel-description{display:block}.simple .topbar{padding:0 14px}.simple .brand{font-size:19px}.simple .brand small{font-size:6px}.simple .header-actions{gap:4px}.simple #view-mode{font-size:9px;padding:7px}.simple .tree-tools label{display:block}.simple .node-select small{max-width:170px}}
@media(max-width:390px){.simple #palette{grid-template-columns:repeat(3,minmax(0,1fr))}.simple .brand-mark{font-size:28px}.simple .brand{gap:5px;font-size:17px}.simple .header-actions button{padding:5px}.simple #view-mode{font-size:8px}}