:root{--bg:#f5f4f1;--surface:#fff;--border:#e4e2db;--text-primary:#1a1a18;--text-secondary:#6b6a65;--text-hint:#a09f9a;--accent:#6c63ff;--logo-blue:#0083d4;--slot-highlight:#d7e9fd;--slot-highlight-row:#e9f3fe;--check-correct:#d6efdc;--check-incorrect:#fadcdf;--accent-light:#eeedfe;--accent-dark:#3c3489;--sidebar-width:300px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.5}button{cursor:pointer;font-family:inherit}.app-layout{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-body{flex:1;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--bg);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;padding:20px 20px 32px;transition:width .25s;display:flex;overflow-y:auto}.sidebar--open{width:340px}.sidebar--closed{width:70px}.sidebar-inner{flex-direction:column;flex:1 0 auto;display:flex}.sidebar-header{align-items:center;gap:12px;min-height:34px;margin-bottom:36px;padding-bottom:24px;display:flex}.sidebar--open .sidebar-header{border-bottom:1px solid var(--border)}.sidebar-logo{flex-shrink:0;align-items:center;height:54px;display:flex}.sidebar-logo img{width:auto;height:100%}.sidebar-toggle{border-radius:var(--radius-sm);color:var(--text-secondary);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:6px;transition:background .12s,color .12s;display:flex}.sidebar-toggle:hover{background:var(--border);color:var(--text-primary)}.sidebar-content{animation:.15s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar-title{margin-bottom:28px;font-size:24px;font-weight:700;line-height:1.2}.field-group{margin-bottom:28px}.field-row{align-items:center;gap:12px;margin-bottom:14px;display:flex}.field-label{color:var(--text-primary);flex-shrink:0;width:46px;font-size:14px;font-weight:700}.field-label--block{width:auto;margin-bottom:12px}.field-select{border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--surface);width:100%;color:var(--text-primary);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23a09f9a' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;flex:1;padding:9px 12px;font-size:14px}.field-select:focus{outline:2px solid var(--accent);outline-offset:1px}.dimension-row{justify-content:center;gap:16px;margin-bottom:22px;display:flex}.dimension{color:var(--text-primary);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.field-select--compact{flex:none;width:74px;padding:7px 10px;font-weight:400}.diff-row{gap:8px;margin-bottom:28px;display:flex}.diff-btn{border-radius:var(--radius-md);border:1px solid #0000;flex:1;padding:9px 4px;font-size:14px;transition:all .12s}.diff-btn--beginner{color:#2f7a4f;background:#e2f3e7}.diff-btn--medium{color:#34619c;background:#e3ecfa}.diff-btn--expert{color:#a8434f;background:#fadfe3}.diff-btn:hover{filter:brightness(.97)}.diff-btn--beginner.active{border-color:#2f7a4f;font-weight:600}.diff-btn--medium.active{border-color:#34619c;font-weight:600}.diff-btn--expert.active{border-color:#a8434f;font-weight:600}.chip-grid{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);color:var(--text-primary);-webkit-user-select:none;user-select:none;border-radius:20px;padding:6px 13px;font-size:13px;transition:all .12s}.chip:hover{color:var(--text-primary);border-color:#c0bef8}.chip.active{background:var(--accent-light);border-color:var(--accent);color:var(--accent-dark);font-weight:500}.btn-generate{border-radius:var(--radius-lg);background:var(--logo-blue);color:#fff;border:none;width:100%;margin-top:14px;padding:12px;font-size:16px;font-weight:600;transition:opacity .15s}.btn-generate:hover{opacity:.88}.sidebar-footer{margin-top:auto;padding-top:26px;animation:.15s fadeIn}.sidebar-legal{border-top:1px solid var(--border);margin-top:26px;padding-top:16px}.sidebar-footer>.sidebar-legal:first-child{margin-top:0}.sidebar-legal+.sidebar-legal{border-top:none;margin-top:18px;padding-top:0}.sidebar-legal h3{letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:8px;font-size:12px;font-weight:700}.sidebar-legal p{color:var(--text-secondary);font-size:13px;line-height:1.6}.sidebar-legal p+p{margin-top:9px}.sidebar-legal a{color:var(--text-primary);text-decoration:underline}.sidebar-legal a:hover{color:var(--accent-dark)}.btn-reset{border-radius:var(--radius-lg);border:1px solid var(--border);width:100%;color:var(--text-secondary);background:0 0;margin-top:8px;padding:10px;font-size:16px;transition:background .12s}.btn-reset:hover{background:var(--bg)}.main-area{flex:1;justify-content:center;align-items:center;padding:32px;display:flex;overflow:auto}.grid-and-clues{grid-template-rows:auto auto auto;grid-template-columns:auto;place-items:start center;row-gap:10px;display:grid}.grid-and-clues--with-clues{grid-template-columns:auto auto;column-gap:28px}.grid-hint{grid-area:1/1}.crossword-grid{grid-area:2/1}.grid-toolbar{grid-area:3/1}.clue-panel{grid-area:2/2}.crossword-grid{border:2px solid var(--text-primary);gap:0;display:inline-grid}.grid-cell{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;position:relative}.grid-cell.black{background:var(--text-primary)}.grid-cell.highlighted{background:var(--slot-highlight)}.grid-cell.check-correct{background:var(--check-correct)}.grid-cell.check-incorrect{background:var(--check-incorrect)}.grid-cell.white input{text-align:center;width:100%;height:100%;color:var(--text-primary);text-transform:uppercase;background:0 0;border:none;outline:none;font-size:14px;font-weight:500}.cell-number{color:var(--text-secondary);pointer-events:none;font-size:8px;line-height:1;position:absolute;top:2px;left:2px}.clue-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;flex-shrink:0;width:clamp(300px,26vw,400px);padding:22px 18px;display:flex}.clue-panel-title{flex-shrink:0;margin-bottom:22px;font-size:22px;font-weight:700}.clue-list{flex-direction:column;flex:1;min-height:0;display:flex}.clue-list+.clue-list{margin-top:20px}.clue-list h3{border-bottom:1px solid var(--text-primary);color:var(--text-primary);flex-shrink:0;align-items:center;gap:8px;padding-bottom:9px;font-size:13px;font-weight:700;display:flex}.clue-list-arrow{font-size:14px;line-height:1}.clue-list ol{flex:1;min-height:0;padding:10px 0 4px;list-style:none;overflow-y:auto}.clue-list li{display:flex}.clue-row{border-radius:var(--radius-sm);text-align:left;background:0 0;border:none;flex:1;gap:7px;width:100%;padding:7px 6px;font-size:13px;line-height:1.5;transition:background .12s;display:flex}.clue-row:hover{background:var(--bg)}.clue-row.selected{background:var(--slot-highlight-row)}.clue-list-number{color:var(--text-primary);font-variant-numeric:tabular-nums;flex-shrink:0}.clue-list-text{color:var(--text-primary)}.clue-list-empty{color:var(--text-hint);padding:12px 8px;font-size:13px}.grid-hint{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;display:flex}.grid-hint--hidden{visibility:hidden}.grid-hint kbd{border:1px solid var(--border);background:var(--surface);color:var(--text-primary);border-bottom-width:2px;border-radius:5px;padding:1px 7px;font-family:inherit;font-size:12px}.grid-toolbar{width:100%;color:var(--text-primary);background:0 0;border:none;justify-content:space-between;align-items:center;padding:2px;font-size:13px;display:flex}.grid-toolbar button{color:var(--text-primary);background:0 0;border:none;align-items:center;gap:8px;padding:4px 2px;font-size:13px;display:inline-flex}.grid-toolbar button:hover{text-decoration:underline}.solved-overlay{z-index:50;pointer-events:none;background:#12121094;justify-content:center;align-items:center;animation:1.5s both solved-shade;display:flex;position:fixed;inset:0}.solved-message{letter-spacing:-.01em;color:#fff;font-size:42px;font-weight:700;animation:1.5s cubic-bezier(.2,.8,.3,1) both solved-pop}@keyframes solved-shade{0%{opacity:0}12%{opacity:1}74%{opacity:1}to{opacity:0}}@keyframes solved-pop{0%{opacity:0;transform:scale(.88)}16%{opacity:1;transform:scale(1)}74%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}.empty-state{text-align:center;color:var(--text-hint);flex-direction:column;align-items:center;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state p{margin-top:8px;font-size:14px}