.demo-shell{background:#eef1eb;min-height:100vh}.demo-header{background:var(--surface);border-bottom:1px solid var(--line);z-index:20;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;min-height:72px;padding:14px max(20px,50% - 750px);display:grid;position:sticky;top:0}.demo-header-copy{align-items:center;gap:12px;min-width:0;display:flex}.demo-header-copy>span{color:var(--green-dark);font:750 9px/1 var(--font-figtree), Arial, sans-serif;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;background:#e5ebdf;border-radius:30px;padding:6px 9px}.demo-header-copy p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;overflow:hidden}.demo-header-actions{gap:9px;display:flex}.demo-header button,.demo-panel button{cursor:pointer;border:0}.demo-quiet-button,.demo-primary-button{white-space:nowrap;justify-content:center;align-items:center;min-height:42px;padding:0 15px;font-size:12px;font-weight:720;display:inline-flex}.demo-quiet-button{color:var(--ink);background:0 0;border:1px solid var(--line)!important}.demo-field-link{align-items:center;display:inline-flex}.demo-primary-button{background:var(--green);color:#fff}.demo-primary-button:disabled{opacity:.5;cursor:not-allowed}.demo-intro{grid-template-columns:1fr .72fr;align-items:end;gap:70px;max-width:1500px;margin:0 auto;padding:58px 22px 42px;display:grid}.demo-intro h1{font-size:clamp(46px,5.6vw,78px)}.demo-intro>p{max-width:640px;color:var(--muted);margin:0;font-size:15px;line-height:1.65}.demo-workspace{grid-template-columns:minmax(440px,.82fr) minmax(560px,1.18fr);align-items:start;gap:26px;max-width:1500px;margin:0 auto;padding:0 22px 90px;display:grid}.demo-controls{gap:18px;display:grid}.demo-panel{background:var(--surface);border:1px solid var(--line);padding:25px;box-shadow:0 12px 36px #1428200d}.demo-panel-heading{grid-template-columns:30px 1fr;gap:13px;margin-bottom:22px;display:grid}.demo-panel-heading>span{background:var(--ink);color:#fff;width:29px;height:29px;font:700 9px/1 var(--font-figtree), Arial, sans-serif;border-radius:50%;place-items:center;display:grid}.demo-panel-heading h2{letter-spacing:-.035em;margin:0;font-size:21px}.demo-panel-heading p{color:var(--muted);margin:4px 0 0;font-size:11px}.demo-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.demo-form-grid.compact{margin-top:18px}.demo-form-grid label{flex-direction:column;gap:7px;min-width:0;display:flex}.demo-form-grid label>span{text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:750}.demo-form-grid input,.demo-form-grid select,.demo-form-grid textarea{border:1px solid var(--line);width:100%;min-height:43px;color:var(--ink);resize:vertical;background:#fff;border-radius:0;outline:none;padding:10px 11px;font-size:12px}.demo-form-grid input:focus,.demo-form-grid select:focus,.demo-form-grid textarea:focus{border-color:var(--green);box-shadow:0 0 0 2px #1f6d4a1a}.demo-form-grid input[readonly],.demo-form-grid select:disabled{color:#68736d;cursor:not-allowed;background:#f1f2ed}.demo-wide-field{grid-column:1/-1}.demo-photo-picker{cursor:pointer;text-align:center;background:#f4f6f1;border:1px dashed #91a49a;align-content:center;place-items:center;gap:7px;min-height:150px;display:grid;position:relative;overflow:hidden}.demo-photo-picker input{opacity:0;pointer-events:none;position:absolute}.demo-photo-picker>span{color:var(--green);font-size:30px}.demo-photo-picker strong{font-size:12px}.demo-photo-picker small{color:var(--muted);font-size:10px}.demo-photo-picker.has-photo{color:#fff;background:var(--ink);min-height:230px}.demo-photo-picker.has-photo img{object-fit:cover;opacity:.66;width:100%;height:100%;position:absolute;inset:0}.demo-photo-picker.has-photo strong,.demo-photo-picker.has-photo small{z-index:1;background:#142820bf;padding:4px 8px;position:relative}.severity-picker{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.severity-picker button{min-height:40px;color:var(--muted);background:#f2f1ec;font-size:11px;font-weight:700}.severity-picker button.active.low{color:#265d42;background:#dcece1;box-shadow:inset 0 0 0 1px #80ad91}.severity-picker button.active.medium{color:#785b0a;background:#f2e7c4;box-shadow:inset 0 0 0 1px #cfb85f}.severity-picker button.active.high{color:#913923;background:#f3d8d0;box-shadow:inset 0 0 0 1px #d78b77}.demo-dictation{align-items:center;gap:10px;display:flex}.demo-dictation button{background:var(--ink);color:#fff;align-items:center;gap:7px;min-height:37px;padding:0 12px;font-size:10px;font-weight:720;display:inline-flex}.demo-dictation button span{color:var(--coral)}.demo-dictation button.recording{background:#8f321f}.demo-dictation small{color:var(--muted);font-size:9px;line-height:1.4}.demo-add-button{background:var(--green);color:#fff;width:100%;min-height:49px;margin-top:18px;font-size:12px;font-weight:750}.demo-add-button:hover{background:var(--green-dark)}.demo-add-button:disabled{cursor:not-allowed;background:#aab6ae}.demo-message{min-height:15px;color:var(--green-dark);margin:9px 0 0;font-size:10px}.demo-guardrail{background:#fff2dc;border-left:4px solid #c57935;padding:17px}.demo-guardrail span{color:#91531c;text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:800;display:block}.demo-guardrail strong{margin-top:5px;font-size:13px;display:block}.demo-guardrail p{color:#745b43;margin:5px 0 0;font-size:10px;line-height:1.5}.demo-issue-list{gap:9px;display:grid}.demo-empty{color:var(--muted);text-align:center;background:#f3f3ee;margin:0;padding:30px 15px;font-size:11px}.demo-issue-row{border:1px solid var(--line);background:#fff;grid-template-columns:10px 1fr auto;align-items:start;gap:11px;padding:13px;display:grid}.demo-severity-dot{border-radius:50%;width:9px;height:9px;margin-top:4px}.demo-severity-dot.low{background:#4c966b}.demo-severity-dot.medium{background:#d6a62d}.demo-severity-dot.high{background:#d15d40}.demo-issue-row strong{font-size:11px;display:block}.demo-issue-row p{color:var(--muted);margin:5px 0;font-size:10px;line-height:1.45}.demo-issue-row small{color:#73817b;font:600 8px/1 var(--font-figtree), Arial, sans-serif;text-transform:uppercase}.demo-row-actions{flex-direction:column;align-items:stretch;gap:5px;display:flex}.demo-row-actions button{min-height:28px;color:var(--green-dark);white-space:nowrap;background:#edf2ea;padding:0 8px;font-size:8px;font-weight:700}.demo-row-actions button:last-child{color:#9a4835;background:0 0;border:1px solid #e7c8c0}.demo-report-wrap{position:sticky;top:90px}.demo-report-toolbar{background:var(--ink);color:#fff;justify-content:space-between;align-items:center;min-height:44px;padding:0 16px;font-size:10px;display:flex}.demo-report-toolbar strong{color:#b8c9c1;font-weight:600}.demo-report{border:1px solid var(--line);background:#fff;padding:clamp(28px,4vw,52px);box-shadow:0 20px 70px #1428201f}.demo-sample-banner{color:#8b3b27;text-align:center;letter-spacing:.09em;background:#f5d8cb;margin:calc(-1*clamp(28px,4vw,52px)) calc(-1*clamp(28px,4vw,52px)) 25px;padding:9px 15px;font-size:9px;font-weight:850}.demo-report-header{border-bottom:3px solid var(--ink);justify-content:space-between;align-items:start;padding-bottom:19px;display:flex}.demo-report-header p{color:var(--green);font:700 9px/1 var(--font-figtree), Arial, sans-serif;letter-spacing:.1em;margin:0 0 8px}.demo-report-header h2{letter-spacing:-.045em;margin:0;font-size:clamp(27px,3vw,41px);line-height:.94}.demo-report-header h2 span{color:var(--muted);font-size:.63em}.demo-report-meta{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:13px;margin:0;padding:17px 0;display:grid}.demo-report-meta div{min-width:0}.demo-report-meta dt{color:var(--muted);font:700 8px/1 var(--font-figtree), Arial, sans-serif;text-transform:uppercase}.demo-report-meta dd{overflow-wrap:anywhere;margin:6px 0 0;font-size:10px;font-weight:650}.demo-report-summary{background:#edf2ea;grid-template-columns:repeat(4,1fr);margin:18px 0 6px;display:grid}.demo-report-summary div{border-right:1px solid #cdd8d0;padding:13px 10px}.demo-report-summary div:last-child{border:0}.demo-report-summary strong{letter-spacing:-.04em;font-size:21px;display:block}.demo-report-summary span{color:var(--muted);font-size:8px}.demo-report-items{display:grid}.demo-report-empty{text-align:center;border:1px dashed var(--line);margin-top:19px;padding:50px 20px}.demo-report-empty strong{font-size:13px}.demo-report-empty p{color:var(--muted);margin:7px 0 0;font-size:10px}.demo-report-item{border-bottom:1px solid var(--line);break-inside:avoid;grid-template-columns:minmax(135px,.38fr) 1fr;gap:20px;padding:24px 0;display:grid}.demo-report-photo{background:#dfe4df;min-height:155px;position:relative;overflow:hidden}.demo-report-photo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.demo-report-photo>div{color:#728078;align-content:center;place-items:center;gap:5px;height:100%;display:grid}.demo-report-photo>div span{font:700 9px/1 var(--font-figtree), Arial, sans-serif;letter-spacing:.1em}.demo-report-photo>div small{font-size:8px}.demo-report-photo b{background:var(--ink);color:#fff;width:27px;height:27px;font:700 9px/1 var(--font-figtree), Arial, sans-serif;border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;left:8px}.demo-report-item-title{justify-content:space-between;align-items:start;gap:12px;display:flex}.demo-report-item-title small{color:var(--green);font:700 8px/1 var(--font-figtree), Arial, sans-serif;text-transform:uppercase}.demo-report-item-title h3{letter-spacing:-.025em;margin:5px 0 0;font-size:16px}.demo-report-item-title>span{font:750 7px/1 var(--font-figtree), Arial, sans-serif;text-transform:uppercase;border-radius:20px;padding:5px 7px}.demo-report-item-title>span.low{color:#265d42;background:#dcece1}.demo-report-item-title>span.medium{color:#785b0a;background:#f2e7c4}.demo-report-item-title>span.high{color:#913923;background:#f3d8d0}.demo-report-item-copy>p{color:#47544f;margin:13px 0;font-size:10px;line-height:1.55}.demo-action-box{border-left:3px solid var(--green);background:#f4f3ed;padding:10px 11px}.demo-action-box small{color:var(--green-dark);font:700 7px/1 var(--font-figtree), Arial, sans-serif}.demo-action-box p{color:#47544f;margin:5px 0 0;font-size:9px;line-height:1.5}.demo-report-item-copy>footer{color:#77837e;width:100%;min-height:auto;font:600 7px/1 var(--font-figtree), Arial, sans-serif;border:0;justify-content:space-between;margin-top:10px;padding:0;display:flex}.demo-report-signoff{border-top:3px solid var(--ink);grid-template-columns:1fr 1fr;gap:25px;width:100%;min-height:0;margin-top:25px;padding:18px 0 0;display:grid}.demo-report-signoff div{border-bottom:1px solid var(--line);min-height:70px}.demo-report-signoff span{color:var(--muted);font-size:8px;display:block}.demo-report-signoff strong{margin-top:7px;font-size:10px;display:block}.demo-report-signoff p{color:var(--muted);grid-column:1/-1;margin:0;font-size:7px;line-height:1.5}@media (max-width:1080px){.demo-workspace{grid-template-columns:1fr}.demo-report-wrap{position:static}}@media (max-width:720px){.demo-header{grid-template-columns:1fr auto}.demo-header-copy,.demo-header-actions .demo-quiet-button{display:none}.demo-intro{grid-template-columns:1fr;gap:22px;padding-top:42px}.demo-intro h1{font-size:clamp(46px,14vw,66px)}.demo-workspace{padding-inline:10px}.demo-panel{padding:19px 15px}.demo-form-grid{grid-template-columns:1fr}.demo-wide-field{grid-column:auto}.demo-dictation{flex-direction:column;align-items:start}.demo-issue-row{grid-template-columns:10px 1fr}.demo-row-actions{flex-direction:row;grid-column:2}.demo-report{padding:24px 17px}.demo-report-meta{grid-template-columns:repeat(2,1fr)}.demo-report-item{grid-template-columns:1fr}.demo-report-photo{min-height:220px}}@media print{@page{size:A4;margin:12mm}body{background:#fff}.no-print,.demo-controls{display:none!important}.demo-shell,.demo-workspace,.demo-report-wrap{background:#fff;max-width:none;margin:0;padding:0;display:block}.demo-report{box-shadow:none;border:0;padding:0}.demo-sample-banner{background:#fff;border:1px solid #8b3b27;margin:0 0 8mm}.demo-report-item{grid-template-columns:48mm 1fr;gap:7mm}.demo-report-photo{min-height:42mm}}