.ir-page{padding:28px 0 48px}.ir-hero{background:linear-gradient(135deg,#0b3a67,#0d6efd);color:#fff;border-radius:18px;padding:28px;box-shadow:0 14px 36px rgba(13,110,253,.18);margin-bottom:22px}.ir-hero h1{font-size:clamp(1.65rem,3vw,2.4rem);font-weight:700;margin:0 0 8px}.ir-hero p{margin:0;max-width:850px;opacity:.95}.ir-privacy{display:inline-flex;align-items:center;gap:7px;margin-top:14px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.14);font-size:.88rem}.ir-panel{background:#fff;border:1px solid #e7ecf3;border-radius:16px;box-shadow:0 10px 28px rgba(23,43,77,.08);overflow:hidden}.ir-panel-head{padding:15px 18px;border-bottom:1px solid #e9edf4;background:#f8faff}.ir-panel-head h2{font-size:1.05rem;font-weight:700;margin:0}.ir-panel-body{padding:16px}.ir-upload{position:relative;display:block;border:2px dashed #9db9da;border-radius:14px;background:#f5f9ff;padding:28px 18px;text-align:center;cursor:pointer;transition:.2s}.ir-upload:hover,.ir-upload.dragover{border-color:#0d6efd;background:#edf5ff}.ir-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.ir-upload i{font-size:2.1rem;color:#0d6efd}.ir-upload strong{display:block;margin-top:7px}.ir-upload small{display:block;color:#64748b;margin-top:4px}.ir-upload-preview{border:1px solid #dce7f3;border-radius:14px;padding:12px;background:#fbfdff}.ir-upload-preview-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.ir-inline-preview{min-height:280px;border-radius:12px;background:#eef3f8;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:10px}.ir-inline-preview img{display:block;max-width:100%;max-height:430px;object-fit:contain;border-radius:10px}.ir-preview-switch{display:flex;justify-content:center;gap:8px;margin-top:10px}.ir-inline-zoom{margin-top:12px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:10px;background:#fff}.ir-preview-meta{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:10px}.ir-preview-meta span{background:#fff;border:1px solid #e4ebf3;border-radius:10px;padding:9px}.ir-preview-meta small{display:block;color:#64748b;font-size:.7rem}.ir-preview-meta strong{display:block;font-size:.84rem;word-break:break-word}.ir-tool-accordion .accordion-item{border:1px solid #e1e8f0;border-radius:14px!important;overflow:hidden;margin-bottom:10px;box-shadow:0 6px 18px rgba(23,43,77,.06)}.ir-tool-accordion .accordion-button{padding:13px 16px;background:#fff}.ir-tool-accordion .accordion-button:not(.collapsed){background:#eef5ff;color:#0b3a67;box-shadow:none}.ir-tool-accordion .accordion-button span{display:flex;flex-direction:column;gap:2px}.ir-tool-accordion .accordion-button small{color:#64748b;font-size:.72rem;font-weight:400}.ir-tool-accordion .accordion-body{padding:14px}.ir-portal-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ir-preset{border:1px solid #dce5ef;background:#fff;border-radius:10px;padding:9px;text-align:left;font-size:.78rem;transition:.15s}.ir-preset:hover,.ir-preset.active{border-color:#0d6efd;background:#eef5ff}.ir-preset strong{display:block}.ir-preset span{color:#64748b;font-size:.68rem}.ir-control-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ir-control-grid .full{grid-column:1/-1}.ir-label{font-size:.82rem;font-weight:600;margin-bottom:4px}.ir-help{font-size:.74rem;color:#64748b}.ir-range-row{display:flex;align-items:center;gap:8px}.ir-range-row input[type=range]{flex:1}.ir-note{border-left:4px solid #ffc107;background:#fff9df;border-radius:9px;padding:10px 12px;font-size:.8rem}.ir-kb-status{font-size:.78rem}.ir-success{color:#146c43;font-weight:600}.ir-error{color:#b02a37;font-weight:600}.ir-preview-hint{color:#64748b;text-align:center;padding:24px}.ir-actions{display:flex;flex-wrap:wrap;gap:10px}.ir-canvas-wrap{position:relative;background:#172033;border-radius:12px;overflow:hidden;min-height:320px;display:flex;align-items:center;justify-content:center;touch-action:none}.ir-canvas-wrap canvas{display:block;max-width:100%;max-height:500px;cursor:grab}.ir-empty{color:#dbe6f5;text-align:center;padding:35px}.ir-empty i{display:block;font-size:2.2rem;margin-bottom:8px}.ir-crop-frame{position:absolute;border:2px solid #fff;box-shadow:0 0 0 9999px rgba(0,0,0,.5);pointer-events:none}.ir-crop-frame:before,.ir-crop-frame:after{content:"";position:absolute;inset:33.333% 0;border-top:1px solid rgba(255,255,255,.45);border-bottom:1px solid rgba(255,255,255,.45)}.ir-crop-frame:after{inset:0 33.333%;border:0;border-left:1px solid rgba(255,255,255,.45);border-right:1px solid rgba(255,255,255,.45)}.ir-faq{margin-top:24px}.ir-faq .accordion-button{font-weight:600}@media(max-width:991px){.ir-preview-meta,.ir-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ir-portal-presets{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:575px){.ir-page{padding-top:14px}.ir-hero{padding:20px;border-radius:14px}.ir-panel-body{padding:12px}.ir-preview-meta,.ir-control-grid,.ir-portal-presets{grid-template-columns:1fr}.ir-canvas-wrap{min-height:260px}.ir-actions .btn{flex:1 1 100%}.ir-upload-preview-head{align-items:center}.ir-inline-preview{min-height:220px}.ir-inline-preview img{max-height:300px}.ir-preview-switch .btn{flex:1}.ir-preview-meta span{padding:8px}}
.ir-hero-compact{padding:16px 20px;border-radius:14px;margin-bottom:14px}.ir-hero-compact h1{font-size:clamp(1.35rem,2.4vw,1.85rem);margin-bottom:4px}.ir-hero-compact p{font-size:.9rem;line-height:1.35}.ir-hero-compact .ir-privacy{margin-top:8px;padding:5px 9px;font-size:.76rem}.ir-panel-compact{border-radius:13px}.ir-panel-compact .ir-panel-head{padding:10px 14px}.ir-panel-compact .ir-panel-head h2{font-size:.96rem}.ir-panel-compact .ir-panel-body{padding:12px}.ir-panel-compact .ir-upload{padding:20px 14px}.ir-panel-compact .ir-upload i{font-size:1.7rem}.ir-panel-compact .ir-upload-preview{padding:9px}.ir-panel-compact .ir-upload-preview-head{margin-bottom:7px}.ir-panel-compact .ir-canvas-wrap{min-height:270px}.ir-panel-compact .ir-inline-zoom{margin-top:8px!important;padding:8px 10px}.ir-panel-compact .ir-tool-accordion{margin-top:8px!important}.ir-panel-compact .ir-tool-accordion .accordion-button{padding:10px 13px}.ir-panel-compact .ir-tool-accordion .accordion-body{padding:10px}.ir-panel-compact .ir-actions{gap:7px}.ir-panel-compact .ir-kb-status{margin-top:8px!important}@media(max-width:575px){.ir-hero-compact{padding:13px 15px;margin-bottom:10px}.ir-hero-compact h1{font-size:1.25rem}.ir-hero-compact p{font-size:.82rem}.ir-panel-compact .ir-panel-head{padding:9px 11px}.ir-panel-compact .ir-panel-body{padding:9px}.ir-panel-compact .ir-canvas-wrap{min-height:220px}}