.icp-page{max-width:1320px;margin:0 auto;padding:28px 0 46px}.icp-hero{text-align:center;max-width:860px;margin:0 auto 22px}.icp-kicker{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:#eef0ff;color:#5657db;font-size:12px;font-weight:800}.icp-hero h1{margin:12px 0 8px;font-size:clamp(30px,4vw,44px);line-height:1.12}.icp-hero p{margin:0;color:#6f7a90;font-size:14px}.icp-studio{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:18px;align-items:stretch}.panel{background:#fff;border:1px solid #e5e8f0;border-radius:24px;box-shadow:0 22px 60px rgba(22,31,56,.09)}.icp-main{padding:0;overflow:hidden;min-width:0}.icp-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid #e8ebf2;background:#fff}.icp-file-title{display:flex;align-items:center;gap:11px;min-width:0}.icp-file-title>div:last-child{min-width:0}.icp-file-title strong,.icp-file-title small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icp-file-title strong{font-size:14px}.icp-file-title small{margin-top:3px;color:#8a95a8;font-size:11px}.icp-file-icon{width:38px;height:38px;border-radius:12px;background:#eef0ff;color:#5d5ee4;display:grid;place-items:center;font-weight:900}.icp-top-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.icp-tool-btn,.icp-icon-btn{border:1px solid #dde2ec;background:#fff;color:#3e485f;border-radius:10px;padding:9px 12px;font-size:12px;font-weight:800;cursor:pointer;transition:.16s ease}.icp-tool-btn:hover,.icp-icon-btn:hover{border-color:#a9acef;background:#f8f8ff}.icp-workspace{padding:14px}.icp-canvas-stage{height:625px;border-radius:19px;background:radial-gradient(circle at 50% 18%,#25304a 0,#141b2b 42%,#0a0f19 100%);position:relative;overflow:hidden;border:1px solid #252e44}.icp-canvas-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:32px 32px;opacity:.45;pointer-events:none}.icp-canvas-stage.drag-over{outline:2px solid #8587ff;outline-offset:-2px}.icp-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:40px}.icp-empty-icon{width:74px;height:74px;border-radius:22px;background:#252e48;display:grid;place-items:center;font-size:34px;color:#8e91ff;box-shadow:0 16px 42px rgba(0,0,0,.25)}.icp-empty h2{margin:18px 0 8px;font-size:21px}.icp-empty p{margin:0 0 18px;color:#aab4c8;font-size:12px}.icp-canvas-wrap{position:absolute;inset:0;overflow:auto;scrollbar-width:thin}.icp-canvas-wrap canvas{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;background:#111725;border-radius:8px;box-shadow:0 26px 55px rgba(0,0,0,.35)}.icp-crop-box{position:absolute;border:2px solid #fff;box-shadow:0 0 0 20000px rgba(0,0,0,.55),0 0 0 1px rgba(118,122,255,.9);cursor:move;touch-action:none}.icp-crop-box.no-grid .icp-grid-v,.icp-crop-box.no-grid .icp-grid-h{display:none}.icp-grid-v,.icp-grid-h{position:absolute;background:rgba(255,255,255,.46);pointer-events:none}.icp-grid-v{top:0;bottom:0;width:1px}.icp-grid-v.v1{left:33.333%}.icp-grid-v.v2{left:66.666%}.icp-grid-h{left:0;right:0;height:1px}.icp-grid-h.h1{top:33.333%}.icp-grid-h.h2{top:66.666%}.icp-handle{position:absolute;width:15px;height:15px;padding:0;background:#6466e8;border:2px solid #fff;border-radius:5px;box-shadow:0 3px 10px rgba(0,0,0,.25);z-index:5}.icp-handle.nw{left:-8px;top:-8px;cursor:nwse-resize}.icp-handle.ne{right:-8px;top:-8px;cursor:nesw-resize}.icp-handle.sw{left:-8px;bottom:-8px;cursor:nesw-resize}.icp-handle.se{right:-8px;bottom:-8px;cursor:nwse-resize}.icp-stage-bottom{position:absolute;left:14px;right:14px;bottom:14px;padding:10px 12px;border-radius:14px;background:rgba(7,11,20,.76);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);z-index:8}.icp-zoom-row{display:grid;grid-template-columns:62px minmax(0,1fr) 54px;align-items:center;gap:10px;color:#ccd4e3;font-size:11px}.icp-zoom-row input{width:100%}.icp-zoom-row strong{font-size:11px;text-align:right;color:#fff}.icp-status{margin-top:7px;color:#9ea9bd;font-size:11px;text-align:center}.icp-bottombar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-top:1px solid #e8ebf2;background:#fbfcfe}.icp-shortcuts{color:#7d879a;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icp-actions{display:flex;gap:7px}.icp-icon-btn{min-width:38px;padding:8px 10px}.icp-inspector{padding:18px;display:flex;flex-direction:column;min-width:0}.icp-inspector-title{display:flex;gap:10px;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid #eceff4}.icp-inspector-icon{width:40px;height:40px;border-radius:13px;background:#eef0ff;color:#5c5ee2;display:grid;place-items:center}.icp-inspector-title strong{display:block;font-size:15px}.icp-inspector-title small{display:block;margin-top:4px;color:#8792a7;font-size:10px;line-height:1.5}.icp-section{padding:16px 0;border-bottom:1px solid #eceff4}.icp-label{font-size:11px;font-weight:900;color:#3e485f;margin-bottom:9px}.icp-sub-label{margin-top:13px}.icp-ratios{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.icp-ratios button{height:40px;border:1px solid #dfe4ed;background:#fff;border-radius:10px;font-size:11px;font-weight:800;color:#48536a;cursor:pointer}.icp-ratios button:hover{border-color:#a9acef}.icp-ratios button.active{border-color:#7376ef;background:#f1f1ff;color:#5254db}.icp-stat-grid{display:grid;grid-template-columns:1fr 1fr 1.7fr;gap:7px}.icp-stat-grid>div{border:1px solid #e2e6ef;border-radius:11px;padding:9px 8px}.icp-stat-grid small{display:block;color:#8b96aa;font-size:9px}.icp-stat-grid strong{display:block;margin-top:4px;font-size:13px;white-space:nowrap}.icp-button-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.icp-button-row button{height:40px;border:1px solid #dfe4ed;border-radius:10px;background:#fff;font-size:11px;font-weight:800;color:#48536a;cursor:pointer}.icp-button-row button:hover{border-color:#aaaef0;background:#fafaff}.icp-switch{display:flex;align-items:center;gap:9px;font-size:11px;color:#657188}.icp-switch input{display:none}.icp-switch span{width:42px;height:24px;border-radius:999px;background:#dbe0eb;position:relative;transition:.16s}.icp-switch span:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;top:3px;left:3px;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.14);transition:.16s}.icp-switch input:checked+span{background:#6769e8}.icp-switch input:checked+span:after{transform:translateX(18px)}.icp-field span{display:block;font-size:10px;color:#828da1;margin-bottom:6px}.icp-field select{width:100%;height:42px;border:1px solid #dfe4ed;border-radius:10px;background:#fff;padding:0 10px;font-weight:800;color:#414b60}.icp-quality{display:block;margin-top:11px}.icp-quality>span{display:flex;justify-content:space-between;font-size:10px;color:#828da1}.icp-quality b{color:#5659dc}.icp-quality input{width:100%;margin-top:7px}.icp-footer-actions{display:grid;grid-template-columns:.8fr 1.2fr;gap:8px;margin-top:auto;padding-top:16px}.icp-footer-actions .button{min-height:44px}.button--ghost{background:#fff!important;color:#5558dc!important;border:1px solid #dfe4ed!important}.icp-note{margin:9px 0 0;color:#7d879a;font-size:10px;line-height:1.5;text-align:center}.icp-result{margin-top:16px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.icp-result strong{display:block;font-size:13px}.icp-result small{display:block;color:#8490a4;margin-top:4px;font-size:10px;overflow:hidden;text-overflow:ellipsis}.icp-result[hidden]{display:none!important}
@media(max-width:1050px){.icp-studio{grid-template-columns:1fr}.icp-inspector{order:-1}.icp-canvas-stage{height:560px}}
@media(max-width:700px){.icp-page{padding-top:18px}.icp-topbar{align-items:flex-start;flex-direction:column}.icp-top-actions{width:100%;justify-content:flex-start}.icp-canvas-stage{height:430px}.icp-bottombar{align-items:flex-start;flex-direction:column}.icp-shortcuts{white-space:normal}.icp-result{flex-direction:column;align-items:stretch}.icp-result .button{width:100%}}