:root{color:#173f73;background:#fbf6ea;font-family:'Yuanti SC','PingFang SC',sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select{min-height:44px}button{cursor:pointer;background:#fffaf3;border:1px solid #bdd0c0;border-radius:9px;padding:8px 12px}button:hover{background:#e4efe4}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #397558}input,select,textarea{width:100%;min-width:0;border:1px solid #c6d6ca;border-radius:7px;background:white;padding:8px}label{display:grid;gap:5px;font-size:13px;margin-bottom:12px}h2{font-size:20px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}section>button{margin:4px 0}.hint,details{font-size:12px;line-height:1.7;color:#706458}a{color:#355a85}#boot{padding:36px;text-align:center}#canvas-area{width:100%;height:100%;display:flex;flex-direction:column;min-height:0;padding:16px;gap:8px}.canvas-top{display:flex;align-items:center;justify-content:space-between;gap:12px}#surface{position:relative;flex:1;min-height:260px;background:#e9f0e5;border-radius:18px;overflow:hidden;border:1px solid #cddfce}#drawing,#model-view{display:block;width:100%;height:100%;position:absolute;inset:0;touch-action:none}#dimensions{text-align:center;font-size:12px;margin:0}#selection{padding:8px 12px;background:#fffaf3;border-radius:10px;flex-shrink:0}#selection .fields{grid-template-columns:repeat(4,minmax(0,1fr))}#selection label{margin:6px 0;font-size:11px}#selection input{min-height:34px;padding:4px}.selection-buttons{display:flex;flex-wrap:wrap;gap:6px}.selection-buttons button{font-size:12px}#history{display:flex;gap:8px;justify-content:center}#message,#warning{font-size:12px;margin:0;line-height:1.5}#warning{color:#946136}#message:empty,#warning:empty{display:none}#hole-list{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}.motif-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.motif-card{padding:4px;display:grid;justify-items:center;font-size:12px}.motif-card img{width:54px;height:54px}.motif-categories{display:flex;gap:5px;overflow:auto;margin:10px 0}.motif-categories button{white-space:nowrap;font-size:12px}.motif-search{margin-top:8px}.ze-add-content{width:100%}.zl-editor[data-editor=notebook]{--ze-accent:#397558;--ze-soft:#e2eee3}.zl-editor[data-editor=notebook] .zl-inspector{background:#fffaf3}.zl-editor[data-editor=notebook] .zl-panel{padding-bottom:30px}dialog{width:min(560px,94vw);max-height:88vh;overflow:auto;border:1px solid #bdd0c0;border-radius:18px;padding:22px;background:#fffaf3;color:#173f73}dialog::backdrop{background:#173f7340}dialog header{display:flex;justify-content:space-between;align-items:center}dialog textarea{min-height:90px}.text-preview{min-height:80px;width:100%;background:#e9f0e5;border-radius:8px}.text-preview svg{width:100%;height:100px}button[aria-pressed=true]{background:#b8d8c0;border-color:#397558}#modes{display:flex;gap:4px}@media(max-width:760px){#canvas-area{padding:8px;gap:5px}.canvas-top{flex-wrap:wrap;justify-content:center}#canvas-title{display:none}#surface{min-height:220px}#selection{max-height:168px;overflow:auto}#selection .fields{gap:4px}.selection-buttons{gap:4px}.selection-buttons button{padding:6px;font-size:11px}#message,#warning{max-height:45px;overflow:auto}.zl-stage{min-height:420px}}
html body .ze-standard-surface[data-editor=notebook] #history{position:static!important;inset:auto!important;align-self:flex-end;flex-shrink:0;margin:0!important;padding:0!important;border:0;background:transparent}html body .ze-standard-surface[data-editor=notebook] #canvas-area{overflow:auto}html body .ze-standard-surface[data-editor=notebook] .zl-logo{object-fit:contain}
@media(max-width:760px){html body .ze-standard-surface[data-editor=notebook] #surface{min-height:140px;flex-basis:0}html body .ze-standard-surface[data-editor=notebook] #history button{min-height:36px!important;height:36px!important}}

#boot{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fbf6ea}#boot[hidden]{display:none!important}#boot p{margin:0;font-size:14px}.zl-editor[data-editor=notebook] .ze-primary-button{background:#285740!important;border-color:#285740!important}
#precise-size,#precise-holes{border-top:1px solid #cfddcf;padding-top:8px;margin:16px 0}#precise-size>summary,#precise-holes>summary{cursor:pointer;min-height:44px;font-size:14px;font-weight:700}#model-view canvas{display:block;width:100%;height:100%}.check-line{display:flex;align-items:center;gap:8px;margin-top:12px}.check-line input{width:20px;min-height:20px;height:20px}#apply-holes{width:100%;background:#b8d8c0}#hole-selection{margin:0;text-align:center}#hole-draft:empty{display:none}#border-options{padding-left:12px;border-left:2px solid #cddfce}

.notebook-download .notebook-back-choice{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid #d9cbb7;border-radius:14px;cursor:pointer}.notebook-download .notebook-back-choice input{width:20px;height:20px;flex:0 0 20px;margin:3px 0;accent-color:#173f73}.notebook-back-choice strong,.notebook-back-choice small{display:block}.notebook-back-choice small{font-size:13px;line-height:1.6;margin-top:6px;color:#53677f}.notebook-download .notebook-back-choice:has(input:checked){background:#eaf1f8;border-color:#173f73}