:root{
  --ink:#17233b;--muted:#68758a;--line:#d6dde8;--paper:#fff;--cream:#edf1f6;
  --coral:#213a65;--coral-soft:#e7ecf4;--blue:#496b9d;--shadow:0 18px 55px rgba(20,37,66,.12)
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--cream);color:var(--ink);font-family:Pretendard,"Noto Sans KR",system-ui,-apple-system,sans-serif}
button,input{font:inherit}
.motion-stage{position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 8% 2%,rgba(255,255,255,.95),transparent 31%),var(--cream)}
.library-view,.editor-view,.study-view{position:absolute;inset:0}
.library-view{z-index:3;display:flex;flex-direction:column;background:var(--cream);transform:translateX(0);opacity:1;transition:transform .68s cubic-bezier(.76,0,.24,1),opacity .42s ease,visibility 0s linear}
.editor-view{z-index:2;background:#e9edf1;transform:translateX(9%);opacity:.18;visibility:hidden;transition:transform .68s cubic-bezier(.76,0,.24,1),opacity .5s ease,visibility 0s linear .68s}
body.is-transitioning .library-view,body.is-editing .library-view{transform:translateX(-102%);opacity:.7;pointer-events:none}
body.is-transitioning .editor-view,body.is-editing .editor-view{transform:translateX(0);opacity:1;visibility:visible;transition-delay:0s}
body.is-editing .library-view{visibility:hidden;transition-delay:0s,0s,.68s}
body.is-returning .library-view{visibility:visible;transform:translateX(0);opacity:1;transition-delay:0s}
body.is-returning .editor-view{transform:translateX(9%);opacity:.1;visibility:hidden;transition-delay:0s,0s,.68s}

.study-view{z-index:6;display:flex;flex-direction:column;background:#f1eee8;transform:translateX(104%);opacity:.25;visibility:hidden;transition:transform .7s cubic-bezier(.76,0,.24,1),opacity .45s ease,visibility 0s linear .7s}
body.is-studying .study-view{transform:translateX(0);opacity:1;visibility:visible;transition-delay:0s}
body.is-studying .editor-view{transform:translateX(-9%);opacity:.12;pointer-events:none}
.study-header{min-height:74px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:17px;padding:12px clamp(18px,3vw,46px);border-bottom:1px solid #ddd7ce;background:rgba(253,252,249,.95);box-shadow:0 5px 22px rgba(63,55,47,.06)}
.study-back{height:38px;padding:0 14px;border:1px solid #d9d1c7;border-radius:10px;background:#fff;color:#67635c;font-size:11px;font-weight:850;cursor:pointer}.study-back:hover{border-color:#c7816f;color:#a75645}
.study-eyebrow{margin:0 0 3px;color:#ba6552;font-size:8px;font-weight:900;letter-spacing:2px}.study-header h2{margin:0;font-family:"Nanum Myeongjo",Georgia,serif;font-size:20px;letter-spacing:-.5px}.study-help{margin:0;color:#8e877e;font-size:10px;font-weight:650}
.study-layout{min-height:0;flex:1;display:grid;grid-template-columns:286px minmax(0,1fr)}
.study-controls{overflow:auto;padding:22px 18px 34px;border-right:1px solid #ddd8cf;background:#fbfaf7;box-shadow:8px 0 28px rgba(58,52,45,.05);scrollbar-width:thin}
.study-control-group{position:relative;padding:0 0 20px 35px;margin-bottom:20px;border-bottom:1px solid #ebe6de}.study-control-group:last-child{border:0;margin:0}.study-step{position:absolute;left:0;top:0;display:grid;width:25px;height:25px;place-items:center;border-radius:8px;background:#ebe4da;color:#9d6c5f;font:850 9px Georgia,serif}.study-control-group h3{margin:1px 0 10px;font-size:12px;letter-spacing:-.1px}.study-control-group p{margin:8px 0 0;color:#989087;font-size:9px;line-height:1.5}
.study-mode-buttons{display:grid;gap:7px}.study-mode{padding:10px 11px;border:1px solid #dfd9d0;border-radius:11px;background:#fff;color:#6f6a63;text-align:left;cursor:pointer;transition:.18s}.study-mode strong,.study-mode small{display:block}.study-mode strong{font-size:11px}.study-mode small{margin-top:3px;color:#9c958c;font-size:8px}.study-mode:hover,.study-mode.is-active{border-color:#c87863;background:#fff8f4;color:#9f4d3c;box-shadow:0 4px 13px rgba(126,82,64,.08)}
.study-grid-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.study-grid-buttons button{height:32px;border:1px solid #ddd7cf;border-radius:9px;background:#fff;color:#777169;font-size:10px;font-weight:800;cursor:pointer}.study-grid-buttons button:hover,.study-grid-buttons button.is-active{border-color:#6f8fbd;background:#edf4fb;color:#426b9d}
.study-control-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.study-control-title h3{margin-bottom:8px}.study-control-title output{color:#b05b49;font-size:10px;font-weight:900}#study-opacity{display:block;width:100%;accent-color:#c56b56}.crop-summary button{padding:4px 7px;border:1px solid #ddd4ca;border-radius:7px;background:#fff;color:#8a776d;font-size:8px;font-weight:800;cursor:pointer}.crop-summary button:hover{border-color:#c77b66;color:#a75543}
#study-opacity-group[data-disabled]{opacity:.42}#study-opacity:disabled{cursor:not-allowed}
.study-workspace{min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:28px 36px 22px;overflow:auto;background:radial-gradient(circle at 50% 43%,#fff 0,#f5f2ed 50%,#ece8e1 100%)}
.study-pair{--study-ratio:.75;--grid-count:4;--image-opacity:.28;display:flex;align-items:flex-start;justify-content:center;gap:clamp(20px,2.2vw,36px);height:min(610px,calc(100vh - 178px));min-width:min-content}
.study-sheet{width:auto;height:100%;margin:0;display:flex;flex-direction:column;gap:8px}.study-sheet figcaption{height:30px;display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:7px;color:#5f5b55}.study-sheet figcaption b{display:grid;width:22px;height:22px;place-items:center;border-radius:7px;background:#e9e2d8;color:#a15d4d;font:850 8px Georgia,serif}.study-sheet figcaption span{font-size:10px;font-weight:850}.study-sheet figcaption small{color:#a39b91;font-size:7px;font-weight:900;letter-spacing:1.2px}.study-paper{position:relative;width:auto;height:calc(100% - 38px);aspect-ratio:var(--study-ratio);flex:none;background:#fff;box-shadow:0 18px 48px rgba(46,40,34,.14),0 0 0 1px #ded8cf;border-radius:3px;isolation:isolate;touch-action:none;overflow:visible}.study-source-paper{overflow:hidden}.practice-sheet .study-paper{--crop-top:0%;--crop-right:0%;--crop-bottom:0%;--crop-left:0%}.reference-sheet figcaption b{background:#e5edf7;color:#5275a1}.reference-sheet .study-paper{box-shadow:0 18px 48px rgba(46,40,34,.14),0 0 0 1px #cbd7e4}
.study-reference-image{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:fill;opacity:var(--image-opacity);transition:opacity .2s,clip-path .08s linear}.study-source-paper .study-reference-image{opacity:1;clip-path:none}.practice-sheet .study-reference-image{clip-path:inset(var(--crop-top) var(--crop-right) var(--crop-bottom) var(--crop-left))}.practice-sheet .study-paper[data-mode="grid"] .study-reference-image{opacity:0}
.study-grid-layer{position:absolute;z-index:3;inset:0;pointer-events:none;background-image:linear-gradient(to right,transparent calc(100% - 1px),rgba(76,112,151,.55) calc(100% - 1px)),linear-gradient(to bottom,transparent calc(100% - 1px),rgba(76,112,151,.55) calc(100% - 1px));background-size:calc(100% / var(--grid-count)) 100%,100% calc(100% / var(--grid-count));box-shadow:inset 0 0 0 1px rgba(76,112,151,.72)}
.study-crop-shade{position:absolute;z-index:4;background:rgba(72,64,57,.23);pointer-events:none;backdrop-filter:grayscale(.5)}.shade-top{left:0;right:0;top:0;height:var(--crop-top)}.shade-bottom{left:0;right:0;bottom:0;height:var(--crop-bottom)}.shade-left{left:0;top:var(--crop-top);bottom:var(--crop-bottom);width:var(--crop-left)}.shade-right{right:0;top:var(--crop-top);bottom:var(--crop-bottom);width:var(--crop-right)}
.study-crop-bar{position:absolute;z-index:7;margin:0;padding:0;border:0;border-radius:999px;background:#ce745e;box-shadow:0 1px 5px rgba(98,54,43,.18);opacity:.62;cursor:grab;touch-action:none;transition:background .18s,box-shadow .18s,opacity .18s}.study-crop-bar:hover,.study-crop-bar:focus-visible{outline:3px solid rgba(214,111,87,.15);background:#b95743;opacity:1}.study-crop-bar:active{cursor:grabbing}.study-crop-bar span{position:absolute;padding:3px 6px;border-radius:6px;background:#a84f3d;color:#fff;font-size:7px;font-weight:850;white-space:nowrap;opacity:0;transition:.18s;pointer-events:none}.study-crop-bar:hover span,.study-crop-bar:focus-visible span{opacity:1}
.crop-top,.crop-bottom{left:var(--crop-left);right:var(--crop-right);height:4px}.crop-top{top:calc(var(--crop-top) - 2px)}.crop-bottom{bottom:calc(var(--crop-bottom) - 2px)}.crop-top span{left:50%;top:7px;transform:translateX(-50%)}.crop-bottom span{left:50%;bottom:7px;transform:translateX(-50%)}
.crop-left,.crop-right{top:var(--crop-top);bottom:var(--crop-bottom);width:4px}.crop-left{left:calc(var(--crop-left) - 2px)}.crop-right{right:calc(var(--crop-right) - 2px)}.crop-left span{left:7px;top:50%;transform:translateY(-50%)}.crop-right span{right:7px;top:50%;transform:translateY(-50%)}
.study-crop-tip{padding:7px 12px;border:1px solid #dfd8ce;border-radius:999px;background:rgba(255,255,255,.8);color:#8d857c;font-size:9px;font-weight:700}.study-crop-tip span{margin-right:4px;color:#ca6b55}

.library-header{flex:none;padding:clamp(20px,3.3vh,38px) clamp(22px,5vw,76px) 17px;background:rgba(250,248,243,.93);border-bottom:1px solid rgba(218,212,202,.82);backdrop-filter:blur(18px);z-index:2}
.library-title-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:17px;max-width:1640px;margin:0 auto}
.back-link{width:42px;height:42px;display:grid;place-items:center;border:1px solid #ded9d1;border-radius:50%;background:#fff;color:#737069;text-decoration:none;font-size:22px;box-shadow:0 4px 13px rgba(50,45,38,.06);transition:.2s}
.back-link:hover{transform:translateX(-2px);border-color:#cdbdb0;color:#a35342}
.eyebrow{margin:0 0 6px;color:#b57464;font-size:10px;font-weight:900;letter-spacing:2.5px}
h1{margin:0;font-family:"Nanum Myeongjo",Georgia,serif;font-size:clamp(25px,2.5vw,39px);font-weight:800;letter-spacing:-1.1px;line-height:1.16}
.library-sub{margin:7px 0 0;color:#858078;font-size:13px;font-weight:550}
.library-total{min-width:104px;text-align:right}.library-total strong{display:block;font-family:Georgia,serif;font-size:30px;font-weight:500;line-height:1;color:#b15f4e}.library-total span{display:block;margin-top:5px;color:#aaa39a;font-size:9px;font-weight:900;letter-spacing:1.7px;text-transform:uppercase}
.filter-row{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1640px;margin:22px auto 0}
.filter-group{display:flex;align-items:center;gap:7px;overflow:auto;scrollbar-width:none}.filter-group::-webkit-scrollbar{display:none}
.filter-button{flex:none;height:36px;padding:0 15px;border:1px solid #ded9d1;border-radius:999px;background:rgba(255,255,255,.78);color:#6e6b65;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap;transition:.2s}
.filter-button:hover{border-color:#cdb7ad;background:#fff;color:#9f5444}
.filter-group.primary .filter-button.is-active{border-color:#c76b55;background:#c76b55;color:#fff;box-shadow:0 7px 18px rgba(190,91,67,.2)}
.filter-group.secondary{max-width:1640px;margin:10px auto 0;padding-left:59px}
.filter-group.secondary .filter-button{height:29px;padding:0 12px;border-color:transparent;background:transparent;color:#969087}
.filter-group.secondary .filter-button.is-active{background:#ebe3d9;color:#635d55}
.search-box{flex:none;width:min(265px,25vw);height:38px;display:flex;align-items:center;gap:7px;padding:0 12px;border:1px solid #ddd7ce;border-radius:12px;background:#fff;color:#aaa39a}
.search-box input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#474640;font-size:12px}.search-box input::placeholder{color:#b0aaa2}

.gallery-scroll{min-height:0;flex:1;overflow:auto;padding:22px clamp(16px,5vw,76px) 60px;scrollbar-color:#c9c0b5 transparent;scrollbar-width:thin}
.motion-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:13px;max-width:1640px;margin:0 auto;align-items:start}
.motion-card{position:relative;display:block;width:100%;padding:0;overflow:hidden;border:1px solid #e0dcd6;border-radius:16px;background:#fff;box-shadow:0 2px 8px rgba(45,41,36,.05);cursor:pointer;transition:transform .24s cubic-bezier(.22,1,.36,1),box-shadow .24s,border-color .24s;text-align:left}
.motion-card:hover,.motion-card:focus-visible{z-index:1;transform:translateY(-5px);border-color:#c8aa9d;box-shadow:0 15px 32px rgba(72,57,45,.15);outline:0}
.motion-card::after{content:'선택';position:absolute;right:9px;bottom:9px;height:25px;padding:0 9px;display:flex;align-items:center;border-radius:999px;background:rgba(45,45,43,.82);color:#fff;font-size:9px;font-weight:900;letter-spacing:.5px;opacity:0;transform:translateY(5px);transition:.2s;backdrop-filter:blur(5px)}
.motion-card:hover::after,.motion-card:focus-visible::after{opacity:1;transform:none}
.motion-card img{display:block;width:100%;aspect-ratio:3/4;object-fit:contain;background:#fbfaf8;transition:transform .35s ease,opacity .2s}.motion-card:hover img{transform:scale(1.025)}
.motion-card img.is-loading{opacity:.12}.motion-card img.is-error{opacity:.35}
.motion-title{position:absolute;z-index:2;left:7px;right:7px;top:7px;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:7px 8px;border:1px solid rgba(205,214,227,.92);border-radius:10px;background:rgba(255,255,255,.94);color:#213a65;box-shadow:0 4px 12px rgba(20,37,66,.08);pointer-events:none;backdrop-filter:blur(8px)}.motion-title strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:900;letter-spacing:-.1px}.motion-title small{flex:none;color:#8995a7;font:800 6px Georgia,serif;letter-spacing:.7px}
.motion-meta{position:absolute;z-index:2;left:8px;bottom:8px;display:flex;gap:4px;pointer-events:none}
.motion-badge{padding:4px 6px;border:1px solid rgba(255,255,255,.76);border-radius:7px;background:rgba(250,248,244,.85);color:#777068;font-size:8px;font-weight:850;backdrop-filter:blur(5px)}
.load-more{display:block;width:min(360px,80%);height:47px;margin:28px auto 0;border:1px solid #d5ccc1;border-radius:14px;background:#fff;color:#6f665e;font-size:12px;font-weight:850;cursor:pointer}.load-more:hover{border-color:#b98776;color:#9f5444;box-shadow:0 8px 22px rgba(89,67,52,.09)}
.empty-state{padding:80px 20px;text-align:center;color:#928b82;font-size:13px}

.editor-view{display:flex;flex-direction:column;background:#f1eee8}
.original-editor-header{z-index:5;min-height:68px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:10px clamp(15px,2.6vw,38px);border-bottom:1px solid #ddd7ce;background:rgba(253,252,249,.96);box-shadow:0 5px 22px rgba(63,55,47,.06)}
.original-back,.original-action{height:38px;padding:0 13px;border:1px solid #d8d1c8;border-radius:10px;background:#fff;color:#69645e;font-size:10px;font-weight:850;cursor:pointer;white-space:nowrap}.original-back:hover{border-color:#c7816f;color:#a75645}.original-editor-title p{margin:0 0 3px;color:#b76552;font-size:8px;font-weight:900;letter-spacing:1.8px}.original-editor-title h2{margin:0;font-family:"Nanum Myeongjo",Georgia,serif;font-size:19px;letter-spacing:-.4px}.original-editor-actions{display:flex;gap:7px}.original-action{min-width:116px;border-color:#bd5a45;background:linear-gradient(135deg,#d77961,#b95743);color:#fff;box-shadow:0 6px 15px rgba(184,83,62,.2)}.original-action:hover{filter:brightness(.96)}.original-action.study{border-color:#5f7fac;background:linear-gradient(135deg,#7e9bc3,#5f7fac);box-shadow:0 6px 15px rgba(77,108,151,.18)}
.original-editor-body{min-height:0;flex:1;display:grid;grid-template-columns:286px minmax(0,1fr)}
.original-controls{overflow:auto;padding:22px 18px 35px;border-right:1px solid #ddd8cf;background:#fbfaf7;box-shadow:8px 0 28px rgba(58,52,45,.05);scrollbar-width:thin}.original-control-group{position:relative;padding:0 0 21px 35px;margin-bottom:20px;border-bottom:1px solid #eae5dd}.original-control-group:last-child{margin-bottom:0;border:0}.original-step{position:absolute;left:0;top:0;display:grid;width:25px;height:25px;place-items:center;border-radius:8px;background:#ebe4da;color:#9d6c5f;font:850 9px Georgia,serif}.original-control-group h3{margin:1px 0 10px;font-size:12px}.original-control-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.original-control-title output{color:#b05b49;font-size:10px;font-weight:900}.original-segment{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.original-segment button{height:34px;padding:0 5px;border:1px solid #ddd7cf;border-radius:9px;background:#fff;color:#777169;font-size:9px;font-weight:800;cursor:pointer}.original-segment button:hover,.original-segment button.is-active{border-color:#c87863;background:#fff7f3;color:#9f4d3c}#original-scale,#original-opacity{display:block;width:100%;accent-color:#c56b56}.original-help-card p{margin:0 0 8px;color:#837d75;font-size:9px;line-height:1.5}.original-help-card p b{display:inline-block;min-width:48px;color:#a45948}.original-help-card>button{width:100%;height:35px;margin-top:5px;border:1px solid #d8d1c8;border-radius:9px;background:#fff;color:#756c64;font-size:9px;font-weight:850;cursor:pointer}.original-help-card>button:hover{border-color:#c87863;color:#a65342}
.original-eraser-tools p{margin:7px 0 0;color:#837d75;font-size:8px;line-height:1.45}.original-tool-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}.original-tool,.original-undo{min-height:34px;padding:5px 7px;border:1px solid #d8d1c8;border-radius:9px;background:#fff;color:#756c64;font-size:8px;font-weight:850;line-height:1.25;cursor:pointer}.original-tool:hover,.original-tool.is-active,.original-undo:hover:not(:disabled){border-color:#5f7fac;background:#edf3fa;color:#294b7d}.original-undo:disabled{opacity:.42;cursor:not-allowed}#original-eraser-size{display:block;width:100%;accent-color:#294b7d}
.original-workspace{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;padding:28px 42px;overflow:auto;background:radial-gradient(circle at 52% 44%,#fff 0,#f5f2ed 52%,#e9e5de 100%)}.original-paper-shell{position:relative;height:min(690px,calc(100vh - 126px));max-width:100%;aspect-ratio:3/4;flex:none;padding:13px;border:1px solid #d9d1c7;border-radius:16px;background:#fff;box-shadow:0 22px 62px rgba(46,40,34,.17)}.original-paper-shell[data-ratio="landscape"]{aspect-ratio:4/3}.original-paper-shell[data-ratio="square"]{aspect-ratio:1}.original-paper-label{position:absolute;z-index:2;left:24px;right:24px;top:22px;display:flex;justify-content:space-between;gap:12px;pointer-events:none;color:#8a867f}.original-paper-label span{font:850 7px Georgia,serif;letter-spacing:1.6px}.original-paper-label strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}#original-canvas{display:block;width:100%;height:100%;border:1px solid #ebe6df;border-radius:10px;background:#fff;cursor:grab;touch-action:none;outline:0}#original-canvas:active{cursor:grabbing}#original-canvas[data-tool^="eraser"],#original-canvas[data-tool^="eraser"]:active{cursor:none}#original-canvas:focus-visible{box-shadow:0 0 0 3px rgba(111,143,189,.28)}.original-eraser-cursor{position:absolute;z-index:4;transform:translate(-50%,-50%);border:2px solid #213a65;border-radius:50%;background:rgba(255,255,255,.14);box-shadow:0 0 0 1px rgba(255,255,255,.9),0 2px 8px rgba(20,37,66,.18);pointer-events:none}.original-eraser-cursor.is-soft{border-style:dashed;background:radial-gradient(circle,rgba(255,255,255,.28),rgba(255,255,255,0) 72%)}.original-eraser-cursor[hidden]{display:none}.original-drag-tip{position:absolute;left:50%;bottom:24px;max-width:calc(100% - 50px);transform:translateX(-50%);padding:7px 11px;border:1px solid rgba(210,201,190,.8);border-radius:999px;background:rgba(255,255,255,.92);color:#7c756d;font-size:8px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 4px 12px rgba(58,50,42,.08);pointer-events:none}.original-drag-tip.is-success{border-color:#b7cfbf;color:#50805e;background:#f6fff8}.original-drag-tip.is-error{border-color:#e2b7ad;color:#a24f3e;background:#fff7f5}
.original-loading{position:absolute;inset:68px 0 0;z-index:8;display:flex;align-items:center;justify-content:center;gap:11px;background:rgba(246,243,238,.86);backdrop-filter:blur(7px);color:#77726c}.original-loading[hidden]{display:none}.original-loading strong{font-size:11px}.loading-ring{width:22px;height:22px;border:2px solid #d7d4cf;border-top-color:#c56e59;border-radius:50%;animation:ring .8s linear infinite}@keyframes ring{to{transform:rotate(360deg)}}
.original-context-menu{position:fixed;z-index:30;width:288px;padding:7px;border:1px solid #d2c9be;border-radius:13px;background:rgba(255,255,255,.985);box-shadow:0 18px 50px rgba(49,40,33,.24)}.original-context-menu[hidden]{display:none}.original-context-menu button{display:grid;width:100%;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;column-gap:9px;padding:9px;border:0;border-radius:9px;background:transparent;color:#47433e;text-align:left;cursor:pointer}.original-context-menu button:hover,.original-context-menu button:focus-visible{outline:0;background:#fff3ec;color:#9b4d3b}.original-context-menu button+button{margin-top:3px;border-top:1px solid #eee8e1;border-radius:0 0 9px 9px}.original-context-menu button span{grid-row:1/3;display:grid;width:32px;height:32px;place-items:center;border:1px solid #e2dbd3;border-radius:9px;background:#fff}.original-context-menu strong{font-size:11px}.original-context-menu small{margin-top:2px;color:#928a81;font-size:8px;line-height:1.4}
.transition-clone{position:fixed;z-index:20;display:none;overflow:hidden;border:1px solid #d9d0c6;border-radius:16px;background:#fff;box-shadow:0 28px 80px rgba(41,36,31,.24);pointer-events:none;transition:left .62s cubic-bezier(.76,0,.24,1),top .62s cubic-bezier(.76,0,.24,1),width .62s cubic-bezier(.76,0,.24,1),height .62s cubic-bezier(.76,0,.24,1),opacity .2s .48s,border-radius .62s}
.transition-clone.is-active{display:block}.transition-clone img{width:100%;height:100%;object-fit:contain;background:#fff}

/* White · silver · navy studio palette */
.library-view,.editor-view,.study-view{background:#edf1f6}
.motion-stage{background:radial-gradient(circle at 8% 2%,#fff 0,rgba(255,255,255,0) 34%),#edf1f6}
.library-header,.original-editor-header,.study-header{border-color:#d4dce8;background:rgba(255,255,255,.96);box-shadow:0 5px 22px rgba(20,37,66,.06)}
.library-header{border-bottom-color:rgba(203,212,225,.9)}
.back-link,.original-back,.study-back{border-color:#cdd6e3;color:#40506a;background:#fff}
.back-link:hover,.original-back:hover,.study-back:hover{border-color:#213a65;color:#213a65}
.eyebrow,.original-editor-title p,.study-eyebrow,.library-total strong{color:#213a65}
.library-sub,.library-total span,.study-help{color:#758197}
.filter-button,.search-box,.load-more{border-color:#d2dae5;color:#526079;background:rgba(255,255,255,.92)}
.filter-button:hover,.load-more:hover{border-color:#58739d;color:#213a65;background:#fff}
.filter-group.primary .filter-button.is-active{border-color:#213a65;background:#213a65;color:#fff;box-shadow:0 7px 18px rgba(33,58,101,.2)}
.filter-group.secondary .filter-button{color:#7b8799}
.filter-group.secondary .filter-button.is-active{background:#dde4ee;color:#213a65}
.search-box{color:#7a879a}.search-box input{color:#17233b}.search-box input::placeholder{color:#929daf}
.gallery-scroll{scrollbar-color:#b9c3d1 transparent}
.motion-card{border-color:#d7dee8;box-shadow:0 2px 8px rgba(20,37,66,.05)}
.motion-card:hover,.motion-card:focus-visible{border-color:#8094b2;box-shadow:0 15px 32px rgba(20,37,66,.15)}
.motion-card::after{background:rgba(23,35,59,.88)}
.motion-card img{background:#f7f9fc}.motion-badge{background:rgba(248,250,253,.9);color:#526079}
.load-more:hover{box-shadow:0 8px 22px rgba(20,37,66,.1)}.empty-state{color:#758197}
.original-controls,.study-controls{border-color:#d4dce8;background:#f9fbfd;box-shadow:8px 0 28px rgba(20,37,66,.05)}
.original-control-group,.study-control-group{border-bottom-color:#e1e6ee}
.original-step,.study-step{background:#e2e8f1;color:#213a65}
.original-control-title output,.study-control-title output{color:#294b7d}
.original-segment button,.study-mode,.study-grid-buttons button,.crop-summary button,.original-help-card>button,.original-tool,.original-undo{border-color:#d2dae5;color:#59667b;background:#fff}
.original-segment button:hover,.original-segment button.is-active,.study-mode:hover,.study-mode.is-active,.original-tool:hover,.original-tool.is-active,.original-undo:hover:not(:disabled){border-color:#294b7d;background:#eef3f9;color:#213a65;box-shadow:0 4px 13px rgba(33,58,101,.08)}
.study-grid-buttons button:hover,.study-grid-buttons button.is-active{border-color:#294b7d;background:#e7edf6;color:#213a65}
.crop-summary button:hover,.original-help-card>button:hover{border-color:#294b7d;color:#213a65}
#original-scale,#original-opacity,#original-eraser-size,#study-opacity{accent-color:#213a65}
.original-help-card p,.study-control-group p{color:#758197}.original-help-card p b{color:#294b7d}
.original-workspace,.study-workspace{background:radial-gradient(circle at 50% 43%,#fff 0,#f3f6fa 52%,#e4e9f0 100%)}
.original-paper-shell,.study-paper{border-color:#cbd4e1;box-shadow:0 20px 54px rgba(20,37,66,.14)}
.reference-sheet .study-paper{box-shadow:0 20px 54px rgba(20,37,66,.14),0 0 0 1px #b9c8dc}
.study-sheet figcaption{color:#34435c}.study-sheet figcaption b,.reference-sheet figcaption b{background:#dfe6f0;color:#213a65}.study-sheet figcaption small{color:#7f8ba0}
.study-grid-layer{background-image:linear-gradient(to right,transparent calc(100% - 1px),rgba(33,58,101,.5) calc(100% - 1px)),linear-gradient(to bottom,transparent calc(100% - 1px),rgba(33,58,101,.5) calc(100% - 1px));box-shadow:inset 0 0 0 1px rgba(33,58,101,.68)}
.study-crop-shade{background:rgba(23,35,59,.2)}
.study-crop-bar{background:#294b7d;box-shadow:0 1px 5px rgba(20,37,66,.22)}
.study-crop-bar:hover,.study-crop-bar:focus-visible{outline-color:rgba(33,58,101,.15);background:#172f57}
.study-crop-bar span{background:#172f57}.study-crop-tip{border-color:#d1d9e5;color:#66748a}.study-crop-tip span{color:#294b7d}
.original-action{border-color:#172f57;background:linear-gradient(135deg,#294b7d,#172f57);box-shadow:0 6px 15px rgba(20,37,66,.2)}
.original-action.study{border-color:#647a9b;background:linear-gradient(135deg,#7f91aa,#526987);box-shadow:0 6px 15px rgba(20,37,66,.16)}
.original-paper-label{color:#66748a}#original-canvas{border-color:#dce2eb}
.original-drag-tip{border-color:rgba(195,205,219,.9);color:#5e6b80;box-shadow:0 4px 12px rgba(20,37,66,.08)}
.original-loading{background:rgba(240,244,249,.88);color:#59667b}.loading-ring{border-color:#cbd4e1;border-top-color:#213a65}
.original-context-menu{border-color:#cbd4e1;box-shadow:0 18px 50px rgba(20,37,66,.22)}
.original-context-menu button{color:#26344d}.original-context-menu button:hover,.original-context-menu button:focus-visible{background:#edf2f8;color:#213a65}
.original-context-menu button+button{border-top-color:#e1e6ee}.original-context-menu button span{border-color:#d5dde8}.original-context-menu small{color:#758197}
.transition-clone{border-color:#cbd4e1;box-shadow:0 28px 80px rgba(20,37,66,.22)}

@media(max-width:1350px){.motion-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1050px){.motion-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.library-sub{display:none}}
@media(max-width:900px){.original-editor-body,.study-layout{grid-template-columns:230px minmax(0,1fr)}.original-controls,.study-controls{padding:17px 13px}.original-workspace,.study-workspace{padding:24px}.study-pair{height:min(520px,calc(100vh - 178px));gap:18px}.study-help{display:none}}
@media(max-width:780px){.library-header{padding:16px 16px 12px}.library-title-row{gap:10px}.back-link{width:36px;height:36px}.library-total{display:none}.filter-row{margin-top:15px;align-items:stretch;flex-direction:column}.search-box{width:100%}.filter-group.secondary{padding-left:0}.gallery-scroll{padding:14px 12px 45px}.motion-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.motion-card{border-radius:11px}.motion-meta{display:none}.original-editor-header{grid-template-columns:auto 1fr;padding:9px 10px}.original-back{width:38px;padding:0;overflow:hidden;text-indent:-999px}.original-back::after{content:'←';display:block;text-indent:0;font-size:16px}.original-editor-actions{gap:5px}.original-action{min-width:0;padding:0 9px;font-size:9px}.original-editor-body,.study-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.original-controls{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:10px;overflow:auto;padding:9px;border:0;border-bottom:1px solid #ddd8cf}.original-control-group{margin:0;padding:0 0 0 30px;border:0}.original-help-card p{display:none}.original-workspace{padding:18px 28px}.original-paper-shell{height:min(545px,calc(100vh - 235px))}.study-header{grid-template-columns:auto 1fr;padding:10px 12px}.study-controls{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;overflow:auto;padding:10px;border:0;border-bottom:1px solid #ddd8cf}.study-control-group{margin:0;padding:0 0 0 31px;border:0}.study-mode small,.study-control-group p{display:none}.study-workspace{align-items:flex-start;padding:18px 22px}.study-pair{height:min(470px,calc(100vh - 250px));justify-content:flex-start}}
@media(max-width:430px){h1{font-size:22px}.motion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.library-view,.editor-view,.study-view,.transition-clone,.motion-card{transition-duration:.01ms!important}.loading-ring{animation:none}}