:root{--ink:#1c2420;--ink-soft:#3a4540;--muted:#6b756f;--line:#c5cdc6;--line-soft:#d7ded8;--paper:#f2f5f2;--panel:#f7faf7eb;--panel-solid:#f7faf7;--wash:#d4ddd6;--wash-deep:#c3cfc6;--glaze:#2f5d4e;--glaze-soft:#3f7a66;--warn:#b44a2a;--snap:#1a6ea8;--shadow:0 10px 28px #1c24201f;--radius:12px;--radius-sm:8px;--font-display:"Fraunces", "Iowan Old Style", Georgia, serif;--font-ui:"Outfit", "Avenir Next", "Segoe UI", sans-serif;--header-h:44px;--gap:14px;--library-w:268px;--rail-w:236px;--rail-w-photos:300px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-ui);color:var(--ink);background:var(--wash);-webkit-font-smoothing:antialiased}@media print{body{background:#fff}.no-print{display:none!important}.print-grid{width:min(90vw,700px)!important;max-height:none!important;box-shadow:none!important}.td-app{background:#fff!important;height:auto!important;padding:12px!important;overflow:visible!important}.td-app:before{display:none!important}.td-workspace{display:block!important;overflow:visible!important}.td-stage{height:auto!important}}.td-app{isolation:isolate;background:radial-gradient(1200px 600px at 12% -10%, #ffffff8c, transparent 55%), radial-gradient(900px 500px at 88% 110%, #2f5d4e1f, transparent 50%), linear-gradient(165deg, #e2ebe4 0%, var(--wash) 42%, var(--wash-deep) 100%);min-height:100%;padding:16px 14px 18px;position:relative}.td-app:before{content:"";z-index:-1;opacity:.35;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.12 0 0 0 0 0.16 0 0 0 0 0.14 0 0 0 0.45 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.td-header{height:var(--header-h);justify-content:center;align-items:center;max-width:1480px;margin:0 auto 12px;display:flex;position:relative}.td-title{font-family:var(--font-display);font-optical-sizing:auto;letter-spacing:-.02em;color:var(--ink);margin:0;font-size:clamp(1.2rem,1.6vw,1.55rem);font-weight:550;line-height:1}.td-title span{color:var(--glaze);font-style:italic;font-weight:400}.td-edit{appearance:none;border-radius:var(--radius-sm);width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;transition:color .14s,background .14s,border-color .14s;display:inline-flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.td-edit:hover{color:var(--ink);border-color:var(--line);background:#ffffff8c}.td-edit.on{color:var(--glaze);background:var(--panel-solid);border-color:var(--line);box-shadow:var(--shadow)}.td-workspace{gap:var(--gap);align-items:stretch;max-width:1480px;margin:0 auto;display:flex}@media (width>=769px){html,body,#root{overflow:hidden}.td-app{flex-direction:column;height:100dvh;min-height:100dvh;max-height:100dvh;padding:12px 16px 14px;display:flex;overflow:hidden}.td-header{flex-shrink:0;margin-bottom:10px}.td-workspace{flex:1;min-height:0}.td-library,.td-rail{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;overflow-y:auto}.td-center{flex-direction:column;min-height:0;display:flex}.td-stage{flex:1;place-items:center;min-width:0;min-height:0;display:grid;container-type:size}.td-canvas{width:min(100cqw, calc(100cqh * var(--cols) / var(--rows)), 560px);height:auto;max-height:100cqh}}@media (width<=768px){.td-app{padding:14px 12px 20px}.td-workspace{flex-direction:column;align-items:stretch;gap:14px}.td-library,.td-rail,.td-rail.photos-on{width:100%}.td-library-toggle,.td-photos-toggle{padding:9px 14px;font-size:13px}.td-stage{justify-content:center;display:flex}.td-canvas{width:min(100%,560px)}}.td-btn{appearance:none;border:1px solid var(--line);background:var(--panel-solid);color:var(--ink);cursor:pointer;font:500 12px/1.2 var(--font-ui);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;transition:border-color .14s,background .14s,color .14s,transform .14s;display:inline-flex}.td-btn:hover:not(:disabled){border-color:var(--ink-soft)}.td-btn.on{background:var(--ink);color:#f5f8f5;border-color:var(--ink)}.td-btn:disabled{opacity:.35;cursor:not-allowed}.td-btn:active:not(:disabled){transform:translateY(1px)}.td-toolbar{background:var(--panel);border:1px solid var(--line);max-width:820px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;border-radius:14px;flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:2px;margin:0 auto 10px;padding:5px 8px;display:flex;position:relative;overflow:visible}.td-tool{appearance:none;border-radius:var(--radius-sm);width:34px;height:34px;color:var(--ink);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:background .12s,color .12s;display:inline-flex;position:relative}.td-tool:hover:not(:disabled){background:#2f5d4e1a}.td-tool.on{background:var(--ink);color:#f5f8f5}.td-tool:disabled{opacity:.35;cursor:not-allowed}.td-tool[data-tip]:after{content:attr(data-tip);background:var(--ink);color:#f5f8f5;font:500 11px/1.2 var(--font-ui);white-space:nowrap;opacity:0;pointer-events:none;z-index:40;border-radius:6px;padding:5px 8px;position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%)}.td-tool[data-tip]:hover:after,.td-tool[data-tip]:focus-visible:after{opacity:1}.td-sep{background:var(--line-soft);align-self:stretch;width:1px;margin:4px 6px}.td-size{color:var(--muted);align-items:center;gap:4px;font-size:12px;display:inline-flex}.td-size input,.td-cut input,.td-name,.td-select{border-radius:var(--radius-sm);border:1px solid var(--line);width:48px;font:500 12px/1.2 var(--font-ui);text-align:center;color:var(--ink);background:#fff;padding:6px 7px}.td-size input::-webkit-outer-spin-button{appearance:none;margin:0}.td-size input::-webkit-inner-spin-button{appearance:none;margin:0}.td-cut input::-webkit-outer-spin-button{appearance:none;margin:0}.td-cut input::-webkit-inner-spin-button{appearance:none;margin:0}.td-name{text-align:left;width:140px}.td-select{text-align:left;cursor:pointer;width:100%;margin-top:6px}.td-library{width:var(--library-w);flex-shrink:0;grid-template-columns:1fr 1fr;align-content:start;gap:8px;padding-right:2px;display:grid}.td-library.is-readonly,.td-library-mobile.is-readonly{opacity:.45;filter:grayscale(.25)}.td-tile:disabled{cursor:not-allowed;transform:none}.td-tile:disabled:hover{border-color:var(--line);transform:none}.td-size input:disabled,.td-cut input:disabled,.td-name:disabled,.td-select:disabled{opacity:.45;cursor:not-allowed;background:var(--paper);color:var(--muted)}.td-library-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);grid-column:1/-1;padding:2px 2px 0;font-size:11px;font-weight:600}.td-tile{appearance:none;border:1px solid var(--line);background:var(--panel-solid);color:var(--ink);cursor:pointer;text-align:left;border-radius:10px;flex-direction:column;gap:4px;min-width:0;padding:6px;transition:border-color .14s,box-shadow .14s,transform .14s;display:flex}.td-tile.on{border-color:var(--glaze);box-shadow:0 0 0 1px var(--glaze)}.td-tile:hover{border-color:var(--ink-soft);transform:translateY(-1px)}.td-tile-swatch{background-position:50%;background-size:cover;border-radius:6px;width:100%;height:52px;display:block}.td-tile-name{font-size:11px;font-weight:600;line-height:1.3}.td-tile-size{color:var(--muted);font-size:10px}.td-library-mobile{width:100%}.td-library-mobile-grid{grid-template-columns:1fr;gap:8px;margin-top:8px;display:grid}.td-center{flex:1;min-width:0}.td-hint{text-align:center;color:var(--muted);letter-spacing:.01em;flex-shrink:0;min-height:16px;margin-top:8px;font-size:12px}.td-canvas{aspect-ratio:var(--cols) / var(--rows);border:5px solid var(--ink);box-shadow:var(--shadow);background-color:var(--paper);background-image:linear-gradient(90deg,#1c242014 1px,#0000 1px),linear-gradient(#1c242014 1px,#0000 1px);background-size:calc(100% / var(--cols)) calc(100% / var(--rows));-webkit-user-select:none;user-select:none;border-radius:2px;position:relative}.td-rail{width:var(--rail-w);flex-direction:column;flex-shrink:0;gap:12px;padding-bottom:4px;display:flex}.td-rail.photos-on{width:var(--rail-w-photos)}.td-photos-toggle{background:0 0;flex-shrink:0;justify-content:center;width:100%}.td-btn.td-photos-toggle.on{color:var(--ink);border-color:var(--ink-soft);background:0 0}.td-panel{background:var(--panel);border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 12px 8px}.td-panel-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:11px;font-weight:600}.td-empty{color:var(--muted);padding-bottom:6px;font-size:12px}.td-saved-group{margin-bottom:4px}.td-saved-wall{color:var(--ink-soft);letter-spacing:.02em;border-top:1px solid var(--line-soft);padding:8px 0 2px;font-size:11px;font-weight:650}.td-saved-item{padding:8px 0;font-size:12px}.td-saved-name{color:var(--ink);overflow-wrap:anywhere;font-weight:600;line-height:1.35}.td-saved-actions{align-items:center;gap:6px;margin-top:6px;display:flex}.td-saved-dim{color:var(--muted);flex:1}.td-photo{flex-shrink:0}.td-photo-label{color:var(--ink-soft);margin-bottom:6px;font-size:12px;font-weight:600}.td-photo-label span{color:var(--muted);font-weight:400}.td-photo-frame{appearance:none;border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;background:0 0;width:100%;padding:0;transition:border-color .14s,box-shadow .14s;display:block;overflow:hidden}.td-photo .td-select{background:0 0}.td-photo-frame.on{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink);border-width:2px}.td-photo-frame img{width:100%;display:block}