*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f6f7f9;color:#172033;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.app{width:min(1180px,100%);margin:0 auto;padding:clamp(12px,2vw,24px)}.shell{min-height:100vh}.site-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.brand{min-width:0;border:0;background:transparent;padding:0;display:inline-flex;align-items:center;gap:10px;color:inherit;text-align:left;cursor:pointer}.brand-mark{width:38px;height:38px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#1769ff;font-weight:800}.brand strong,.brand small{display:block}.brand small{margin-top:2px;color:#697386;font-size:12px}.ghost-button{min-height:38px;padding:0 14px;border:1px solid #dce2ec;border-radius:10px;color:#1769ff;background:#fff;cursor:pointer;white-space:nowrap}.toolbox{padding-top:clamp(12px,5vw,48px)}.toolbox-intro{width:min(680px,100%);margin-bottom:22px}.toolbox-intro p{margin:0 0 8px;color:#1769ff;font-weight:700}.toolbox-intro h1{margin:0;font-size:clamp(30px,6vw,56px);line-height:1.05;letter-spacing:0}.toolbox-intro span{display:block;margin-top:14px;color:#697386;line-height:1.7}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tool-card{min-height:190px;padding:18px;border:1px solid #e6e9ef;border-radius:12px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:left;cursor:pointer}.tool-card:hover{border-color:#b9cdfd;box-shadow:0 12px 32px #1769ff14}.tool-icon{min-width:44px;height:34px;padding:0 10px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#1769ff;background:#eaf1ff;font-size:13px;font-weight:800}.tool-card strong{font-size:20px}.tool-card small{color:#697386;line-height:1.6}.tool-card em{margin-top:auto;color:#1769ff;font-style:normal;font-size:13px}.image-tool{min-width:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.preview-area,.controls{min-width:0}.preview-card{background:#fff;border:1px solid #e6e9ef;border-radius:12px;overflow:hidden}.preview{position:relative;width:100%;min-height:260px;max-height:min(72vh,640px);display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden;touch-action:none}.preview canvas{width:100%;height:100%;display:block}.empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center;color:#697386}.empty strong{color:#172033;font-size:22px}.crop-layer{position:absolute}.mask{position:absolute;background:#0000006b}.crop-box{position:absolute;border:2px solid #fff;box-shadow:0 0 0 1px #1769ffe6;cursor:move}.grid{position:absolute;background:#ffffffb8;pointer-events:none}.grid.vertical{top:0;bottom:0;width:1px}.grid.horizontal{left:0;right:0;height:1px}.grid.one.vertical{left:33.333%}.grid.two.vertical{left:66.666%}.grid.one.horizontal{top:33.333%}.grid.two.horizontal{top:66.666%}.handle{position:absolute;width:22px;height:22px;border:2px solid #fff;border-radius:50%;background:#1769ff;box-shadow:0 1px 4px #17203340;touch-action:none}.handle:before{content:"";position:absolute;inset:-14px}.handle.nw{left:0;top:0;transform:translate(-50%,-50%);cursor:nwse-resize}.handle.ne{right:0;top:0;transform:translate(50%,-50%);cursor:nesw-resize}.handle.sw{left:0;bottom:0;transform:translate(-50%,50%);cursor:nesw-resize}.handle.se{right:0;bottom:0;transform:translate(50%,50%);cursor:nwse-resize}@media(pointer:coarse){.handle{width:26px;height:26px}.handle:before{inset:-18px}}.top-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.button{min-height:44px;border:0;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.button input,.file-button input{display:none}.button.primary{color:#fff;background:#1769ff}.button.secondary{color:#1769ff;background:#eaf1ff}.button:disabled{opacity:.45;cursor:not-allowed}.panel{margin-bottom:12px;border:1px solid #e6e9ef;border-radius:12px;background:#fff}.panel summary{min-height:50px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;font-weight:700}.panel summary::-webkit-details-marker{display:none}.panel small{color:#1769ff;font-weight:500}.panel-body{padding:0 14px 14px}.panel-title{padding:14px 14px 10px;font-weight:700}.segmented{width:100%;display:grid;grid-template-columns:repeat(var(--cols, 4),minmax(0,1fr));gap:6px;padding:5px;margin-bottom:12px;border-radius:10px;background:#f2f4f7;overflow:hidden}.segment{min-width:0;height:34px;border:0;border-radius:8px;color:#465066;background:transparent;white-space:nowrap;cursor:pointer}.segment.active{color:#fff;background:#1769ff}.row{display:grid;grid-template-columns:56px minmax(0,1fr) 42px;align-items:center;gap:8px;min-height:48px;color:#465066}.row output{text-align:right;color:#172033}.text-input{width:100%;height:42px;margin-bottom:10px;padding:0 12px;border:0;border-radius:10px;background:#f6f7f9;outline:none}.textarea-input{width:100%;min-height:150px;resize:vertical;margin-bottom:12px;padding:12px;border:0;border-radius:10px;background:#f6f7f9;outline:none;line-height:1.6}.select-row{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:8px;min-height:48px;color:#465066}.select-row select{height:38px;border:0;border-radius:10px;padding:0 10px;background:#f6f7f9;color:#172033}.colors{display:flex;gap:8px;flex-wrap:wrap}.color{width:34px;height:34px;border:2px solid #edf0f5;border-radius:50%;background:var(--color);cursor:pointer}.color.active{border-color:#1769ff}.wide{width:100%;margin-top:14px}.qr-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.qr-preview-card{min-height:360px;border:1px solid #e6e9ef;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;padding:24px}.qr-canvas{max-width:100%;height:auto}.qr-panel{padding-bottom:14px}.qr-panel .textarea-input,.qr-panel .row,.qr-panel .select-row{width:calc(100% - 28px);margin-left:14px;margin-right:14px}.qr-controls .colors{padding:4px 14px 0}.qr-controls .wide{width:calc(100% - 28px);margin-left:14px}.pdf-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.pdf-preview-card{min-height:420px;border:1px solid #e6e9ef;border-radius:12px;background:#fff;padding:12px;overflow:auto;display:flex;justify-content:center;align-items:flex-start}.pdf-empty{width:100%;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#697386;text-align:center}.pdf-empty strong{color:#172033;font-size:22px}.pdf-page-stage{position:relative;max-width:100%;box-shadow:0 12px 34px #1720331f}.pdf-canvas{display:block;max-width:100%;background:#fff}.pdf-text-layer{position:absolute;inset:0;pointer-events:none}.pdf-text{position:absolute;pointer-events:auto;white-space:pre;color:transparent;background:transparent;caret-color:#1769ff;outline:none;cursor:text;padding:0;margin:0;border-radius:2px;transform-origin:0 0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-user-select:text;user-select:text}.pdf-text:hover{background:#1769ff14}.pdf-text:focus{color:#172033;background:#fff;box-shadow:0 0 0 1px #1769ff99}.pdf-text.edited{color:#172033;background:#fff;box-shadow:0 0 0 1px #16a34a8c}.pdf-annotation{position:absolute;max-width:70%;border:1px dashed transparent;border-radius:6px;padding:2px 4px;background:#fff9;cursor:move;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere}.pdf-annotation.active{border-color:#1769ff;background:#eaf1ffeb}.pdf-mode{padding:8px 14px 0}.pdf-panel{padding-bottom:14px}.pdf-panel .wide,.pdf-panel .status-text,.pdf-panel .row,.pdf-panel .textarea-input{width:calc(100% - 28px);margin-left:14px;margin-right:14px}.pdf-panel .colors{padding:4px 14px 0}.status-text{margin-top:10px;color:#697386;font-size:13px;line-height:1.5}.pdf-page-row output{font-size:12px}@media(max-width:430px){.app{padding:12px}.site-header{align-items:flex-start}.brand small{display:none}.ghost-button{padding:0 10px}.tool-grid{grid-template-columns:1fr}.preview{min-height:240px;max-height:min(78vh,560px)}.segment{font-size:13px}.top-actions{gap:10px}.row{grid-template-columns:48px minmax(0,1fr) 36px;gap:6px;font-size:14px}.qr-preview-card{min-height:300px;padding:16px}.pdf-preview-card{min-height:340px;padding:8px}}@media(min-width:900px){.workspace{grid-template-columns:minmax(0,1fr) minmax(320px,360px);align-items:start}.preview-area{position:sticky;top:24px}.preview{min-height:420px;max-height:min(72vh,700px)}.controls{max-height:calc(100vh - 48px);overflow:auto;padding-right:2px}.qr-workspace,.pdf-workspace{grid-template-columns:minmax(0,1fr) minmax(320px,380px);align-items:start}.qr-preview-card,.pdf-preview-card{min-height:min(72vh,700px);position:sticky;top:24px}}@media(max-width:760px){.tool-grid{grid-template-columns:1fr}}@media(min-width:1280px){.workspace{grid-template-columns:minmax(0,1fr) 380px}}