.tool-head{margin-top:calc(-1 * var(--header-h));padding-top:calc(var(--header-h) + clamp(1rem, 2.5vw, 1.5rem));background:radial-gradient(42rem 26rem at 6% -6rem,#f76a1d24,#0000 70%),radial-gradient(34rem 24rem at 98% 0,#1570d114,#0000 70%);padding-bottom:clamp(1rem,2vw,1.25rem)}.tool-crumbs{background:var(--color-navy-50);box-shadow:inset 0 0 0 1px var(--color-navy-100);color:var(--ink-muted);border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .85rem;font-size:.8125rem;font-weight:600;display:inline-flex}.tool-crumbs svg{width:.9rem;height:.9rem;color:var(--color-navy-400)}.tool-crumbs [aria-current]{color:var(--ink)}.tool-head-row{gap:1rem;margin-top:.75rem;display:grid}.tool-head h1{letter-spacing:-.04em;color:var(--ink);text-wrap:balance;font-size:clamp(2rem,1.45rem + 2.1vw,3.1rem);font-weight:800;line-height:1.05}.tool-lead{max-width:44rem;color:var(--color-navy-600);text-wrap:pretty;margin-top:.6rem;font-size:clamp(1rem,.95rem + .25vw,1.125rem);line-height:1.6}.tool-facts{flex-wrap:wrap;gap:.5rem;display:flex}.tool-facts li{box-shadow:inset 0 0 0 1px var(--color-navy-100), 0 1px 2px #070e1d0a;white-space:nowrap;color:var(--ink-soft);background:#fff;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.8125rem;font-weight:600;display:inline-flex}.tool-facts svg{width:.95rem;height:.95rem;color:var(--color-kite-600)}@media (min-width:1024px){.tool-head-row{grid-template-columns:minmax(0,1fr) auto;align-items:end}.tool-facts{justify-content:flex-end;max-width:36rem}}.tool-body{padding-bottom:clamp(3.5rem,7vw,5.5rem)}.rz{background:#fff;border-radius:1.5rem;display:grid;overflow:clip;box-shadow:0 0 0 1px #070e1d12,0 2px 4px #070e1d08,0 30px 70px -40px #121b2e61}.rz-main{grid-template-rows:auto 1fr auto auto;gap:.75rem;min-width:0;padding:.875rem 1rem 1rem;display:grid}.rz-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;min-height:2rem;display:flex}.rz-head-size{flex-wrap:wrap;align-items:center;gap:.25rem .55rem;min-width:0;font-size:.9375rem;display:flex}.rz-head-size b{color:var(--ink);font-weight:700}.rz-head-size>span:last-child{font-variant-numeric:tabular-nums;color:var(--ink-muted);font-size:.875rem;font-weight:600}.rz-head-photo{align-items:center;gap:.25rem;min-width:0;margin-right:-.5rem;display:flex}.rz-head-file{font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;max-width:16rem;color:var(--ink-muted);font-size:.8125rem;font-weight:600;overflow:hidden}.rz-own-icon{border:1.5px dashed var(--color-navy-400);border-radius:.35rem;flex:none;width:1.25rem;height:1.25rem;display:inline-block}.rz-group-title .rz-own-icon{border-radius:.3rem;width:1rem;height:1rem}.rz-stage{background-color:var(--band);background-image:radial-gradient(#070e1d17 1px,#0000 1.2px);background-size:16px 16px;border-radius:1rem;height:clamp(18rem,72vw,30rem);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #070e1d0d}.rz-stage[data-empty]{box-shadow:inset 0 0 0 2px var(--color-navy-100);background-color:#fbfbfd}.rz[data-dropping] .rz-stage{box-shadow:inset 0 0 0 2px var(--color-kite-400)}@media (min-width:1024px){.rz-stage{height:clamp(20rem,100dvh - 26.5rem,34rem)}}.rz-room{place-items:center;display:grid;position:absolute;inset:1.25rem}.rz-picture{touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border-radius:3px;position:relative;overflow:hidden;box-shadow:0 1px 2px #070e1d1a,0 18px 40px -22px #070e1d80}.rz-picture[data-cropping]{cursor:crosshair}.rz-picture[data-moving],.rz-picture[data-moving] .rz-frame{cursor:grabbing}.rz-picture[data-see-through]{background:repeating-conic-gradient(#eef0f5 0 25%, #fff 0 50%) 0 0 / 16px 16px}.rz-canvas{width:100%;height:100%;display:block}.rz-frame{cursor:grab;border-radius:1px;position:absolute;overflow:hidden;box-shadow:0 0 0 1.5px #fff,0 0 0 9999px #070e1d85}.rz-frame:focus-visible{outline:3px solid var(--color-kite-400);outline-offset:2px}.rz-frame:before,.rz-frame:after{content:"";opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;inset:0}.rz-frame:before{background:linear-gradient(90deg,#0000 calc(33.333% - .5px),#ffffff8c calc(33.333% - .5px) calc(33.333% + .5px),#0000 calc(33.333% + .5px)),linear-gradient(90deg,#0000 calc(66.666% - .5px),#ffffff8c calc(66.666% - .5px) calc(66.666% + .5px),#0000 calc(66.666% + .5px))}.rz-frame:after{background:linear-gradient(#0000 calc(33.333% - .5px),#ffffff8c calc(33.333% - .5px) calc(33.333% + .5px),#0000 calc(33.333% + .5px)),linear-gradient(#0000 calc(66.666% - .5px),#ffffff8c calc(66.666% - .5px) calc(66.666% + .5px),#0000 calc(66.666% + .5px))}.rz-picture[data-moving] .rz-frame:before,.rz-picture[data-moving] .rz-frame:after{opacity:1}.rz-frame-corners{pointer-events:none;--corner:16px;--thick:3px;background:linear-gradient(#fff 0 0) top left / var(--corner) var(--thick), linear-gradient(#fff 0 0) top left / var(--thick) var(--corner), linear-gradient(#fff 0 0) top right / var(--corner) var(--thick), linear-gradient(#fff 0 0) top right / var(--thick) var(--corner), linear-gradient(#fff 0 0) bottom left / var(--corner) var(--thick), linear-gradient(#fff 0 0) bottom left / var(--thick) var(--corner), linear-gradient(#fff 0 0) bottom right / var(--corner) var(--thick), linear-gradient(#fff 0 0) bottom right / var(--thick) var(--corner);background-repeat:no-repeat;position:absolute;inset:0}.rz-focus{background:radial-gradient(circle, var(--color-kite-500) 0 3px, transparent 3.5px);width:1.25rem;height:1.25rem;box-shadow:inset 0 0 0 2px #fff, 0 0 0 2px var(--color-kite-500), 0 2px 8px #070e1d66;pointer-events:none;border-radius:999px;position:absolute;translate:-50% -50%}.rz-safe{pointer-events:none;position:absolute;inset:0}.rz-safe-band{background:repeating-linear-gradient(-45deg,#070e1d80 0 7px,#070e1d57 7px 14px);place-items:center;display:grid;position:absolute;left:0;right:0}.rz-safe i,.rz-safe-middle i{white-space:nowrap;color:#fff;background:#070e1db3;border-radius:999px;padding:.15rem .55rem;font-size:.6875rem;font-style:normal;font-weight:700}.rz-safe-middle{outline-offset:-2px;outline:2px dashed #fffffff2;place-items:start;padding:.35rem;display:grid;position:absolute;box-shadow:inset 0 0 0 3px #070e1d2e}.rz-safe-circle{pointer-events:none;border-radius:999px;position:absolute;inset:0;box-shadow:inset 0 0 0 1.5px #fffffff2,0 0 0 9999px #070e1d73}.rz-drop{text-align:center;place-content:center;justify-items:center;gap:.9rem;padding:1.5rem;display:grid;position:absolute;inset:0}.rz-drop-icon{background:linear-gradient(160deg, var(--color-kite-50), #fff);width:4.25rem;height:4.25rem;box-shadow:inset 0 0 0 1px var(--color-kite-100), 0 14px 30px -18px #f76a1db3;color:var(--color-kite-600);border-radius:1.35rem;place-items:center;display:grid}.rz-drop-icon svg{width:1.9rem;height:1.9rem}.rz-drop-title{letter-spacing:-.02em;color:var(--ink);font-size:clamp(1.25rem,1.1rem + .6vw,1.5rem);font-weight:800}.rz-drop-or{color:var(--ink-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;font-size:.9375rem;display:flex}.rz-sample{color:var(--color-kite-700);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.875rem;font-weight:700;transition:background-color .2s;display:inline-flex}.rz-sample:hover{background:var(--color-kite-50)}.rz-sample:focus-visible,.rz-choice button:focus-visible,.rz-row-show:focus-visible,.rz-row-remove:focus-visible,.rz-add:focus-visible,.rz-colour:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.rz-sample svg{width:1rem;height:1rem}.rz-drop-note{max-width:26rem;color:var(--ink-muted);align-items:center;gap:.4rem;font-size:.8125rem;display:inline-flex}.rz-drop-note svg{width:.9rem;height:.9rem;color:var(--success);flex:none}.rz-veil{z-index:2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--ink);background:#ffffffd9;place-content:center;justify-items:center;gap:.5rem;font-size:.9375rem;font-weight:700;display:grid;position:absolute;inset:0}.rz-veil svg{width:1.6rem;height:1.6rem;color:var(--color-kite-600)}.rz-problem{background:var(--danger-soft);color:var(--danger-ink);border-radius:.8rem;align-items:flex-start;gap:.5rem;padding:.65rem .85rem;font-size:.875rem;font-weight:600;display:flex}.rz-problem svg{flex:none;width:1rem;height:1rem;margin-top:.15rem}.rz-tools{flex-wrap:wrap;align-items:center;gap:.6rem .9rem;display:flex}.rz-save-one{margin-left:auto}.rz-choice{background:var(--color-navy-50);box-shadow:inset 0 0 0 1px var(--color-navy-100);border-radius:999px;gap:.15rem;padding:.2rem;display:inline-flex}.rz-choice button{white-space:nowrap;height:2rem;color:var(--ink-soft);cursor:pointer;border-radius:999px;padding:0 .85rem;font-size:.8125rem;font-weight:650;transition:color .2s,background-color .2s,box-shadow .2s}.rz-choice button:hover:not(:disabled){color:var(--ink)}.rz-choice button[aria-pressed=true]{color:var(--ink);background:#fff;box-shadow:0 1px 3px #070e1d1f,0 0 0 1px #070e1d0a}.rz-choice button:disabled{cursor:default;opacity:.5}.rz-behind{align-items:center;gap:.45rem;display:inline-flex}.rz-colour{width:2rem;height:2rem;box-shadow:inset 0 0 0 1px var(--color-navy-200);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0;overflow:hidden}.rz-colour::-webkit-color-swatch-wrapper{padding:3px}.rz-colour::-webkit-color-swatch{border:0;border-radius:999px}.rz-colour::-moz-color-swatch{border:0;border-radius:999px}.rz-switch{color:var(--ink-soft);cursor:pointer;align-items:center;gap:.55rem;font-size:.8125rem;font-weight:650;display:inline-flex;position:relative}.rz-switch input{opacity:0;cursor:pointer;position:absolute;inset:0}.rz-switch-track{background:var(--color-navy-200);border-radius:999px;flex:none;width:2.1rem;height:1.25rem;transition:background-color .2s;position:relative}.rz-switch-track:after{content:"";background:#fff;border-radius:999px;width:.95rem;height:.95rem;transition:translate .2s cubic-bezier(.2,.8,.2,1);position:absolute;top:.15rem;left:.15rem;box-shadow:0 1px 3px #070e1d40}.rz-switch input:checked+.rz-switch-track{background:var(--brand-fill)}.rz-switch input:checked+.rz-switch-track:after{translate:.85rem}.rz-switch input:focus-visible+.rz-switch-track{outline:2px solid var(--focus);outline-offset:2px}.rz-soft{z-index:1;max-width:calc(100% - 1.5rem);color:var(--warning-ink);background:#fff7def5;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .75rem .35rem .6rem;font-size:.75rem;font-weight:650;display:inline-flex;position:absolute;top:.75rem;left:.75rem;box-shadow:inset 0 0 0 1px #f3b01d73,0 6px 16px -10px #070e1d59}.rz-soft svg,.rz-row-soft svg{width:1rem;height:1rem;color:var(--warning);flex:none}.rz-panel{border-top:1px solid var(--color-navy-100);background:linear-gradient(#fbfbfd,#f6f7fb);grid-template-rows:auto 1fr auto;min-width:0;display:grid}@media (min-width:1024px){.rz{grid-template-columns:minmax(0,1fr) 23rem}.rz-panel{contain:size;border-top:0;border-left:1px solid var(--color-navy-100)}.rz-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--color-navy-200) transparent;overflow-y:auto}.rz-group-title{z-index:1;position:sticky;top:0}}.rz-panel-head{justify-content:space-between;align-items:baseline;padding:1rem 1.1rem .4rem;display:flex}.rz-panel-head h2{color:var(--ink);font-size:1rem;font-weight:800}.rz-panel-head span{color:var(--ink-muted);font-size:.8125rem;font-weight:600}.rz-list{min-height:0;padding:0 .6rem .75rem}.rz-group-title{color:var(--ink);background:#f9f9fc;align-items:center;gap:.5rem;padding:.65rem .5rem .35rem;font-size:.8125rem;font-weight:750;display:flex}.rz-group-count{color:var(--ink-muted);margin-left:auto;font-size:.75rem;font-weight:600}.rz-group ul{gap:.125rem;display:grid}.rz-row{border-radius:.85rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.15rem;padding:.15rem .25rem .15rem .5rem;transition:background-color .2s,box-shadow .2s;display:grid}.rz-row:hover{background:#ffffffbf}.rz-row[data-active]{background:#fff;box-shadow:0 0 0 1px #f76a1d66,0 8px 18px -12px #121b2e66}.rz-check{width:1rem;height:1rem;accent-color:var(--color-kite-600);cursor:pointer}.rz-row-show{text-align:left;cursor:pointer;border-radius:.65rem;grid-template-columns:3rem minmax(0,1fr) auto;align-items:center;gap:.65rem;min-width:0;padding:.3rem .4rem;display:grid}.rz-thumb{width:3rem;height:3rem;box-shadow:inset 0 0 0 1px var(--color-navy-100);background:#fff;border-radius:.65rem;place-items:center;display:grid}.rz-row[data-active] .rz-thumb{background:var(--color-navy-50)}.rz-thumb-shape{background:linear-gradient(150deg, var(--color-kite-100), var(--color-navy-100));border-radius:2px;display:block;overflow:hidden;box-shadow:0 0 0 1px #070e1d14}.rz-thumb-shape canvas{width:100%;height:100%;display:block}.rz-row-words{min-width:0;display:grid}.rz-row-name{white-space:nowrap;text-overflow:ellipsis;color:var(--ink);font-size:.875rem;font-weight:700;overflow:hidden}.rz-row-name em{background:var(--color-kite-50);vertical-align:1px;color:var(--color-kite-700);border-radius:999px;margin-left:.4rem;padding:.05rem .4rem;font-size:.6875rem;font-style:normal;font-weight:700}.rz-row-size{font-variant-numeric:tabular-nums;color:var(--ink-muted);font-size:.75rem;font-weight:600}.rz-row-remove{width:1.75rem;height:1.75rem;color:var(--ink-muted);cursor:pointer;border-radius:.5rem;place-items:center;display:grid}.rz-row-remove:hover{background:var(--color-navy-50);color:var(--ink)}.rz-row-remove svg{width:1rem;height:1rem}.rz-add{color:var(--color-kite-700);cursor:pointer;border-radius:.7rem;align-items:center;gap:.4rem;margin:.3rem .25rem 0;padding:.5rem .7rem;font-size:.8125rem;font-weight:700;display:inline-flex}.rz-add:hover{background:var(--color-kite-50)}.rz-add svg{width:1rem;height:1rem}.rz-add-form{gap:.35rem;padding:.5rem .5rem .25rem;display:grid}.rz-add-fields{align-items:flex-end;gap:.4rem;display:flex}.rz-add-fields label{color:var(--ink-muted);gap:.2rem;font-size:.6875rem;font-weight:700;display:grid}.rz-add-fields input{border:1px solid var(--control-line);font-variant-numeric:tabular-nums;width:4.75rem;height:2rem;color:var(--ink);background:#fff;border-radius:.55rem;padding:0 .6rem;font-size:.875rem;font-weight:600}.rz-add-fields input:focus{border-color:var(--focus);outline:3px solid #d64c0826}.rz-add-fields input[aria-invalid]{border-color:var(--danger)}.rz-add-by{color:var(--ink-muted);padding-bottom:.4rem}.rz-add-hint,.rz-add-problem{color:var(--ink-muted);font-size:.75rem}.rz-add-problem{color:var(--danger-ink);font-weight:600}.rz-panel-foot{border-top:1px solid var(--color-navy-100);background:#ffffffa6;gap:.6rem;padding:.85rem 1rem 1rem;display:grid}@media (max-width:1023px){.rz-panel-foot{z-index:2;padding-bottom:max(1rem, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;position:sticky;bottom:0;box-shadow:0 -12px 24px -20px #070e1d66}}.rz-panel-foot .rz-choice{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.rz-save-all{width:100%;height:2.75rem}.rz-panel-note{text-align:center;color:var(--ink-muted);font-size:.75rem}.guide{background:var(--band);padding-block:clamp(4.5rem,9vw,7rem)}.guide-sheet{columns:1;column-gap:1.25rem;margin-top:clamp(2rem,4vw,3rem)}@media (min-width:900px){.guide-sheet{columns:2}}.guide-net{break-inside:avoid;background:#fff;border-radius:1.25rem;margin-bottom:1.25rem;padding:1.15rem 1.35rem .6rem;box-shadow:0 0 0 1px #070e1d0f,0 18px 40px -32px #121b2e66}.guide-net h3{letter-spacing:-.01em;color:var(--ink);align-items:center;gap:.65rem;font-size:1.125rem;font-weight:800;display:flex}.guide-net table{border-collapse:collapse;width:100%;margin-top:.4rem}.guide-net tr+tr{border-top:1px solid var(--color-navy-100)}.guide-net th[scope=row]{text-align:left;padding:.75rem 0;font-weight:500}.guide-net th b{color:var(--ink);font-size:.9375rem;font-weight:700;display:block}.guide-net th span{color:var(--ink-muted);margin-top:.15rem;font-size:.8125rem;line-height:1.45;display:block}.guide-net td{vertical-align:top;white-space:nowrap;text-align:right;padding:.75rem 0 .75rem 1rem}.guide-px{font-variant-numeric:tabular-nums;color:var(--ink);font-size:.9375rem;font-weight:750}.guide-shape{font-variant-numeric:tabular-nums;width:5.5rem;color:var(--ink-muted);font-size:.8125rem;font-weight:650}.guide-glyph{width:min(2.4rem, calc(1.15rem * var(--r)));aspect-ratio:var(--r);border:1.5px solid var(--color-navy-400);background:var(--color-navy-100);vertical-align:middle;border-radius:2px;margin-right:.45rem;display:inline-block}
