:root{--bg: #f4ecdf;--bg-accent: #d8efe8;--bg-warm: #f9f4ea;--surface: rgba(255, 252, 247, .84);--surface-strong: #fffaf2;--surface-deep: #183247;--surface-deep-soft: #244961;--text: #182532;--text-soft: #516170;--text-inverse: #f9f5ee;--border: rgba(24, 50, 71, .12);--border-strong: rgba(24, 50, 71, .28);--teal: #0f9b8e;--teal-soft: rgba(15, 155, 142, .14);--amber: #f1a94d;--shadow-lg: 0 28px 80px rgba(24, 50, 71, .14);--shadow-md: 0 16px 40px rgba(24, 50, 71, .1);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--max-width: 1380px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at top left,rgba(241,169,77,.18),transparent 30%),radial-gradient(circle at top right,rgba(15,155,142,.18),transparent 34%),linear-gradient(180deg,var(--bg) 0%,var(--bg-accent) 46%,var(--bg-warm) 100%);font-family:Avenir Next,Segoe UI,sans-serif;line-height:1.5}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input{font:inherit}.page-shell{width:min(calc(100% - 32px),var(--max-width));margin:0 auto;padding-bottom:56px}.site-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding:16px 22px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:#fff9f1d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-md)}.brand,.hero-copy h1,.hero-panel h2,.section-heading h2,.panel h3,.info-card h3,.next-tool-card h3{font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,serif;letter-spacing:-.02em}.brand{display:inline-flex;align-items:center;max-width:220px}.brand-logo{display:block;width:100%;height:auto}.site-nav{display:flex;align-items:center;gap:18px;color:var(--text-soft)}.site-nav a:hover,.site-nav a:focus-visible,.link-arrow:hover,.link-arrow:focus-visible{color:var(--surface-deep)}.header-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.btn:hover,.btn:focus-visible,.header-cta:hover,.header-cta:focus-visible{transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.52;transform:none}.btn-primary,.header-cta{color:var(--text-inverse);background:linear-gradient(135deg,var(--surface-deep),var(--teal));box-shadow:0 14px 30px #15455c38}.btn-secondary{color:var(--surface-deep);background:#ffffff6b;border-color:#1832471f}.btn-ghost{color:var(--surface-deep);background:var(--teal-soft);border-color:transparent}.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:28px;padding:44px 0 32px}.hero-copy,.hero-panel,.panel,.info-card,.next-tool-card{border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-xl);background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-lg);animation:rise-in .72s ease both}.hero-copy{padding:42px}.eyebrow,.panel-kicker{margin:0 0 12px;font-size:.82rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--teal)}.hero-copy h1{margin:0;font-size:clamp(2.8rem,5vw,5.2rem);line-height:.95}.hero-text,.section-heading>p,.panel-heading p,.selection-head p,.hero-panel p,.info-card p,.next-tool-card p{color:var(--text-soft)}.hero-text{max-width:62ch;margin:22px 0;font-size:1.08rem}.hero-actions,.button-row{display:flex;flex-wrap:wrap;gap:12px}.hero-list{display:grid;gap:10px;margin:28px 0 0;padding:0;list-style:none}.hero-list li{position:relative;padding-left:26px;color:var(--text)}.hero-list li:before{content:"";position:absolute;left:0;top:.55em;width:11px;height:11px;border-radius:999px;background:linear-gradient(135deg,var(--amber),var(--teal))}.hero-panel{padding:30px;background:radial-gradient(circle at top right,rgba(241,169,77,.12),transparent 42%),linear-gradient(180deg,#fffaf2f5,#f6fffbdb)}.hero-panel h2,.section-heading h2,.panel h3,.info-card h3,.next-tool-card h3{margin:0 0 12px}.hero-panel h2{font-size:clamp(2rem,3vw,3rem);line-height:1.02}.compact-hero{padding:44px 0 18px}.compact-hero h1{margin:0 0 14px;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,serif;font-size:clamp(2.4rem,4vw,4.2rem);letter-spacing:-.02em}.section-block{margin-top:24px}.directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.directory-card{padding:22px;border-radius:var(--radius-lg);border:1px solid var(--border);background:#ffffffb8;box-shadow:var(--shadow-md)}.directory-card h3{margin:12px 0 10px;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,serif;font-size:1.6rem;letter-spacing:-.02em}.directory-card p{margin:0 0 14px;color:var(--text-soft)}.directory-meta{display:flex;justify-content:space-between;align-items:center}.status-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#18324714;color:var(--surface-deep);font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.status-pill.is-live{background:#0f9b8e29;color:var(--teal)}.text-link{color:var(--teal);font-weight:700}.text-link.muted{color:var(--text-soft)}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;color:var(--text-soft)}.hero-stats{display:grid;gap:14px;margin-top:28px}.stat-card{padding:16px 18px;border:1px solid var(--border);border-radius:var(--radius-lg);background:#ffffffa8}.stat-card strong{display:block;margin-bottom:4px}.stat-card span{color:var(--text-soft)}.section-heading{max-width:58rem;margin-bottom:22px}.section-heading.compact{margin-bottom:20px}.section-heading h2{font-size:clamp(2rem,3vw,3.2rem)}.tool-layout{display:grid;grid-template-columns:300px minmax(0,1fr) 340px;gap:18px;align-items:start}.panel{padding:24px}.panel-heading{margin-bottom:16px}.panel-heading h3,.workspace-topbar h3,.selection-head h3{font-size:1.45rem}.field,.upload-field{display:grid;gap:8px;margin-bottom:16px}.field span,.upload-field span{font-weight:700}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field input[type=number],.upload-field input[type=file],.selection-input{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffffd6;color:var(--text)}.upload-field input[type=file]{padding:14px}.panel-note{margin:18px 0;color:var(--text-soft)}.toggle-field{display:flex;align-items:center;gap:10px;margin:10px 0 14px;color:var(--text)}.toggle-field input{width:18px;height:18px;accent-color:var(--teal)}.toggle-field span{font-weight:700}.meta-card{padding:18px;border-radius:var(--radius-lg);background:#112e42f0;color:var(--text-inverse)}.meta-card h4{margin:0 0 14px}.image-meta{display:grid;gap:14px;margin:0}.image-meta div{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.14)}.image-meta div:last-child{padding-bottom:0;border-bottom:0}.image-meta dt{color:#f9f5eeb8}.image-meta dd{margin:0;text-align:right}.workspace-topbar,.selection-head{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:18px}.workspace-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:flex-end}.zoom-controls{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:999px;background:#ffffffb8}.zoom-range-field{display:flex;align-items:center;gap:10px;min-width:180px;color:var(--text-soft);font-size:.92rem;font-weight:700}.zoom-range-field input{width:100%;accent-color:var(--teal)}.zoom-button{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;border:1px solid var(--border);border-radius:999px;background:#ffffffeb;color:var(--surface-deep);cursor:pointer}.zoom-button:hover,.zoom-button:focus-visible{border-color:#0f9b8e6b;outline:none}.zoom-button:disabled{opacity:.42;cursor:not-allowed}.zoom-button.reset{min-width:62px;font-size:.86rem;font-weight:700}.zoom-readout{min-width:52px;text-align:right;font-weight:800;color:var(--surface-deep)}.link-arrow{color:var(--teal);font-weight:700}.stage-shell{position:relative;min-height:560px;padding:18px;display:grid;place-items:center;border-radius:var(--radius-xl);background:linear-gradient(135deg,#1832470d,#0f9b8e1a),#ffffff94;border:1px dashed var(--border-strong);overflow:auto}.stage-shell.is-loaded{place-items:start}.empty-state{display:grid;place-items:center;min-height:520px;padding:40px;text-align:center;color:var(--text-soft)}.empty-state strong{display:block;margin-bottom:8px;color:var(--surface-deep);font-size:1.3rem}.image-stage{position:relative;display:inline-block;max-width:100%}.stage-workbench{display:inline-grid;grid-template-columns:42px auto;grid-template-rows:42px auto;gap:10px;align-items:start;justify-items:start;max-width:100%;width:fit-content;transform-origin:top left}.stage-viewport{width:fit-content;height:fit-content;min-width:100%}.stage-workbench.is-hidden{display:none}.ruler-corner,.ruler{border-radius:14px;border:1px solid rgba(24,50,71,.12);background:linear-gradient(180deg,#ffffffdb,#ebf6f4f0);box-shadow:var(--shadow-md)}.ruler-corner{display:grid;place-items:center;width:42px;height:42px;color:var(--teal);font-weight:800}.ruler{position:relative;overflow:visible;cursor:crosshair}.ruler:hover,.ruler:focus-visible{outline:2px solid rgba(15,155,142,.26);outline-offset:2px}.ruler.is-disabled{opacity:.45;cursor:not-allowed}.ruler:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.9}.ruler:after{content:"+ Add guide";position:absolute;color:#183247b8;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ruler-top{min-height:42px;width:100%}.ruler-top:before{background:repeating-linear-gradient(90deg,rgba(24,50,71,.16) 0,rgba(24,50,71,.16) 1px,transparent 1px,transparent 24px),linear-gradient(90deg,rgba(15,155,142,.12),transparent 50%,rgba(241,169,77,.12))}.ruler-top:after{right:14px;top:12px}.ruler-left{width:42px;height:100%}.ruler-left:before{background:repeating-linear-gradient(180deg,rgba(24,50,71,.16) 0,rgba(24,50,71,.16) 1px,transparent 1px,transparent 24px),linear-gradient(180deg,rgba(15,155,142,.12),transparent 50%,rgba(241,169,77,.12))}.ruler-left:after{left:50%;bottom:16px;transform:translate(-50%) rotate(-90deg);transform-origin:center;white-space:nowrap}.image-stage img{max-height:70vh;border-radius:16px;box-shadow:var(--shadow-md)}.image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;overflow:hidden}.cell-region{position:absolute;border:1px solid rgba(255,255,255,.38);background:#1832470f;transition:background .14s ease,box-shadow .14s ease,border-color .14s ease;cursor:pointer}.cell-region:hover,.cell-region:focus-visible{background:#f1a94d33;border-color:#f1a94dcc;outline:none}.cell-region.is-selected{background:#0f9b8e42;border-color:#0f9b8ee0;box-shadow:inset 0 0 0 1px #ffffffb8}.cell-tag,.cell-name-chip{position:absolute;left:8px;top:8px;display:inline-flex;align-items:center;max-width:calc(100% - 16px);padding:4px 8px;border-radius:999px;background:#183247c7;color:var(--text-inverse);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cell-name-chip{background:#0f9b8ee6}.guide-line{position:absolute;z-index:4;pointer-events:none}.guide-line.vertical{top:0;bottom:0;width:18px;margin-left:-9px}.guide-line.horizontal{left:0;right:0;height:18px;margin-top:-9px}.ruler-handle{position:absolute;z-index:6}.ruler-handle.vertical{top:0;bottom:0;width:24px;margin-left:-12px}.ruler-handle.horizontal{left:0;right:0;height:24px;margin-top:-12px}.ruler-handle-grab{position:absolute;z-index:7;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:0;border-radius:999px;background:#0f9b8ef5;color:var(--text-inverse);cursor:grab;touch-action:none;box-shadow:0 12px 24px #0f9b8e42}.ruler-handle-grab:before{content:"";width:12px;height:12px;border-radius:999px;border:2px solid rgba(255,255,255,.92)}.ruler-handle-grab:hover,.ruler-handle-grab:focus-visible{background:var(--surface-deep);outline:none}.ruler-handle.vertical .ruler-handle-grab{left:-1px;top:8px}.ruler-handle.horizontal .ruler-handle-grab{left:8px;top:-1px}.ruler-handle-remove{position:absolute;z-index:7;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:0;border-radius:999px;background:#183247eb;color:var(--text-inverse);font-size:.78rem;cursor:pointer;box-shadow:0 8px 16px #1832472e}.ruler-handle-remove:hover,.ruler-handle-remove:focus-visible{background:#a33f3f;outline:none}.ruler-handle.vertical .ruler-handle-remove{left:3px;bottom:8px}.ruler-handle.horizontal .ruler-handle-remove{right:8px;top:3px}.guide-mark{position:absolute;top:0;right:0;bottom:0;left:0}.guide-line.vertical .guide-mark:before,.guide-line.horizontal .guide-mark:before{content:"";position:absolute;border-radius:999px;background:linear-gradient(180deg,#ffffffe6,#0f9b8ef2);box-shadow:0 0 0 1px #ffffff61,0 10px 22px #0f9b8e3d}.guide-line.vertical .guide-mark:before{left:8px;top:0;bottom:0;width:2px}.guide-line.horizontal .guide-mark:before{left:0;right:0;top:8px;height:2px}.guide-line:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:var(--surface-strong);border:2px solid var(--teal);box-shadow:0 10px 18px #0f9b8e3d}.guide-line.vertical:after{left:1px;top:14px}.guide-line.horizontal:after{left:14px;top:1px}.selected-list{display:grid;gap:12px}.selection-card,.empty-selection,.next-tool-card,.info-card{padding:18px;border-radius:var(--radius-lg);background:#ffffffad;border:1px solid var(--border)}.empty-selection{color:var(--text-soft)}.selection-card{display:grid;gap:12px}.selection-card header{display:flex;align-items:center;justify-content:space-between;gap:12px}.selection-card strong{font-size:1rem}.selection-card button{border:0;background:transparent;color:var(--text-soft);cursor:pointer}.selection-card button:hover,.selection-card button:focus-visible{color:#b33f3f}.selection-meta{color:var(--text-soft);font-size:.92rem}.info-grid,.next-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.next-tools{margin-top:32px}.next-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:38px;padding:18px 6px 0;color:var(--text-soft)}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1180px){.tool-layout{grid-template-columns:minmax(0,1fr)}.stage-shell{min-height:420px;place-items:start center}.selection-head,.workspace-topbar{flex-direction:column;align-items:start}.workspace-actions{width:100%;justify-content:space-between}}@media (max-width: 960px){.hero,.info-grid,.directory-grid,.next-tool-grid{grid-template-columns:minmax(0,1fr)}.site-header{flex-wrap:wrap;border-radius:26px}.site-nav{order:3;width:100%;flex-wrap:wrap}.brand{max-width:180px}}@media (max-width: 720px){body{font-size:15px}.page-shell{width:min(calc(100% - 20px),var(--max-width))}.hero-copy,.hero-panel,.panel{padding:20px}.stage-shell{min-height:320px;padding:12px}.workspace-actions,.zoom-controls{width:100%}.zoom-controls{flex-wrap:wrap;justify-content:flex-start;border-radius:24px}.zoom-range-field{min-width:100%}.stage-workbench{gap:8px;grid-template-columns:34px auto;grid-template-rows:34px auto}.ruler-corner,.ruler-top,.ruler-left{min-height:34px;width:auto}.ruler-corner,.ruler-left{width:34px}.ruler:after{font-size:.62rem}.ruler-handle.vertical .ruler-handle-grab{top:4px}.ruler-handle.horizontal .ruler-handle-grab{left:4px}.ruler-handle.vertical .ruler-handle-remove{bottom:4px}.ruler-handle.horizontal .ruler-handle-remove{right:4px}.empty-state{min-height:280px;padding:24px 18px}.field-grid{grid-template-columns:minmax(0,1fr)}}