body.petri-page{background:#f5f8f8;min-height:100vh}.petri-header{height:82px;background:#fff;border-bottom:1px solid var(--line);padding:0 max(28px,calc((100vw - 1440px)/2));display:flex;align-items:center;justify-content:space-between}.petri-header .brand-mark{width:42px;height:42px}.petri-header .brand-mark svg{width:28px}.petri-header .brand strong{font-size:20px}.petri-header .brand small{font-size:11px}.crumbs{display:flex;gap:10px;align-items:center;color:#7a8795;font-size:12px}.crumbs a{color:#08a283;text-decoration:none}.crumbs b{color:#405163}.header-action{height:38px;border:0;border-radius:8px;background:var(--green);color:#fff;padding:0 16px;font-weight:800;font-size:12px}.petri-layout{max-width:1350px;margin:0 auto;padding:34px 28px;display:grid;grid-template-columns:minmax(0,1fr) 328px;gap:22px}.page-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:23px}.eyebrow{display:inline-block;color:#078e72;background:#e5f8f3;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px}.page-heading h1{font-size:27px;line-height:1.15;margin:0 0 9px;letter-spacing:-1px}.page-heading p{margin:0;color:#657588;font-size:13px}.demo-badge{height:26px;padding:5px 10px;border-radius:99px;background:#fff5e8;border:1px solid #ffdcba;color:#e68627;font-size:11px;font-weight:800}.drop-zone{height:500px;border:1.5px dashed #bcdad5;border-radius:15px;background:linear-gradient(135deg,#fbfefd,#f4fbfa);display:grid;place-items:center;text-align:center;align-content:center;transition:.2s}.drop-zone.dragover{border-color:var(--green);background:#eefdF8;transform:scale(1.002)}.drop-zone input{display:none}.drop-icon{width:68px;height:68px;border-radius:19px;background:#fff4e9;display:grid;place-items:center;margin-bottom:16px}.drop-icon .icon{transform:scale(2);background:transparent}.drop-zone h2{font-size:18px;margin:0 0 8px}.drop-zone p{color:#6e7e8c;font-size:13px;margin:0 0 8px}.drop-zone p button{border:0;background:none;color:#079f7d;font:inherit;font-weight:800;padding:0}.drop-zone small{font-size:11px;color:#91a0ac}.analysis-area{border:1px solid #e2e9ea;border-radius:15px;overflow:hidden;background:#fff}.is-hidden{display:none}.canvas-toolbar{height:54px;display:flex;justify-content:space-between;align-items:center;padding:0 13px;border-bottom:1px solid #e9eff0}.tool-mode,.zoom-controls{display:flex;gap:5px;align-items:center}.mode,.zoom-controls button{height:31px;border:1px solid #dfe8e8;border-radius:6px;background:#fff;padding:0 10px;color:#566777;font-size:11px;font-weight:700}.mode.active{background:#e8f8f3;border-color:#a7e3d5;color:#078e72}.zoom-controls button{font-size:17px;width:31px;padding:0}.zoom-controls span{font-size:11px;color:#647585;width:36px;text-align:center}.canvas-wrap{height:440px;background:#20312e;display:grid;place-items:center;overflow:hidden;position:relative}.canvas-wrap canvas{max-width:100%;max-height:100%;cursor:crosshair}.canvas-empty{position:absolute;color:#c7d8d3;font-size:13px}.canvas-note{padding:11px 15px;color:#70808d;font-size:11px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f59c36;margin-right:6px}.petri-panel{display:grid;align-content:start;gap:13px}.panel-card,.formula-card{border:1px solid #e1e9ea;border-radius:13px;background:#fff;padding:17px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.panel-title h2{margin:0;font-size:14px}.status-chip{font-size:10px;font-weight:800;border-radius:999px;padding:4px 7px}.status-chip.neutral{color:#748191;background:#f1f4f5}.status-chip.ready{color:#098f72;background:#e6f8f2}.image-meta{margin:15px 0;display:grid;grid-template-columns:1fr auto;gap:9px;font-size:11px}.image-meta span{color:#758493}.image-meta b{font-weight:700;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.outline-button{height:33px;width:100%;border:1px solid #cfdedd;background:#fff;border-radius:7px;color:#078f71;font-weight:800;font-size:11px}.outline-button:disabled{color:#a1adb6;border-color:#e5eaeb;cursor:not-allowed}.count{display:flex;align-items:baseline;gap:9px;margin:15px 0 2px}.count strong{font-size:42px;letter-spacing:-2px;line-height:1;color:#132d29}.count span{color:#697987;font-size:12px}.result-card>p{font-size:11px;line-height:1.5;color:#71818f;margin:7px 0 15px}.quality{border-top:1px solid #edf1f1;padding-top:12px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#71808e}.quality b{display:block;color:#344757;margin-top:2px}.quality i{width:9px;height:9px;border-radius:50%;background:#cdd7d9}.quality i.good{background:#18b88d}.quality i.warn{background:#fb9a39}.quality i.bad{background:#f06170}.link-button{border:0;background:transparent;color:#07a17e;font-size:10px;font-weight:800}.settings-card{padding-bottom:12px}.switch-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin:14px 0}.switch-row input{display:none}.switch-row i{width:31px;height:18px;border-radius:99px;background:#d8e0e2;position:relative;transition:.2s}.switch-row i:after{content:"";position:absolute;width:14px;height:14px;background:#fff;border-radius:50%;top:2px;left:2px;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:.2s}.switch-row input:checked+i{background:#1abe94}.switch-row input:checked+i:after{left:15px}.settings-card p{font-size:10px;color:#82909d;line-height:1.45;margin:12px 0 0}.auto-label{font-size:9px;color:#e08122;background:#fff5e9;padding:3px 5px;border-radius:4px}.formula-card{border-color:#bee7dc;background:linear-gradient(140deg,#effbf7,#fbfffd)}.formula-card>span{color:#0d9d7d;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}.formula-card h3{font-size:14px;line-height:1.3;margin:7px 0}.formula-card p{font-size:10.5px;line-height:1.45;color:#667886;margin:0 0 14px}.formula-card button{border:0;background:transparent;padding:0;color:#078f71;font-size:11px;font-weight:800}.formula-card button:disabled{color:#9ebbb4;cursor:not-allowed}@media(max-width:900px){.petri-layout{grid-template-columns:1fr}.petri-panel{grid-template-columns:repeat(2,1fr)}.formula-card{grid-column:1/-1}.canvas-wrap{height:400px}}@media(max-width:640px){.petri-header{padding:0 15px}.crumbs{display:none}.petri-header .header-action{padding:0 10px;font-size:10px}.petri-layout{padding:22px 14px}.page-heading h1{font-size:22px}.drop-zone{height:380px}.canvas-toolbar{padding:0 7px}.mode{padding:0 6px;font-size:10px}.canvas-wrap{height:340px}.petri-panel{display:block}.petri-panel>*{margin-top:12px}}