@import url('../styles.css');body{background:#f3f0eb}.demo-top{background:#17151a;color:#fff;padding:15px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.85rem}.demo-top a{color:#dcb184}.demo-shell{width:min(1120px,90%);margin:55px auto}.demo-shell h1{font-size:clamp(2.7rem,6vw,5rem)}.demo-note{padding:15px 20px;border:1px solid #ccb9a8;border-radius:8px;font-size:.85rem;margin:24px 0;color:#6b584a}.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.demo-card{background:#fffcf8;border:1px solid #ded5cb;padding:28px;border-radius:12px}.demo-card h3{margin-top:15px}.demo-card .price{font-size:1.4rem;font-weight:bold}.demo-card p{color:#6c6265}.demo-card button{margin-top:18px}.demo-toolbar{display:flex;gap:15px;align-items:center;margin:25px 0;flex-wrap:wrap}.demo-toolbar input{flex:1;min-width:180px;margin:0}.demo-toolbar select{width:auto;margin:0}.demo-shell input,.demo-shell select,.demo-shell textarea{color:#17151a;border-color:#baa997}.demo-shell .button{color:white}.demo-shell .button.outline{color:#17151a;border-color:#baa997}.table-scroll{overflow:auto;border:1px solid #ded5cb;border-radius:12px}table{border-collapse:collapse;width:100%;background:#fffcf8;min-width:600px}td,th{text-align:left;padding:18px;border-bottom:1px solid #e4dbd2;font-size:.9rem}td select{margin:0;min-width:140px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:28px}.stats div{padding:22px;background:#e5d9cb;border-radius:10px}.stats strong{font-size:2rem;display:block}.demo-card .symbol{font-size:3rem;line-height:1.3;color:#8f5a2b}.cart-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #ded5cb;padding:15px 0}.cart-row button{min-width:36px;min-height:36px;border:1px solid #baa997;background:transparent;border-radius:6px}.cart-controls{display:flex;align-items:center;gap:10px}.flow-layout{display:grid;grid-template-columns:1fr 1fr;gap:35px}.flow-step{padding:22px;border:1px solid #d7cabc;border-radius:10px;margin:12px 0;transition:background .3s}.flow-step.running{background:#efdfc9;border-color:#b8763e}.flow-step.done{background:#e2e8df}.flow-step label{display:flex;align-items:center;gap:15px;margin:0}.flow-step input{width:auto;margin:0}.log{background:#211e24;color:#f2e8df;padding:25px;border-radius:12px;min-height:230px;font-size:.9rem}.log p{border-bottom:1px solid #ffffff20;padding-bottom:10px}.studio-hero{background:#262a2d;color:#faf7f2;padding:75px 6%;border-radius:15px;margin:30px 0}.studio-hero p{max-width:530px}.studio-brand{letter-spacing:.3em;font-size:.9rem}.demo-shell form{max-width:600px}.demo-shell dialog form{max-width:none}.status-message{padding:18px;background:#e7ded3;border-radius:8px;margin-top:20px}.demo-shell section{scroll-margin-top:30px}.demo-shell .section{padding-top:50px;padding-bottom:50px}@media(max-width:700px){body{padding-bottom:0}.demo-top{font-size:.75rem}.demo-grid,.flow-layout{grid-template-columns:1fr}.demo-shell{margin:32px auto}.stats{gap:8px}.stats div{padding:15px;font-size:.7rem}.stats strong{font-size:1.5rem}.studio-hero{padding:45px 25px}.cart-row{flex-wrap:wrap}.demo-toolbar .button{flex:1}.demo-card{padding:24px}}