.craft-bar{margin:0 28px 18px;display:flex;align-items:center;gap:18px;padding:13px 18px;border:1px solid #e1e5da;border-radius:10px;background:#f0f3e9}.craft-bar label{display:flex;align-items:center;gap:10px;font-weight:600}.craft-bar select{padding:8px 28px 8px 11px;border:1px solid #d9dfcf;background:#fff;border-radius:7px;color:var(--ink)}.craft-bar>span{color:#7b896e;font-size:12px}.craft-bar>.btn{margin-left:auto}.work-state{display:inline-block;background:#edf2e5;color:#52634f;border-radius:20px;padding:4px 9px;font-size:10px;margin:3px 0}.work-progress{font-variant-numeric:tabular-nums}#libraryStatusFilter{width:116px;min-width:100px}#beadBoxDialog,#craftDialog{max-height:94dvh;overflow:auto;background:var(--paper);padding:30px;border:1px solid #e3e8da;border-radius:18px}#beadBoxDialog{width:min(900px,95vw)}#craftDialog{width:min(1050px,96vw)}#beadBoxDialog h2,#craftDialog h2{font-family:Georgia,'Songti SC',serif;font-size:27px;line-height:1.5;font-weight:500;margin:8px 0}#boxFields{padding:0;border:0;min-width:0}.box-size{display:flex;align-items:center;gap:15px;margin:20px 0 14px}.box-size select{width:180px}.box-kits{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.box-kit{display:flex;align-items:center;gap:7px;padding:12px 9px;border:1px solid #dfe5d7;background:#fff;border-radius:8px;cursor:pointer;font-size:12px}.box-kit:has(input:checked){border-color:#80946d;background:#ecf2e3}.box-kit input,.box-color input,.box-color-toolbar input[type=checkbox]{accent-color:#52634f;width:18px;height:18px;flex-shrink:0}.box-color-toolbar{display:flex;gap:14px;align-items:center;border-top:1px solid var(--line);padding-top:20px;margin-top:18px}.box-color-toolbar>input{flex:1;min-width:100px}.box-color-toolbar>label{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:12px}.box-colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:42vh;overflow:auto;padding:3px}.box-color{background:#fff;border:1px solid #e1e5db;border-radius:8px;padding:11px 9px;display:flex;gap:8px;align-items:center;cursor:pointer;min-width:0}.box-color.is-missing{border-color:#daaa85;background:#fff3e8}.box-color b,.box-color small,.craft-color b,.craft-color small{display:block}.box-color small,.craft-color small{font-size:10px;color:#819073;line-height:1.5;margin-top:2px}.box-color>span:first-of-type{flex:1;min-width:0}.box-missing-label{font-size:10px;color:#b26f48}.craft-swatch{display:block;width:28px;height:28px;flex-shrink:0;border-radius:7px;border:1px solid #00000012}.craft-dialog-actions{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);padding-top:18px;margin-top:20px;flex-wrap:wrap}.craft-dialog-actions .note{flex:1;min-width:150px;margin:0}.craft-heading{display:flex;gap:20px;justify-content:space-between;padding-right:25px}.craft-heading p{color:#7e8d70;margin:4px 0}.craft-total{text-align:right;align-self:center;min-width:105px}.craft-total b{display:block;font:38px Georgia;color:#52634f}.craft-total small{display:block;font-size:11px;color:#819073;margin-top:5px}#craftProgress{width:100%;height:9px;accent-color:#71855e;border:0;border-radius:10px;overflow:hidden;margin-top:17px}#craftProgress::-webkit-progress-bar{background:#e3e8da}#craftProgress::-webkit-progress-value{background:#71855e}.craft-save-note{font-size:11px;line-height:1.7}.craft-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:25px;margin-top:19px}.craft-board-panel{min-width:0}.craft-region-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.craft-region-toolbar>label{display:flex;flex:1;gap:7px;align-items:center;color:#829172;font-size:11px}.craft-region-toolbar .select{width:auto;flex:1;min-width:0;font-size:11px}.craft-region-toolbar .btn{min-width:38px;padding:0 9px}#craftBoard{display:block;width:100%;max-width:612px;height:auto;background:#fff;border-radius:9px;border:1px solid #e1e6d7;touch-action:manipulation}#craftRegionInfo,#craftCellHint{line-height:1.7;font-size:11px;min-height:20px}.craft-guide{border-left:1px solid #e0e5d7;padding-left:22px;min-width:0}.craft-guide-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.craft-guide h3{font-size:13px;margin:5px 0}.craft-guide .note{font-size:11px;line-height:1.6}.craft-color-list{max-height:310px;overflow:auto;display:grid;gap:6px;margin:13px 0}.craft-color{display:flex;align-items:center;gap:9px;border:1px solid #e2e6da;border-radius:8px;background:#fff;padding:9px;text-align:left;width:100%}.craft-color.selected{border-color:#6b8157;background:#edf2e5;box-shadow:inset 3px 0 #71855e}.craft-color>span:first-of-type{flex:1}.craft-color>span:last-child{font-size:12px;color:#7e8e6c}.craft-guide>.btn{margin-top:8px;font-size:12px}.craft-supply{padding-top:17px;margin-top:18px;border-top:1px solid #dfe5d7}.craft-supply p{font-size:11px;line-height:1.8}.craft-supply .link{font-size:12px}#craftDialog .close,#beadBoxDialog .close{min-height:36px;min-width:36px;z-index:2}
@media(max-width:1100px){header{gap:20px}header nav{gap:12px}.header-right>.quiet{display:none}}
@media(max-width:700px){header nav{width:100%;margin:0;justify-content:space-between;gap:3px}header nav .quiet{font-size:11px;padding:0 4px}.craft-bar{margin:0 12px 14px;padding:12px;gap:10px;flex-wrap:wrap}.craft-bar>span{font-size:11px;order:3;width:100%}.craft-bar label{font-size:12px}.craft-bar>.btn{font-size:12px;padding:0 12px}.library-toolbar{flex-wrap:wrap}.library-search{min-width:180px}.library-toolbar #libraryStatusFilter{width:100px;flex:1}.library-toolbar>.btn{flex:1}#beadBoxDialog,#craftDialog{padding:23px 14px 18px;width:98vw;max-height:97dvh;border-radius:13px}#beadBoxDialog h2,#craftDialog h2{font-size:21px;padding-right:12px}#beadBoxDialog>p{font-size:12px;line-height:1.8}.box-kits{grid-template-columns:repeat(2,minmax(0,1fr))}.box-kit{padding:11px;min-height:45px}.box-color-toolbar{flex-wrap:wrap}.box-color-toolbar>label{font-size:12px}.box-colors{grid-template-columns:repeat(2,minmax(0,1fr));max-height:40dvh}.box-color{padding:8px;gap:6px}.box-color .craft-swatch{width:22px;height:25px}.box-color small{font-size:9px}.box-missing-label{display:none}.box-color input{width:19px;height:19px}.craft-heading{gap:7px;padding-right:18px}.craft-heading h2{font-size:20px!important;max-width:220px}.craft-heading .eyebrow{font-size:8px;letter-spacing:1.2px}.craft-total{min-width:70px}.craft-total b{font-size:29px}.craft-total small{font-size:9px}.craft-heading p{font-size:11px}.craft-layout{grid-template-columns:1fr;gap:12px}.craft-guide{border-left:0;border-top:1px solid #dfe5d7;padding:16px 0 0}.craft-color-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:180px}.craft-color{padding:8px;font-size:11px}.craft-color small{font-size:9px}.craft-guide>.btn{height:44px}.craft-region-toolbar>label{flex-direction:column;align-items:stretch;font-size:10px;gap:4px}.craft-region-toolbar>.btn{height:43px}.craft-region-toolbar .select{width:100%;font-size:11px;min-height:40px}.craft-dialog-actions{gap:10px}.craft-dialog-actions>.btn{width:100%;min-height:45px}.craft-dialog-actions>.note{font-size:11px;line-height:1.7}#craftDialog .craft-save-note{font-size:10px}#craftWorkName{max-width:210px;overflow-wrap:anywhere}.craft-supply{margin-top:12px;padding-top:12px}}

.craft-mobile-picker{display:none}@media(max-width:700px){.craft-mobile-picker{display:flex;gap:12px;align-items:center;margin:12px 0 0;font-size:12px}.craft-mobile-picker .select{flex:1;min-width:0;font-size:12px;min-height:40px}#craftDialog .craft-dialog-actions{position:sticky;bottom:-18px;background:var(--paper);padding:12px 0 4px;z-index:3}.craft-save-note{margin-bottom:0}}