.controlled-sample{--paper:#eee9e4;--ink:#493246;--accent:#805371;background:var(--paper);color:var(--ink);padding:clamp(20px,4vw,48px);min-height:85vh;font:16px/1.6 system-ui,sans-serif}.controlled-sample *{box-sizing:border-box}.controlled-sample header{display:flex;gap:24px;justify-content:space-between;align-items:start}.controlled-sample h1{font-size:clamp(27px,4vw,44px);line-height:1.15;margin:8px 0}.controlled-sample h2{font-size:23px;margin:0}.controlled-sample p{margin:8px 0 16px}.controlled-sample a{color:#68435e;font-weight:700}.demo-kicker,.demo-section-title>span{font-size:12px;font-weight:800;letter-spacing:.1em}.demo-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}.demo-file-button,.demo-tools button,.demo-tools>a{font:700 15px/1.4 system-ui;padding:12px 16px;border:1px solid #c9b7c5;border-radius:12px;background:var(--paper);box-shadow:5px 5px 12px #d2c8cc,-5px -5px 12px #fff;color:#65415d;text-decoration:none;cursor:pointer}.demo-tools a:hover,.demo-tools button:hover{box-shadow:0 0 18px #ba8aac66,inset 2px 2px 6px #d2c8cc}.demo-square-grid{display:grid;grid-template-columns:repeat(3,minmax(130px,180px));gap:24px;margin:30px 0}.demo-square-grid article{aspect-ratio:1;border-radius:22px;padding:18px;display:flex;flex-direction:column;justify-content:center;box-shadow:8px 8px 18px #d2c8cc,-8px -8px 18px #fff,0 0 14px #ab779126;border:1px solid #d8c9d2}.demo-square-grid article>span{font-size:25px;color:#956c47}.demo-square-grid b{font-size:25px;line-height:1.25}.demo-square-grid p{font-size:14px;margin:5px 0}.demo-files,.demo-workspace{padding:24px 0;border-top:1px solid #ccbdc7}.demo-section-title{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between}.demo-filters{display:flex;gap:16px;flex-wrap:wrap;margin:20px 0}.demo-filters label{display:grid;gap:6px;font-weight:700;font-size:14px}.demo-filters input,.demo-filters select{font:16px system-ui;padding:12px;border:1px solid #baa8b7;border-radius:10px;background:#faf7f4;color:#493246}.demo-table-scroll{overflow:auto}.controlled-sample table{width:100%;border-collapse:collapse;text-align:left;background:#f8f4f0}.controlled-sample td,.controlled-sample th{padding:14px;border-bottom:1px solid #d9ccd4}.controlled-sample th{background:#e1d4dd}.demo-rag{display:inline-block;font-size:14px;font-weight:800;padding:4px 10px;border-radius:20px}.demo-rag--ready{color:#126443;background:#d6efe1}.demo-rag--review{color:#795006;background:#fce8b8}.demo-rag--attention{color:#9e303f;background:#f9dce1}.demo-files summary{font-size:20px;font-weight:800;cursor:pointer}.demo-file-button input{display:block;max-width:230px;margin-top:8px;font-size:13px}.controlled-sample footer,.demo-file-note{font-size:14px}.controlled-sample footer{padding-top:18px;border-top:1px solid #ccbdc7}.demo-notice{padding:16px;border-left:4px solid #805371;background:#e7dce3}@media(max-width:580px){.demo-square-grid{gap:12px;grid-template-columns:repeat(2,minmax(120px,1fr))}.controlled-sample header{flex-direction:column}.demo-square-grid article{padding:14px}.demo-square-grid b{font-size:22px}}