.tool-aside.settings-aside{flex:340px;align-self:flex-start;min-width:0}.set-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;display:flex}.set-sec{flex-direction:column;gap:10px;padding:18px 20px 6px;display:flex}.set-sec+.set-sec{border-top:1px solid #ece9e2}.set-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.set-head h3{font-size:17px;font-weight:600}.set-foot{border-top:1px solid #ece9e2;flex-direction:column;gap:10px;margin-top:8px;padding:16px 20px 20px;display:flex}.set-foot .btn{width:100%}.set-foot p{color:var(--ink-2);font-size:13px}.seg{background:var(--sunken);border-radius:10px;gap:2px;padding:3px;display:grid}.seg button{height:38px;color:var(--ink);background:0 0;border:0;border-radius:8px;font-size:14px;font-weight:500}.seg button[aria-selected=true],.seg button[aria-checked=true]{background:var(--surface);font-weight:600;box-shadow:0 1px 2px #16161a24}.seg button:disabled{color:var(--ink-3)}fieldset.cards{border:0;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;display:flex}fieldset.cards legend{float:left;color:#2c2c33;padding:0 0 8px;font-size:14px;font-weight:600}fieldset.cards legend+*{clear:both}.range{flex-direction:column;gap:8px;display:flex}.range-head{justify-content:space-between;align-items:center;display:flex}.range-head label{font-size:14px;font-weight:600}.range-head output{font-family:var(--mono);background:var(--sunken);border-radius:6px;padding:4px 8px;font-size:14px;font-weight:500}.range input[type=range]{width:100%;accent-color:var(--cobalt);height:28px;margin:0}.range-hints{color:var(--ink-3);justify-content:space-between;font-size:12px;display:flex}.num-field{flex-direction:column;flex:1 1 0;gap:4px;min-width:0;font-size:13px;font-weight:500;display:flex}.num-field.grow{flex:auto}.num-box{border:1px solid var(--line-strong);background:var(--surface);border-radius:10px;align-items:center;height:42px;padding:0 10px;display:flex}.num-box:focus-within{outline:2px solid var(--cobalt);outline-offset:1px}.num-box input{min-width:0;font:500 14px var(--mono);color:var(--ink);background:0 0;border:0;outline:none;flex:auto}.num-box .unit{color:var(--ink-3);font-size:12px}.num-box input:disabled{color:var(--ink-3)}.row{align-items:end;gap:8px;display:flex}.row.wrap{flex-wrap:wrap}.color-pick{border:1px solid var(--line-strong);background:var(--surface);border-radius:10px;width:52px;height:42px;padding:2px}.color-field{align-items:end;gap:8px;display:flex}.mono{font-family:var(--mono);text-transform:uppercase}.swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.swatches button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;font-size:13px;font-weight:500;display:flex}.swatches button[aria-checked=true]{border:1.5px solid var(--cobalt);background:#f7f8fe;padding:11.5px 7.5px}.swatches .chip{border-radius:8px;width:32px;height:32px;box-shadow:inset 0 0 0 1px #16161a2e}.check{cursor:pointer;align-items:flex-start;gap:10px;font-size:14px;display:flex}.check input{width:18px;height:18px;accent-color:var(--cobalt);flex:none;margin:2px 0 0}.check-t{font-weight:500;display:block}.check-d{color:var(--ink-2);font-size:13px;display:block}.hint{color:#2c2c33;gap:8px;font-size:13px;line-height:19px;display:flex}.hint-warn{background:var(--caution-bg);color:var(--caution-ink);border-radius:10px;padding:10px 12px}.hint-good{color:var(--success-fg)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips button{border:1px solid var(--line-strong);background:var(--surface);height:36px;font:500 13px var(--mono);color:var(--ink);border-radius:8px;padding:0 12px}.chips button[aria-pressed=true]{border-color:var(--cobalt);background:var(--cobalt-soft);color:var(--cobalt-dark)}.sel{flex-direction:column;gap:6px;display:flex}.sel label{font-size:14px;font-weight:600}.select{border:1px solid var(--line-strong);background:var(--surface);height:40px;color:var(--ink);border-radius:10px;padding:0 10px;font-size:14px}details.more{border-top:1px solid #ece9e2;margin:0 20px}details.more summary{cursor:pointer;padding:14px 0;font-size:14px;font-weight:600}details.more .more-body{flex-direction:column;gap:10px;padding:0 0 14px;display:flex}.pv{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}.pv-head{border-bottom:1px solid #ece9e2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.pv-head h2{overflow-wrap:anywhere;min-width:0;font-size:15px;font-weight:600}.pv-head span{font-family:var(--mono);color:var(--ink-2);font-size:12px}.pv-grid{background:var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.pv-fig{background:var(--checker) 50% / 16px 16px;justify-content:center;align-items:center;height:340px;margin:0;display:flex;position:relative;overflow:hidden}.pv-fig img{max-width:90%;max-height:90%;display:block}.pv-cap{color:#fff;background:#16161ac7;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500;position:absolute;top:10px;left:10px}.pv-note{color:var(--ink-2);border-top:1px solid #ece9e2;gap:8px;padding:10px 16px;font-size:13px;line-height:18px;display:flex}.pv-note .ico{color:var(--cobalt);flex:none;display:flex}.pv-empty{text-align:center;color:var(--ink-2);padding:28px;font-size:14px}.tiles{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;padding:14px 16px 16px;display:grid}.tile-stage{background:#faf9f6;justify-content:center;align-items:center;height:200px;display:flex}.tile-canvas{flex:none;display:flex;position:relative;overflow:hidden}.tile-canvas img{display:block;position:absolute}.tile-info{flex-direction:column;gap:2px;padding:8px 10px;font-size:12px;display:flex}.tile-info b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.tile-info span{font-family:var(--mono);color:var(--ink-2)}.tile-info em{color:var(--caution-fg);font-style:normal;font-family:var(--font)}.align-grid{background:var(--sunken);border-radius:10px;grid-template-rows:repeat(3,34px);grid-template-columns:repeat(3,34px);gap:4px;width:max-content;padding:4px;display:grid}.align-grid button{background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;display:flex}.align-grid button[aria-checked=true]{background:var(--surface);box-shadow:0 1px 2px #16161a24}.align-grid i{background:#b4afa4;border-radius:50%;width:8px;height:8px;display:block}.align-grid button[aria-checked=true] i{background:var(--cobalt);width:12px;height:12px}.next{background:#faf9f6;border-top:1px solid #ece9e2;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:14px 16px;font-size:14px;display:flex}.next strong{font-weight:600}.next .lead{flex:280px;min-width:0}.next-btn{border:1px solid var(--line-strong);background:var(--surface);height:40px;color:var(--ink);border-radius:10px;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}.next-btn:hover{background:var(--sunken)}.received{background:var(--cobalt-wash);border:1px solid #dce2fa;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 14px;font-size:14px;display:flex}.received .t{flex:260px;min-width:0}.modal-back{z-index:60;background:#16161a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:14px;width:min(520px,100%);padding:24px;display:flex;box-shadow:0 24px 48px -24px #16161a66}.modal h2{font-size:19px;font-weight:600}.modal p{color:var(--ink-2);font-size:14px;line-height:21px}.modal .acts{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.modal .btn{height:44px;padding:0 16px;font-size:15px}.crop-pane{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}.crop-bar{border-bottom:1px solid #ece9e2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding:12px 16px;display:flex}.crop-file{align-items:center;gap:10px;min-width:0;display:flex}.crop-file b{overflow-wrap:anywhere;font-size:14px;font-weight:600}.crop-file span{font-family:var(--mono);color:var(--ink-2);white-space:nowrap;font-size:12px}.zoom{align-items:center;gap:6px;display:flex}.zoom button{border:1px solid var(--line-strong);background:var(--surface);min-width:36px;height:36px;color:var(--ink);border-radius:8px;justify-content:center;align-items:center;padding:0 10px;font-size:13px;font-weight:500;display:flex}.zoom output{font-family:var(--mono);text-align:center;min-width:48px;font-size:13px}.crop-stage{touch-action:pan-x pan-y;background:#f1efea;max-height:78vh;padding:28px 24px;overflow:auto}.crop-canvas{background:var(--checker) 50% / 16px 16px;user-select:none;touch-action:none;flex:none;margin:0 auto;position:relative}.crop-canvas img{pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.crop-shade{pointer-events:none;position:absolute;inset:0}.crop-rect{box-sizing:border-box;cursor:move;touch-action:none;border:1.5px solid #fff;position:absolute;box-shadow:0 0 0 1px #16161a80}.crop-rect:focus-visible{outline:2px solid var(--cobalt);outline-offset:2px}.crop-grid{pointer-events:none;background:linear-gradient(#fff6,#fff6) 33.33% 0/1px 100% no-repeat,linear-gradient(#fff6,#fff6) 66.66% 0/1px 100% no-repeat,linear-gradient(#fff6,#fff6) 0 33.33%/100% 1px no-repeat,linear-gradient(#fff6,#fff6) 0 66.66%/100% 1px no-repeat;position:absolute;inset:0}.crop-handle{touch-action:none;background:0 0;border:0;justify-content:center;align-items:center;width:22px;height:22px;margin:-11px 0 0 -11px;padding:0;display:flex;position:absolute}.crop-handle>span{border:1.5px solid var(--cobalt);background:#fff;border-radius:3px;width:12px;height:12px;display:block}.crop-handle.edge-h>span{width:22px;height:6px}.crop-handle.edge-v>span{width:6px;height:22px}.crop-badge{background:var(--cobalt);color:#fff;font:500 12px var(--mono);white-space:nowrap;pointer-events:none;border-radius:6px;padding:3px 8px;position:absolute;left:0;transform:translateY(6px)}.crop-tip{color:var(--ink-2);border-top:1px solid #ece9e2;padding:10px 16px;font-size:13px;line-height:19px}.ratio-chips{flex-wrap:wrap;gap:8px;display:flex}.ratio-chips button{border:1px solid var(--line);background:var(--surface);height:40px;color:var(--ink);border-radius:8px;padding:0 14px;font-size:14px;font-weight:500}.ratio-chips button[aria-checked=true]{border:1.5px solid var(--cobalt);background:var(--cobalt-soft);color:var(--cobalt-dark)}.crop-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.out-line{justify-content:space-between;gap:12px;font-size:14px;display:flex}.out-line span:last-child{font-family:var(--mono);font-size:13px}@media (width<=640px){.tool-aside.settings-aside{position:static}.pv-grid{grid-template-columns:1fr}.pv-fig{height:240px}.crop-stage{padding:16px 0}.crop-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.modal{padding:18px}}.thumb-btn{cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;padding:0}.btn-danger-quiet{color:var(--error-fg);background:0 0;border:0;font-weight:500}.btn-danger-quiet:hover{background:var(--error-bg)}.file-row.is-selected .thumb{box-shadow:0 0 0 2px var(--cobalt)}.hint .icon{flex:none;margin-top:2px}.tool-panel{flex:100%;min-width:0}@media (width<=980px){.tool-body.has-files .tool-panel{order:1}.tool-body.has-files .tool-main{order:2}.tool-body.has-files .tool-aside{order:3}}.lock-btn{border:1px solid var(--line);background:var(--surface);width:42px;height:42px;color:var(--ink-2);border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}.lock-btn[aria-pressed=true]{border-color:var(--cobalt);background:var(--cobalt-soft);color:var(--cobalt-dark)}.unit-note{color:var(--ink-3);font-size:12px}.pv-stage{background:var(--sunken);justify-content:center;align-items:center;height:380px;display:flex}.pv-box{outline:1.5px dashed var(--cobalt);background:var(--checker) 50% / 12px 12px;flex:none;overflow:hidden}.pv-box img{width:100%;height:100%;display:block}.trim-frame{background:var(--checker) 50% / 12px 12px;display:block;position:relative}.trim-frame>img{position:absolute;inset:0}.trim-box{outline:2px solid var(--cobalt);outline-offset:0;pointer-events:none;background:#2443d60f;position:absolute}.pv-status{color:var(--ink-2);padding:10px 16px 0;font-size:13px}.diagram{align-items:center;gap:14px;margin:0;display:flex}.dg-canvas{border:1.5px solid var(--ink-2);background:var(--checker) 50% / 10px 10px;flex:none;justify-content:center;align-items:center;width:92px;height:92px;display:flex}.dg-img{border:1.5px dashed var(--cobalt);background:#2443d61a;width:52px;height:52px}.diagram figcaption{color:var(--ink-2);flex-direction:column;gap:6px;font-size:12px;line-height:17px;display:flex}.diagram figcaption>span{align-items:flex-start;gap:6px;display:flex}.diagram .k{border:1.5px solid var(--ink-2);flex:none;width:12px;height:12px;margin-top:3px;display:inline-block}.diagram .k.image{border-style:dashed;border-color:var(--cobalt)}.link-toggle{border:1px solid var(--line);background:var(--surface);height:36px;color:var(--ink);border-radius:8px;align-self:flex-start;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.link-toggle.on{border-color:var(--cobalt);background:var(--cobalt-soft);color:var(--cobalt-dark)}.times{color:var(--ink-3);align-self:center;padding-top:18px}.lbl{font-size:14px;font-weight:600}.tile{border:1px solid var(--line);background:var(--surface);border-radius:12px;overflow:hidden}.tile.is-sel{border-color:var(--cobalt);box-shadow:0 0 0 1px var(--cobalt)}.tile-stage{cursor:pointer;border:0;width:100%;padding:0}fieldset.cards .check{padding:2px 0}.alert-card{background:var(--caution-bg);color:var(--caution-ink);border:1px solid #f0d9a8;border-radius:14px;flex-direction:column;gap:12px;padding:16px;font-size:14px;line-height:20px;display:flex}.alert-card p{gap:10px;display:flex}.alert-card .ico{color:var(--caution-icon);flex:none;padding-top:1px;display:flex}.alert-acts{flex-wrap:wrap;gap:8px;display:flex}.conv-note{border-top:1px solid #ece9e2;padding-top:14px}.conv-note .hint{color:var(--ink-2);font-size:12px;line-height:17px}.alert-card,.alert-card p>span,.compare-sec h2,.banner,.banner-body,.received .t,.notice{overflow-wrap:anywhere;min-width:0}
