body.symmetry-studio-page{margin:0;background:#f5f7fb;color:#2d405b;font-family:'Segoe UI',Arial,sans-serif;overflow-x:hidden}body.symmetry-studio-page *{box-sizing:border-box}body.symmetry-studio-page [hidden]{display:none!important}#kemalFooterMount{display:none}.symmetry-breadcrumb{height:43px;display:flex;align-items:center;gap:12px;padding:0 24px;background:#fff;border-bottom:1px solid #e2e8f2;font-size:12px;color:#7b8ca4}.symmetry-breadcrumb a{color:#587397;text-decoration:none}.symmetry-page{max-width:1540px;margin:auto;padding:25px 24px 120px}.symmetry-page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.symmetry-eyebrow{font-size:10px;letter-spacing:.12em;font-weight:750;color:#7890af;margin:0 0 6px}.symmetry-page-head h1{font-size:30px;letter-spacing:-.045em;line-height:1.15;color:#213753;margin:0 0 7px}.symmetry-page-head>div>p:last-child{font-size:13px;color:#6c7f99;margin:0}.symmetry-grade{font-size:11px;color:#6682a5;background:#edf3fc;border:1px solid #dce7f6;border-radius:7px;padding:8px 11px}.symmetry-workspace{display:grid;grid-template-columns:266px minmax(0,1fr);gap:20px;align-items:start}.symmetry-controls{border:1px solid #dbe4f0;border-radius:14px;background:#fff;overflow:hidden;position:sticky;top:12px;box-shadow:0 3px 12px #21385305}.symmetry-panel-head{display:flex;align-items:center;gap:8px;height:47px;padding:8px 12px;border-bottom:1px solid #e8edf5}.symmetry-panel-head strong{font-size:12px;font-weight:700}.symmetry-logo{color:#5683bc}.symmetry-icon{width:24px;height:24px;display:block;flex-shrink:0;pointer-events:none}.symmetry-icon-btn{margin-left:auto!important;width:26px;height:26px;padding:0!important;min-height:0!important;font-size:20px!important}.symmetry-control-body{max-height:calc(100dvh - 155px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:13px}.symmetry-control-section{display:grid;gap:8px;border-bottom:1px solid #edf1f7;padding-bottom:13px;margin-bottom:13px}.symmetry-label{font-size:10px;font-weight:750;letter-spacing:.05em;color:#71839d}.symmetry-controls button{font-family:inherit;font-size:11px;font-weight:600;min-height:33px;border:1px solid #dce5f0;background:white;border-radius:8px;color:#527096;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;box-shadow:none}.symmetry-controls button:hover{background:#f0f6ff;border-color:#a1bfe8}.symmetry-controls button.is-active{border-color:#8fb4e6;background:#eaf2ff;color:#2462bb}.symmetry-controls button:disabled{opacity:.4;cursor:default}.symmetry-controls input[type=text],.symmetry-controls input[type=number],.symmetry-controls select{width:100%;height:34px;border:1px solid #dce5f0;background:white;border-radius:7px;padding:5px 8px;color:#4a6283;font:500 11px 'Segoe UI',sans-serif;min-width:0}.symmetry-controls input[type=range]{width:100%;margin:0;accent-color:#3b7cd4}.symmetry-range-label{display:flex;justify-content:space-between;align-items:center;gap:7px;font-size:11px;color:#6b819e}.symmetry-range-label output{font-size:12px;font-weight:700;color:#3779cb;font-variant-numeric:tabular-nums}.symmetry-muted{font-size:10px;line-height:1.5;color:#7890ac;margin:0}.symmetry-segmented{display:grid;grid-template-columns:1fr 1fr;gap:5px}.symmetry-tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.symmetry-tool-grid button{min-height:52px;flex-direction:column;gap:3px;font-size:9px}.symmetry-tool-grid .symmetry-icon{width:21px;height:21px}.symmetry-shape-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.symmetry-shape-grid button{min-height:49px}.symmetry-shape-grid .symmetry-icon{height:32px;width:32px}.symmetry-colors{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:9px}.symmetry-controls .symmetry-colors button{justify-self:center;width:25px;height:25px;min-height:0;border:3px solid white;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #d4deeb;padding:0}.symmetry-controls .symmetry-colors button.is-active{box-shadow:0 0 0 2px #3b7cd4}.symmetry-control-section summary{font-size:11px;color:#5d789c;font-weight:650;cursor:pointer}.symmetry-two-columns{display:grid;grid-template-columns:1fr 70px;gap:7px}.symmetry-check{display:flex;align-items:center;gap:7px;font-size:11px;color:#657d9d}.symmetry-check input{accent-color:#3b7cd4}.symmetry-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.symmetry-action-grid .symmetry-icon{height:17px;width:17px}.symmetry-board-panel{min-width:0;border:1px solid #dce5f1;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 4px 20px #243c5a04}.symmetry-board-toolbar{height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 17px;border-bottom:1px solid #e6edf6;font-size:11px}.symmetry-legend{display:flex;gap:18px;color:#6481a6}.symmetry-legend span{display:flex;align-items:center;gap:6px}.symmetry-legend i{height:7px;width:7px;border-radius:50%;display:block}.original-dot{background:#3978d0}.reflection-dot{background:#169b87}#symmetryStatus{font-size:10px;color:#7a8fa8}.symmetry-board-frame{position:relative;width:100%;aspect-ratio:1000/720;background:#fff;overflow:hidden}#symmetryCanvas{width:100%;height:100%;max-width:none;display:block;touch-action:none;user-select:none;cursor:crosshair}.symmetry-board-footer{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:11px 16px;border-top:1px solid #e7edf5;font-size:10px;color:#8495ac;min-height:43px}.symmetry-board-footer p{margin:0;line-height:1.5}.symmetry-board-footer>span{white-space:nowrap;font-size:10px;color:#5a779c}.symmetry-item{cursor:move}.symmetry-axis-grip{cursor:move}.symmetry-axis-rotation{cursor:grab}.symmetry-axis-rotation:active{cursor:grabbing}.symmetry-handle{cursor:move}.symmetry-handle-resize{cursor:nwse-resize}.symmetry-board-panel:focus-within{border-color:#adc9ec}@media(max-width:1100px){.symmetry-page{padding:22px 15px 115px}.symmetry-workspace{grid-template-columns:238px minmax(0,1fr);gap:14px}.symmetry-control-body{padding:10px}.symmetry-page-head h1{font-size:27px}.symmetry-grade{font-size:10px}.symmetry-board-toolbar{padding:8px 11px}.symmetry-board-frame{aspect-ratio:1000/810}.symmetry-board-footer{flex-wrap:wrap;gap:5px}}@media(max-width:780px){.symmetry-page{padding:18px 10px 110px}.symmetry-page-head{margin-bottom:16px}.symmetry-page-head h1{font-size:25px}.symmetry-page-head>div>p:last-child{font-size:11px}.symmetry-grade{display:none}.symmetry-workspace{display:flex;flex-direction:column;gap:12px}.symmetry-controls{position:static;width:100%}.symmetry-control-body{max-height:360px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.symmetry-control-section{margin:0;padding:0 0 12px}.symmetry-action-grid{align-content:start}.symmetry-board-panel{width:100%}.symmetry-board-frame{aspect-ratio:1000/950}.symmetry-board-toolbar{font-size:10px;height:43px}.symmetry-legend{gap:10px}.symmetry-board-footer{font-size:10px}.symmetry-breadcrumb{padding:0 13px;font-size:11px}#symmetryStatus{max-width:110px;text-align:right;font-size:9px}}@media(max-width:430px){.symmetry-control-body{grid-template-columns:1fr}.symmetry-control-section{padding-bottom:12px}.symmetry-tool-grid{grid-template-columns:repeat(4,1fr)}.symmetry-shape-grid{grid-template-columns:repeat(6,1fr);gap:4px}.symmetry-shape-grid button{min-height:38px;padding:4px}.symmetry-shape-grid .symmetry-icon{width:25px;height:25px}.symmetry-board-frame{aspect-ratio:1000/1050}.symmetry-board-footer>span{display:none}}

.symmetry-item:focus{outline:none}.symmetry-item:focus> :first-child{filter:drop-shadow(0 0 4px #3978d080);stroke:#1c4e95;stroke-width:4}