:root{--bone: #EDE6D6;--card: #F8F4EA;--ink: #2A2622;--ink-soft: #5B5346;--chambray: #2C4356;--thread-red: #C1442E;--brass: #B8935A;--line: #D8CBB0;--font-display: "Fraunces", serif;--font-body: "Inter", sans-serif;--font-mono: "IBM Plex Mono", monospace}*{box-sizing:border-box}body{margin:0;background:var(--bone);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}.wrap{max-width:900px;margin:0 auto;padding:44px 24px 70px}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--thread-red);margin:0 0 10px}h1{font-family:var(--font-display);font-weight:600;font-size:clamp(30px,4.5vw,44px);line-height:1.05;margin:0 0 14px;color:var(--chambray)}.sub{font-size:15.5px;line-height:1.55;color:var(--ink-soft);max-width:560px;margin:0 0 32px}.checker{background-image:linear-gradient(45deg,#ddd 25%,transparent 25%),linear-gradient(-45deg,#ddd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ddd 75%),linear-gradient(-45deg,transparent 75%,#ddd 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0;background-color:#fff}.text-btn{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.03em;background:none;border:1px solid var(--line);color:var(--ink-soft);border-radius:100px;padding:6px 14px;cursor:pointer}.text-btn:hover{border-color:var(--brass);color:var(--ink)}.text-btn.disabled{opacity:.4;pointer-events:none}.dropcard{position:relative;background:var(--card);border:1.5px dashed var(--line);border-radius:4px;padding:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:200px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.dropcard:hover,.dropcard.drag{border-color:var(--brass);background:#fbf8f0}.drop-label{font-size:13.5px;color:var(--ink-soft)}.drop-label strong{color:var(--ink);font-weight:600}input[type=file]{display:none}.export-btn{font-family:var(--font-mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.03em;border-radius:100px;padding:9px 18px;cursor:pointer;border:none}.export-btn.primary{background:var(--chambray);color:#fff}.export-btn.primary:hover{background:var(--thread-red)}.export-btn.secondary{background:none;border:1px solid var(--line);color:var(--ink-soft)}.export-btn.secondary:hover{border-color:var(--brass);color:var(--ink)}.edit-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#2a2622c7;z-index:60;justify-content:center;align-items:flex-start;padding:24px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.edit-modal.show{display:flex}.edit-modal-inner{background:var(--bone);border-radius:8px;padding:24px;max-width:500px;width:100%;text-align:center;margin:auto 0}.modal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-title{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.modal-canvas-wrap{position:relative;display:inline-block;padding:0;border-radius:6px;line-height:0}.modal-canvas-wrap canvas{width:100%;height:auto;cursor:default;touch-action:none;display:block}.modal-canvas-wrap img{max-width:80vw;max-height:60vh;width:auto;height:auto;display:block;border-radius:6px}.edit-zoom-wrap{overflow:auto;max-height:50vh;border-radius:6px;text-align:left}.edit-zoom-wrap::-webkit-scrollbar{width:10px;height:10px}.edit-zoom-wrap::-webkit-scrollbar-thumb{background:var(--line);border-radius:100px}.modal-zoom-row{display:flex;align-items:center;gap:10px;margin-top:10px}.modal-zoom-row input[type=range]{flex:1;accent-color:var(--chambray)}.modal-zoom-row span{font-family:var(--font-mono);font-size:11px;color:var(--ink-soft);width:36px;text-align:right;flex-shrink:0}.round-guide{position:absolute;border:2px dashed #fff;outline:2px dashed var(--thread-red);outline-offset:-2px;border-radius:50%;box-sizing:border-box;pointer-events:none}.guide-move{position:absolute;left:50%;top:-9px;transform:translate(-50%);width:18px;height:18px;background:var(--chambray);border:2px solid #fff;border-radius:50%;cursor:move;box-shadow:0 1px 3px #0006;pointer-events:auto;touch-action:none}.guide-resize{position:absolute;right:-6px;bottom:-6px;width:16px;height:16px;background:var(--thread-red);border:2px solid #fff;border-radius:50%;cursor:se-resize;box-shadow:0 1px 3px #0006;pointer-events:auto;touch-action:none}.modal-actions{display:flex;gap:10px;justify-content:center;margin-top:16px;flex-wrap:wrap}.modal-hint{font-size:12px;color:var(--ink-soft);margin-top:14px;line-height:1.5}.step-block{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.step-label{display:block;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--brass);margin-bottom:10px}.mode-toggle{display:block;width:100%;font-family:var(--font-mono);font-size:12px;letter-spacing:.02em;border-radius:100px;padding:10px 18px;cursor:pointer;border:1.5px solid var(--line);background:var(--card);color:var(--ink-soft);transition:all .15s ease}.mode-toggle.active{background:var(--thread-red);border-color:var(--thread-red);color:#fff}.tool-switch{display:flex;gap:8px;margin-top:14px}.tool-btn{flex:1;font-family:var(--font-mono);font-size:10.5px;padding:8px;border-radius:100px;border:1.5px solid var(--line);background:var(--card);color:var(--ink-soft);cursor:pointer}.tool-btn.active{background:var(--chambray);border-color:var(--chambray);color:#fff}.modal-brush-row{margin-top:16px}.modal-brush-row .control-label{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:11px;color:var(--ink-soft);margin-bottom:6px}.modal-brush-row input[type=range]{width:100%;accent-color:var(--chambray)}.hole-preview{position:absolute;border:2px dashed var(--chambray);border-radius:50%;pointer-events:none;display:none;box-sizing:border-box;background:#2c435626}.stitch-handle{position:absolute;width:14px;height:14px;transform:translate(-50%,-50%);border-radius:50%;background:var(--chambray);border:2px solid #fff;box-shadow:0 1px 3px #0006;cursor:grab;z-index:8;touch-action:none}.field-row{display:flex;gap:16px;flex-wrap:wrap}.field-group{display:flex;flex-direction:column;gap:5px;flex:1;min-width:180px}.field-group--small{flex:0 0 110px;min-width:90px}.field-label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.field-hint{font-size:11.5px;color:var(--ink-soft);margin:6px 0 0;line-height:1.4}.meta-actions{display:flex;gap:10px;align-items:center;margin-top:4px;flex-wrap:wrap}.save-status{font-family:var(--font-mono);font-size:12px;min-height:18px;margin:0}.save-status.ok{color:var(--chambray)}.save-status.err{color:var(--thread-red)}.screen-cal-note{font-size:11px;color:var(--ink-soft);text-align:center;margin:0}.screen-cal-note a{color:var(--brass)}.garment-photo-wrap{position:relative;width:100%;cursor:crosshair;-webkit-user-select:none;user-select:none;background:#1a1a1a;border-radius:8px;overflow:hidden}.garment-photo-wrap canvas{display:block;width:100%;height:auto}.garment-dot-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.clone-source-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.clone-source-marker{position:absolute;width:18px;height:18px;transform:translate(-50%,-50%);border-radius:50%;background:var(--chambray);border:2px solid #fff;box-shadow:0 1px 3px #0006;cursor:grab;pointer-events:auto;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:9px;font-weight:700;color:#fff}.heal-note{font-size:12px;line-height:1.5;color:var(--ink-soft);background:var(--card);border:1px solid var(--line);border-left:3px solid var(--brass);border-radius:6px;padding:10px 12px}.heal-note strong{color:var(--ink)}.cal-count{font-family:var(--font-mono);font-size:13px;letter-spacing:.06em;color:var(--chambray);font-weight:600;background:var(--bone);border:1px solid var(--line);border-radius:6px;padding:8px 12px}.login-form{display:flex;flex-direction:column;gap:6px;max-width:340px;margin-top:28px}.login-form input,.login-form textarea{font-family:var(--font-body);font-size:15px;padding:9px 12px;border:1.5px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink);outline:none}.login-form textarea{resize:vertical;font-family:inherit}.login-form input:focus,.login-form textarea:focus{border-color:var(--chambray)}.login-form .export-btn{margin-top:8px}.login-error{font-size:13px;color:var(--thread-red);min-height:18px;margin:0}.feedback-fab{position:fixed;right:20px;bottom:20px;z-index:30;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.04em;background:var(--card);border:1px solid var(--line);color:var(--ink-soft);border-radius:100px;padding:10px 18px;cursor:pointer;box-shadow:0 2px 10px #2a26222e;transition:border-color .15s ease,color .15s ease,background .15s ease}.feedback-fab:hover{border-color:var(--brass);color:var(--ink);background:#fff}@media (max-width: 720px){.feedback-fab{right:14px;bottom:14px;padding:9px 15px;font-size:10.5px}}.zoom-wrap{overflow:auto;border-radius:4px;width:100%}.zoom-wrap::-webkit-scrollbar{width:10px;height:10px}.zoom-wrap::-webkit-scrollbar-thumb{background:var(--line);border-radius:100px}.site-nav{position:sticky;top:0;z-index:20;background:var(--card);border-bottom:1px solid var(--line);padding:0 24px;display:flex;flex-wrap:wrap;align-items:center;gap:4px;height:48px}.site-nav .nav-brand{font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--chambray);text-decoration:none;margin-right:8px;white-space:nowrap}.beta-badge{display:inline-block;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.03em;text-transform:uppercase;padding:3px 8px;border-radius:100px;background:var(--card);border:1px solid var(--line);color:var(--ink-soft);margin-right:16px;flex-shrink:0}.site-nav-links{display:flex;align-items:center;gap:4px;flex:1}.site-nav a{font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);text-decoration:none;padding:6px 10px;border-radius:100px;border:1px solid transparent;white-space:nowrap}.site-nav a:hover{color:var(--ink);border-color:var(--line)}.site-nav a.active{color:var(--chambray);border-color:var(--line);background:var(--bone)}.site-nav a.nav-admin{margin-left:auto;color:var(--brass)}.site-nav a.nav-admin:hover{color:var(--chambray);border-color:var(--brass)}.nav-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:32px;height:32px;margin-left:auto;padding:0;background:none;border:none;cursor:pointer;flex-shrink:0}.nav-toggle span{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px;transition:transform .15s ease,opacity .15s ease}.site-nav.open .nav-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}.site-nav.open .nav-toggle span:nth-child(2){opacity:0}.site-nav.open .nav-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@media (max-width: 720px){.site-nav{height:auto;min-height:48px;padding:0 16px}.nav-toggle{display:flex}.site-nav-links{display:none;flex-direction:column;align-items:stretch;width:100%;flex:none;gap:2px;padding:4px 0 14px}.site-nav.open .site-nav-links{display:flex}.site-nav-links a{width:100%;box-sizing:border-box;text-align:left;border-radius:6px;padding:10px 12px}.site-nav a.nav-admin{margin-left:0}}