.markup-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center;margin:35px 0}.markup-hero h1{font-size:clamp(32px,4.1vw,50px)}.markup-hero figure{margin:0}.markup-hero img{width:100%;height:auto;display:block;border-radius:16px}.markup-hero figcaption{font-size:14px;line-height:1.5;margin-top:10px;color:#535b50}.markup-select{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.markup-select button{flex:1 1 150px;padding:12px 15px;min-height:48px;border:1px solid #789283;border-radius:10px;background:#fffaf1;color:#155b50;font:600 16px Arial;cursor:pointer}.markup-select button[aria-pressed=true]{background:#155b50;color:white}.markup-work{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:24px;margin:20px 0}.markup-view{min-width:0}.markup-canvas{display:block;width:100%;height:auto;background:#e6e0d6;touch-action:pan-y;cursor:default;border:1px solid #a3ae9d}.markup-canvas[data-armed=true]{touch-action:none;cursor:crosshair;outline:3px solid #155b50;outline-offset:3px}.markup-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.markup-toolbar button{min-height:44px;padding:10px 12px;border:1px solid #95a493;border-radius:8px;background:#f5f2e8;color:#243d30;font:15px Arial;cursor:pointer}.markup-panel{min-width:0}.markup-panel fieldset{border:1px solid #b3b59f;border-radius:10px;padding:14px;margin:0 0 16px}.markup-panel legend{font-weight:700;padding:0 5px}.markup-panel label{display:block;font-size:15px;line-height:1.5;margin:10px 0}.markup-panel input:not([type=checkbox]):not([type=radio]):not([type=color]),.markup-panel select,.markup-panel textarea{display:block;width:100%;min-height:44px;border:1px solid #899985;border-radius:7px;padding:8px;background:white;font:16px/1.4 Arial;margin-top:5px}.markup-panel textarea{resize:vertical;min-height:75px}.markup-panel input[type=color]{display:block;width:100%;height:44px;padding:3px;border:1px solid #899985;background:white;border-radius:7px}.markup-coords{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.markup-list{display:grid;gap:8px;margin:12px 0;padding:0;list-style:none}.markup-list button{width:100%;text-align:left;min-height:44px;border:1px solid #aab29c;background:#fffaf1;color:#233728;border-radius:8px;padding:10px;font:15px/1.4 Arial;cursor:pointer;overflow-wrap:anywhere}.markup-list button[aria-pressed=true]{outline:2px solid #155b50;outline-offset:1px}.markup-list .mark-number{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;background:#155b50;color:white;border-radius:4px;margin-right:8px}.markup-palette{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.markup-palette button{min-width:44px;min-height:44px;border:1px solid #8c9785;border-radius:8px;background:white;padding:5px 8px;font:13px Arial;cursor:pointer}.markup-palette i{display:block;width:22px;height:12px;margin:0 auto 3px;border:1px solid #677064}.markup-error{color:#a22a23;min-height:1.5em;font-size:15px}.markup-info{font-size:14px;color:#4b584c;line-height:1.5}.markup-upload{display:block;border:2px dashed #819680;border-radius:12px;padding:20px;background:#f6f3e9;font-weight:700}.markup-upload input{display:block;max-width:100%;margin-top:12px}.markup-panel [hidden],.markup-work[hidden]{display:none!important}.markup-panel details summary{padding:12px 0;min-height:44px;cursor:pointer}.markup-next{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.markup-next .btn{flex:1 1 230px}.markup-crop-preview{max-width:100%;display:block;margin:16px auto;background:#eee8dd}.markup-handoff{max-width:760px;margin:24px auto;padding:22px;background:#fffaf1;border:1px solid #99ab96;border-radius:14px;color:#243529;font:16px/1.5 Arial}.markup-handoff img{display:block;max-width:100%;max-height:210px;margin:12px auto}.markup-handoff button{min-height:44px;padding:12px 16px;border:0;border-radius:8px;background:#155b50;color:white;font:600 16px Arial;cursor:pointer}.markup-handoff button+button{margin:10px;background:#e7e3d7;color:#293d30}.markup-handoff button:disabled{opacity:.55}.markup-handoff ol{padding-left:24px}.markup-handoff li{overflow-wrap:anywhere}.markup-handoff a{color:#155b50}.markup-toolbar button:disabled{opacity:.55;cursor:default}.markup-work :focus-visible,.markup-select :focus-visible,.markup-handoff :focus-visible{outline:3px solid #155b50;outline-offset:3px}@media(max-width:760px){.markup-hero,.markup-work{grid-template-columns:1fr}.markup-work{gap:16px}.markup-hero{margin:24px 0}.markup-hero figure{max-width:450px;margin:auto}.markup-panel label{font-size:16px}.markup-select button{flex:1 1 100px;font-size:15px}}@media(hover:hover) and (pointer:fine){.markup-toolbar button:hover,.markup-list button:hover{background:#ecf0e3}}@media(prefers-reduced-motion:reduce){.markup-next .btn{transition:none;transform:none!important}}