:root{--bg:#f6f8f7;--panel:#ffffff;--ink:#1f2d2c;--muted:#71807f;--brand:#38716E;--brand-dark:#2F5F5D;--plum:#6f4a61;--line:#c8d1cf;--selected:#e6f2f1;--danger:#9c3c3c}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg)}body{color:var(--ink);font:16px/1.4 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.app{max-width:1400px;margin:0 auto;padding:22px}h1{margin:0 0 18px;font-size:28px;color:var(--plum)}.controls,.toolbar,.legend-wrap,.workspace-shell{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.controls{padding:14px;display:grid;grid-template-columns:2fr repeat(2,130px) auto auto;gap:10px;align-items:end}label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}input[type="text"],input[type="number"],input[type="search"]{height:42px;border:1px solid var(--line);border-radius:9px;padding:0 11px;font:inherit;color:var(--ink);background:#fff}button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 13px;font:inherit;cursor:pointer;color:inherit}button:hover{border-color:var(--brand)}button.primary{background:var(--brand);color:#fff;border-color:var(--brand)}button.primary:hover{background:var(--brand-dark)}button.danger{color:var(--danger)}button.active{outline:2px solid rgba(56,113,110,.24);border-color:var(--brand);background:var(--selected)}button:disabled{opacity:.42;cursor:default;border-color:var(--line)}.selection-tools{display:flex;gap:8px;flex-wrap:wrap}.checks{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:12px 2px 0}.checks label{flex-direction:row;align-items:center;gap:7px;color:var(--ink);font-size:14px}.toolbar{margin-top:14px;padding:14px}.setup-toolbar .watermark-grid{margin-top:12px;padding-top:12px;border-top:1px solid #e6ebe9}.setup-toolbar #layoutControls{margin-top:12px;padding-top:12px;border-top:1px solid #e6ebe9}.toolbar-top{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.symbols-row{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.symbols{display:flex;gap:7px;flex-wrap:wrap;min-width:0}.symbol-btn{width:48px;height:44px;padding:0;display:grid;place-items:center;flex:0 0 auto;font-weight:650;font-size:14px}.symbol-btn svg{width:30px;height:30px}.symbol-btn.crossing-btn{width:52px;padding:0 2px}.symbol-btn.crossing-btn svg{width:46px;height:34px}.library-btn{min-height:44px;white-space:nowrap}.hint{font-size:13px;color:var(--muted);margin-top:10px}.color-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid #e6ebe9}.color-title{font-size:14px;font-weight:650;color:var(--brand-dark)}.color-pick-wrap{position:relative;width:44px;height:44px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff;flex:0 0 auto}.color-pick-wrap.active{outline:2px solid rgba(56,113,110,.24);border-color:var(--brand)}#colorPicker{width:58px;height:58px;border:0;padding:0;margin:-7px;cursor:pointer;background:none}.swatch{width:34px;height:34px;padding:0;border-radius:50%;border:2px solid #c6cfcd;flex:0 0 auto}.swatch.active{outline:3px solid rgba(56,113,110,.22);border-color:var(--brand)}.clear-color{min-height:40px}.photo-tools{margin:0;padding:0}.photo-tools-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.photo-title{font-size:14px;font-weight:650;color:var(--brand-dark)}.photo-controls{display:none;margin-top:10px;padding:10px;border:1px solid #e0e6e4;border-radius:10px;background:#fafcfb}.photo-controls.visible{display:block}.photo-sliders{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:10px 14px}.photo-slider-label{display:grid;grid-template-columns:1fr auto;gap:4px 8px;align-items:center;color:var(--ink);font-size:13px}.photo-slider-label input[type="range"]{grid-column:1/-1;width:100%;accent-color:var(--brand)}.photo-value{font-variant-numeric:tabular-nums;color:var(--muted)}.photo-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.photo-note{font-size:12px;color:var(--muted);margin-top:8px}.photo-name{font-size:13px;color:var(--muted);max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:700px){.photo-sliders{grid-template-columns:1fr}.photo-name{max-width:210px}}.compose-tools{margin-top:12px;padding-top:12px;border-top:1px solid #e6ebe9}.compose-tools.hidden{display:none}.compose-empty-note{display:none;margin-top:12px;padding:12px 14px;border:1px dashed #cfd8d5;border-radius:12px;background:#fbfcfc;color:var(--muted)}.compose-grid.hidden{display:none}.compose-empty-note.visible{display:block}.compose-grid,.watermark-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:10px 14px}.compose-grid + .watermark-grid{margin-top:10px}.compose-grid .wide,.watermark-grid .wide{grid-column:span 2}select{height:42px;border:1px solid var(--line);border-radius:9px;padding:0 11px;font:inherit;color:var(--ink);background:#fff}.compose-slider-label{display:grid;grid-template-columns:1fr auto;gap:4px 8px;align-items:center;color:var(--ink);font-size:13px}.compose-slider-label input[type="range"]{grid-column:1/-1;width:100%;accent-color:var(--brand)}.compose-value{font-variant-numeric:tabular-nums;color:var(--muted)}.compose-note{font-size:12px;color:var(--muted);margin-top:10px}.preview-wrap{margin-top:14px;padding:14px;width:100%;box-sizing:border-box}.preview-wrap.hidden{display:none}.preview-canvas-wrap{margin-top:10px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px;overflow:auto;width:100%;box-sizing:border-box}#composePreview{display:block;max-width:100%;height:auto;background:#fff}@media(max-width:900px){.compose-grid,.watermark-grid{grid-template-columns:1fr 1fr}.compose-grid .wide,.watermark-grid .wide{grid-column:1/-1}}@media(max-width:620px){.compose-grid,.watermark-grid{grid-template-columns:1fr}}.workspace-shell{margin-top:14px;padding:10px 8px 8px 10px;display:grid;grid-template-columns:minmax(0,1fr) 7px;grid-template-rows:auto 7px;gap:7px;align-items:stretch}.viewport{grid-column:1;grid-row:1;overflow:auto;width:100%;background:#fff;scrollbar-width:none;-ms-overflow-style:none;max-height:1846px}.viewport::-webkit-scrollbar{display:none}#schemeSvg{display:block;background:#fff;user-select:none;touch-action:none}.scrollbar{position:relative;background:#e0e6e4;border-radius:999px;user-select:none;touch-action:none}.hbar{grid-column:1;grid-row:2;height:7px}.vbar{grid-column:2;grid-row:1;width:7px}.thumb{position:absolute;background:#71807d;border-radius:999px}.hthumb{top:0;bottom:0;left:0;min-width:24px}.vthumb{left:0;right:0;top:0;min-height:24px}.corner{grid-column:2;grid-row:2;background:#e0e6e4;border-radius:999px}.legend-wrap{margin-top:14px;padding:14px}.legend-title{font-size:18px;font-weight:700;color:var(--plum);margin-bottom:10px}.legend{display:flex;flex-wrap:wrap;gap:10px 18px}.legend-item{display:flex;align-items:center;gap:8px}.legend-icon{min-width:30px;height:30px;border:1px solid var(--line);display:grid;place-items:center;background:#fff;padding:2px}.legend-icon svg{height:24px;max-width:150px}dialog{width:min(980px,calc(100% - 28px));max-height:min(82vh,780px);border:1px solid var(--line);border-radius:16px;padding:0;color:var(--ink);background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.22)}dialog::backdrop{background:rgba(20,34,33,.38)}.library-head{position:sticky;top:0;z-index:2;background:#fff;padding:16px;border-bottom:1px solid var(--line)}.library-headline{display:flex;align-items:center;justify-content:space-between;gap:12px}.library-head h2{font-size:21px;margin:0;color:var(--plum)}.library-close{min-width:44px;height:44px;padding:0;font-size:24px}.library-search{margin-top:12px;width:100%}.library-body{padding:14px;overflow:auto}.library-category{margin:8px 0 18px}.library-category h3{font-size:16px;margin:0 0 9px;color:var(--brand-dark)}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:8px}.library-item{display:grid;grid-template-columns:64px minmax(0,1fr) 24px;align-items:center;gap:9px;min-height:66px;padding:7px 9px;border:1px solid var(--line);border-radius:10px;background:#fff;text-align:left}.library-item.selected{border-color:var(--brand);background:var(--selected)}.library-icon{width:64px;height:46px;display:grid;place-items:center;overflow:hidden}.library-icon svg{width:62px;height:38px}.library-name{font-size:14px;line-height:1.25;overflow-wrap:anywhere}.library-check{font-size:20px;color:var(--brand);text-align:center}.library-foot{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--line);padding:12px 14px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.library-empty{color:var(--muted);padding:18px 2px}@media(max-width:900px){.app{padding:12px 10px 16px}h1{font-size:22px;margin-bottom:12px}.controls{grid-template-columns:1fr 1fr}.controls .wide{grid-column:1/-1}.toolbar-top button{padding:10px 12px}}@media(max-width:520px){.library-grid{grid-template-columns:1fr 1fr}.library-item{grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto auto;gap:5px}.library-check{display:none}.library-name{font-size:12px}}.import-dialog{width:min(1120px,calc(100% - 24px));max-height:90vh}.import-body{padding:14px;overflow:auto}.import-top{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:12px}.import-top label{min-width:150px}.import-top .grow{flex:1 1 240px}.import-canvas-shell{border:1px solid var(--line);border-radius:12px;background:#e8eceb;padding:8px;overflow:auto;max-width:100%}#importCanvas{display:block;max-width:100%;height:auto;background:#fff;touch-action:none;cursor:crosshair}.import-fields{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px;margin-top:12px}.import-status{margin-top:10px;padding:10px 12px;border-radius:10px;background:#f4f7f6;color:var(--ink);font-size:13px;min-height:40px}.import-status.warn{background:#fff6db}.import-status.good{background:#edf7ef}.import-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.import-note{font-size:12px;color:var(--muted);margin-top:10px}.import-confidence{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.import-confidence input[type="range"]{width:170px;accent-color:var(--brand)}@media(max-width:700px){.import-fields{grid-template-columns:1fr 1fr}.import-top label{min-width:0}.import-dialog{width:calc(100% - 12px)}}