.gym-preview{background:#ede7e1}.spa-preview{background:#e4ece5}.operations-preview{width:255px;max-width:90%;background:#fcfbf8;border:1px solid #dedbd3;padding:15px 12px;border-radius:9px;box-shadow:0 12px 30px #1f392217;color:#333c35;transform:rotate(-3deg)}.spa-preview .operations-preview{transform:rotate(3deg)}.ops-top{display:flex;gap:5px;justify-content:space-between;align-items:center;font:5px monospace;letter-spacing:.4px}.ops-badge{padding:3px 4px;border:1px solid #d2d9cb;border-radius:4px;color:#5a7257}.ops-title{font-size:17px;letter-spacing:-.7px;margin:13px 0 10px}.ops-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding-bottom:10px;border-bottom:1px solid #e4e5dc}.ops-stats strong{font-size:15px;font-weight:500}.ops-stats small{display:block;font-size:6px;color:#818779}.ops-row{font-size:7px;display:flex;justify-content:space-between;padding-top:8px;gap:10px}.ops-row i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#6e9268;margin-right:3px}#project-dialog[data-operations]{width:min(760px,94vw)}.operations-detail{padding-top:16px}.concept-caption{font-size:10px;color:var(--muted);margin:0 0 16px}.concept-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}.concept-tab{border:1px solid var(--line);border-radius:20px;padding:7px 12px;font-size:11px;color:var(--muted)}.concept-tab[aria-selected=true]{background:var(--ink);color:var(--bg)}.concept-panel{background:var(--wash);padding:18px;border:1px solid var(--line);border-radius:12px}.concept-panel h4{font-weight:500;font-size:14px;margin:0 0 10px}.concept-panel p{font-size:12px;color:var(--muted);margin:6px 0}.concept-panel ul{font-size:12px;padding-left:18px;margin:0}.concept-panel li{margin:7px 0;line-height:1.7}.concept-table-wrap{overflow-x:auto;margin-top:13px}.concept-table{width:100%;border-collapse:collapse;min-width:450px;font-size:11px}.concept-table th{text-align:left;font-size:10px;font-weight:500;color:var(--muted)}.concept-table th,.concept-table td{padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}.concept-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.concept-summary>div{border:1px solid var(--line);border-radius:8px;padding:12px;background:var(--panel)}.concept-summary small{display:block;font-size:10px;color:var(--muted)}.concept-summary strong{font-size:20px;font-weight:500;letter-spacing:-.6px}.sample-note{font-size:10px!important;color:var(--muted);margin-top:12px!important}.concept-panel[hidden]{display:none}.ops-feature-summary{font-size:12px;color:var(--muted);line-height:1.8}.project-note{max-width:100%}@media(max-width:760px){.operations-preview{width:220px;padding:12px 10px}.ops-title{font-size:15px}.ops-stats strong{font-size:13px}.ops-top{font-size:4px}.ops-row{font-size:6px}.concept-panel{padding:13px}.concept-summary{gap:6px}.concept-summary>div{padding:9px}.concept-summary strong{font-size:17px}}@media(max-width:400px){.operations-preview{width:260px}.ops-title{font-size:19px}.ops-stats strong{font-size:17px}.ops-top{font-size:5px}.ops-row{font-size:8px}}
/* Prevent intrinsic preview widths from widening grid tracks on phones. */
.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.project{min-width:0;width:100%;max-width:100%;display:block}.project-visual{width:100%;min-width:0;display:flex;align-items:center;justify-content:center;padding:18px;isolation:isolate}.project h3{line-height:1.5;overflow-wrap:anywhere}.project p{line-height:1.7;overflow-wrap:anywhere}.operations-preview{max-width:100%;min-width:0;flex-shrink:1}.ops-stats>div{min-width:0}.ops-stats strong,.ops-stats small{overflow-wrap:anywhere}.mini-browser{max-width:100%;flex-shrink:1}.project .arrow{float:none;display:inline-block;margin-left:5px}.concept-panel,.operations-detail,#project-demo{min-width:0;max-width:100%}.concept-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.concept-summary>div{min-width:0}.concept-summary strong{display:block;overflow-wrap:anywhere}.concept-tabs{min-width:0}.concept-tab{max-width:100%;white-space:normal}.concept-table-wrap{max-width:100%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.concept-panel p,.concept-panel li{overflow-wrap:anywhere}#project-dialog{overflow-x:hidden;overflow-y:auto}#project-dialog .close{float:none;position:sticky;top:0;margin-left:auto;background:var(--panel);z-index:2;border-radius:50%}#project-title{line-height:1.25;overflow-wrap:anywhere}
@media(max-width:640px){.project-grid{grid-template-columns:minmax(0,1fr);gap:27px}.project-visual{height:auto;min-height:218px;aspect-ratio:1.55;padding:25px}.project:hover .project-visual{transform:none}.operations-preview,.spa-preview .operations-preview{width:100%;max-width:290px;transform:none;padding:17px 15px}.ops-top{font-size:6px;gap:8px;flex-wrap:wrap}.ops-title{font-size:21px;margin:15px 0}.ops-stats{gap:10px}.ops-stats strong{font-size:19px}.ops-stats small{font-size:8px}.ops-row{font-size:9px;gap:10px}.project .mini-browser{width:260px;max-width:100%;transform:none}.project-visual .mini-content strong{font-size:26px}.concept-summary{grid-template-columns:minmax(0,1fr);gap:8px}.concept-summary>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px}.concept-summary strong{font-size:21px}.concept-summary small{max-width:60%}#project-dialog[data-operations]{width:calc(100% - 24px);max-width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:18px}.concept-panel{padding:13px}.concept-tabs{gap:7px}.concept-tab{min-height:39px;padding:8px 11px;font-size:11px}}
@media(max-width:360px){.project-visual{padding:17px;min-height:200px}.ops-title{font-size:19px}.ops-stats strong{font-size:17px}.ops-row{font-size:8px}.ops-top{font-size:5px}}

.warehouse-preview{background:#e6e9ed}.warehouse-preview .operations-preview{transform:rotate(-2deg)}.warehouse-preview .ops-badge{color:#667587;border-color:#d1d9e2}.warehouse-preview .ops-row i{background:#6c8196}@media(max-width:640px){.warehouse-preview .operations-preview{transform:none}}

.cafe-preview{background:#ede5dc}.cafe-preview .operations-preview{transform:rotate(2deg)}.cafe-preview .ops-badge{color:#8a6a4c;border-color:#e2d3c2}.cafe-preview .ops-row i{background:#a3805d}@media(max-width:640px){.cafe-preview .operations-preview{transform:none}}