:root{color-scheme:dark;font-family:Inter,ui-rounded,SF Pro Rounded,Helvetica Neue,Arial,sans-serif;font-synthesis:none;--ink: #f3f8ff;--ink-soft: #b9ccef;--night: #031535;--night-raised: #09285c;--paper-blue: #0c51aa;--paper-deep: #062f78;--paper-bright: #1675d1;--negative: #edf9ff;--mask-paper: #e8d9b6;--sun: #ffd36d;--panel: #f7f5ed;--panel-raised: #ffffff;--panel-ink: #10244b;--panel-soft: #5b6780;--panel-border: #cfd8e5;--focus: #ffcf5b;--danger: #9f3449;background:var(--night);color:var(--ink)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;min-height:100vh;min-height:100svh;overflow-x:hidden;background:radial-gradient(circle at 14% 2%,#164a97 0,transparent 32%),radial-gradient(circle at 88% 92%,#0c397b 0,transparent 34%),var(--night)}button{min-width:48px;min-height:48px;border:1px solid var(--panel-border);border-radius:13px;color:var(--panel-ink);background:var(--panel-raised);font:inherit;font-weight:750;line-height:1.2;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}button:active{transform:translateY(1px) scale(.98);background:#e8eff9}button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button:disabled{cursor:default}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{width:100%;min-height:100vh;min-height:100svh;padding:max(18px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.app-header{width:min(760px,100%);margin:0 auto 14px;padding-right:102px}.app-header h1{margin:3px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,9vw,54px);font-weight:600;line-height:1.08;letter-spacing:-.035em}.eyebrow{margin:0;color:var(--sun);font-size:11px;font-weight:800;line-height:1.35;letter-spacing:.15em;text-transform:uppercase}.header-note{margin:5px 0 0;color:var(--ink-soft);font-size:14px;line-height:1.4}.studio-layout{width:min(760px,100%);margin:0 auto;display:grid;gap:14px}.paper-panel{min-width:0;display:grid;justify-items:center;gap:10px}.sheet-frame{position:relative;width:min(100%,336px);aspect-ratio:5 / 6;overflow:hidden;isolation:isolate;border:1px solid #5e9ce0;border-radius:8px 13px 10px 6px;background:radial-gradient(circle at 30% 20%,#1d72c7 0,transparent 34%),linear-gradient(142deg,var(--paper-bright),var(--paper-blue) 46%,var(--paper-deep));box-shadow:0 26px 50px #020c1d99,inset 0 0 0 1px #8bc3ff33}.sheet-frame:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(105deg,transparent 20%,#d8efff1f 44%,transparent 68%);transform:translate(-80%);animation:idle-light 7s ease-in-out infinite;pointer-events:none}.paper-grain{position:absolute;inset:0;z-index:1;opacity:.3;background:repeating-linear-gradient(12deg,transparent 0 8px,#ffffff08 9px,transparent 10px),repeating-linear-gradient(98deg,transparent 0 13px,#021c4b0d 14px,transparent 15px);pointer-events:none}.sheet-edge{position:absolute;inset:5px;z-index:5;border:1px solid #d4efff2e;border-radius:5px 9px 7px 4px;pointer-events:none}.sheet-art{position:absolute;inset:0;z-index:2;width:100%;height:100%;overflow:visible}.mask-form{transform-box:fill-box;transform-origin:center}.glyph{fill:currentColor}.physical-mask-layer{color:var(--mask-paper);opacity:1;filter:drop-shadow(1.2px 2.6px 1.4px #00143988);transition:opacity .42s ease}.print-result-layer{color:var(--negative);opacity:.08;transition:opacity .44s ease}.glyph-cut{fill:var(--paper-blue)}.selection-mark circle{fill:none;stroke:var(--sun);stroke-width:1.3;stroke-dasharray:3 2}.selection-mark path{fill:none;stroke:var(--sun);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mask-hit-target{position:absolute;z-index:4;width:54px;height:54px;min-width:54px;min-height:54px;padding:0;transform:translate(-50%,-50%);border:0;border-radius:50%;background:transparent}.mask-hit-target:active{transform:translate(-50%,-50%) scale(.94);background:#ffffff1c}.mask-hit-target:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.exposure-wash{position:absolute;inset:-20%;z-index:3;opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 45%,#a9e6ff55 0,#082e7799 54%,#031b50 76%)}.stage-exposing .exposure-wash{animation:exposure-wash var(--exposure-duration) ease-in forwards}.stage-exposing .print-result-layer{opacity:.28}.stage-ready .print-result-layer{opacity:.48}.stage-revealed .print-result-layer{opacity:1}.stage-revealed .physical-mask-layer{opacity:0}.stage-chip{min-height:34px;display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #7eb5ee66;border-radius:999px;color:var(--ink);background:#06204dbf;font-size:12px;font-weight:800;line-height:1.25;letter-spacing:.03em}.stage-dot{width:8px;height:8px;border-radius:50%;background:var(--sun);box-shadow:0 0 0 4px #ffd36d1a}.chip-exposing .stage-dot{animation:pulse-dot .62s ease-in-out infinite alternate}.chip-ready .stage-dot,.chip-revealed .stage-dot{background:#a9e8ff}.control-panel{min-width:0;padding:16px;border:1px solid #ffffff3d;border-radius:24px;color:var(--panel-ink);background:var(--panel);box-shadow:0 20px 44px #020c1d66}.control-section+.control-section{margin-top:15px;padding-top:14px;border-top:1px solid var(--panel-border)}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:9px}.section-heading h2{margin:0;font-size:14px;line-height:1.35}.section-heading>span{color:var(--panel-soft);font-size:11px;line-height:1.35;text-align:right}.mask-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.palette-button{min-width:0;height:70px;padding:6px 3px;display:grid;justify-items:center;align-content:center;gap:2px;color:var(--paper-deep)}.palette-button svg{width:29px;height:29px;overflow:visible}.palette-button .glyph-cut{fill:var(--panel-raised)}.palette-button span{max-width:100%;overflow:hidden;font-size:10px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.layer-row{display:flex;gap:7px;padding:2px 1px 4px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}.layer-button{flex:1 0 65px;min-width:65px;height:50px;padding:5px 7px;display:flex;align-items:center;justify-content:center;gap:5px;color:var(--panel-soft);font-size:10px}.layer-button>span{width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center;border-radius:50%;color:var(--panel-raised);background:var(--paper-blue);font-size:11px}.layer-button[aria-pressed=true]{border-color:var(--paper-blue);color:var(--paper-deep);background:#dcecff;box-shadow:inset 0 0 0 1px var(--paper-blue)}.edit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.edit-grid button{min-width:0;height:53px;padding:5px 4px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:20px}.edit-grid button span{font-size:10px}.edit-grid .remove-button{color:var(--danger)}.action-card{margin-top:15px;padding:13px;border-radius:17px;color:var(--ink);background:radial-gradient(circle at 90% 10%,#2b75cf 0,transparent 46%),var(--night-raised)}.action-card p{min-height:36px;margin:0 0 9px;color:#dbe9ff;font-size:12px;line-height:1.5}.primary-action{width:100%;min-height:52px;border-color:var(--sun);color:#09204a;background:var(--sun);box-shadow:0 7px 18px #020b1e55}.primary-action:active{background:#f4c65b}.lift-action{color:#073167;background:#c6ecff;border-color:#c6ecff}.result-actions{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:8px}.result-actions>button{min-width:0;min-height:52px}.result-actions>button:last-child{color:var(--ink);border-color:#83a8d5;background:#103976}.exposure-meter{width:100%;height:52px;display:flex;align-items:center;padding:6px;overflow:hidden;border:1px solid #7cb7f0;border-radius:13px;background:#031739}.exposure-meter span{width:4%;height:100%;display:block;border-radius:8px;background:linear-gradient(90deg,var(--paper-bright),#b7ecff);animation:exposure-meter var(--exposure-duration) linear forwards}.reset-button{width:100%;margin-top:9px;color:var(--panel-soft);background:transparent}.truth-note{margin:11px 3px 0;color:var(--panel-soft);font-size:10px;line-height:1.45}.gallery-app{position:relative;width:100%;min-height:100vh;min-height:100svh;display:grid;place-items:center;overflow:hidden;padding:16px;pointer-events:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 48%,#1b5ca8 0,#082b68 42%,var(--night) 78%)}.gallery-object{position:relative;width:min(92vw,430px);min-height:min(86vh,560px);min-height:min(86svh,560px);display:grid;place-items:center;align-content:center;gap:12px}.gallery-heading{position:absolute;top:0;left:0;z-index:8;display:grid;color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:clamp(31px,10vw,49px);font-weight:600;line-height:.82;letter-spacing:-.05em;text-shadow:0 5px 24px #02102c}.gallery-heading span:last-child{margin-left:30px;color:var(--sun)}.gallery-sheet{width:min(65vw,292px);transform:rotate(-3deg);box-shadow:0 35px 70px #010817cc;animation:gallery-paper 7s ease-in-out infinite}.gallery-sheet:before{animation:gallery-glint 7s ease-in-out infinite}.gallery-sheet .physical-mask-layer{opacity:1;animation:gallery-lift 7s ease-in-out infinite}.gallery-sheet .print-result-layer{opacity:.08;animation:gallery-reveal 7s ease-in-out infinite}.gallery-sheet .exposure-wash{animation:gallery-exposure 7s ease-in-out infinite}.gallery-caption{position:relative;z-index:8;margin:0;color:var(--ink-soft);font-size:11px;font-weight:800;line-height:1.3;letter-spacing:.14em;text-transform:uppercase}.gallery-orbit{position:absolute;width:min(116vw,600px);aspect-ratio:1;border:1px solid #7ecbff30;border-radius:50%;animation:gallery-orbit 12s linear infinite}.gallery-orbit:after{content:"";position:absolute;top:12%;left:13%;width:18px;height:18px;border-radius:50%;background:var(--sun);box-shadow:0 0 34px #ffd36daa}@keyframes idle-light{0%,28%{transform:translate(-85%);opacity:0}48%{opacity:1}72%,to{transform:translate(85%);opacity:0}}@keyframes exposure-wash{0%{opacity:0;transform:scale(.7)}65%{opacity:.76}to{opacity:.18;transform:scale(1.05)}}@keyframes exposure-meter{to{width:100%}}@keyframes pulse-dot{to{transform:scale(1.35);box-shadow:0 0 0 7px #ffd36d0f}}@keyframes gallery-lift{0%,28%{opacity:1}40%,82%{opacity:0}92%,to{opacity:1}}@keyframes gallery-reveal{0%,28%{opacity:.08}40%,84%{opacity:1}94%,to{opacity:.08}}@keyframes gallery-exposure{0%,12%{opacity:0;transform:scale(.7)}25%{opacity:.72}39%,to{opacity:0;transform:scale(1.08)}}@keyframes gallery-paper{0%,to{transform:rotate(-3deg) translateY(2px)}45%,82%{transform:rotate(1.2deg) translateY(-4px)}}@keyframes gallery-glint{0%,20%{transform:translate(-85%);opacity:0}38%{opacity:1}58%,to{transform:translate(85%);opacity:0}}@keyframes gallery-orbit{to{transform:rotate(360deg)}}@media(min-width:720px)and (min-height:700px){.studio-layout{grid-template-columns:minmax(300px,.9fr) minmax(340px,1.1fr);align-items:start}.control-panel{margin-top:8px}}@media(min-width:560px)and (max-height:520px)and (min-aspect-ratio:4/3)and (max-aspect-ratio:3/1){.app-shell{height:100vh;height:100svh;min-height:0;overflow:hidden;padding:max(8px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.app-header{width:100%;min-height:43px;margin-bottom:7px;padding-right:102px;display:flex;align-items:baseline;gap:12px}.app-header h1{margin-top:0;font-size:26px;line-height:1.1}.app-header .eyebrow{display:none}.header-note{margin:0;font-size:12px}.studio-layout{width:100%;height:calc(100svh - 58px);grid-template-columns:minmax(250px,.8fr) minmax(360px,1.2fr);align-items:stretch;gap:12px}.paper-panel{height:100%;grid-template-rows:minmax(0,1fr) auto}.sheet-frame{width:auto;height:100%;max-width:100%}.stage-chip{min-height:30px;padding:5px 10px}.control-panel{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:12px;border-radius:19px}.control-section+.control-section{margin-top:10px;padding-top:10px}.section-heading{margin-bottom:6px}.palette-button{height:52px;grid-template-columns:20px minmax(0,1fr);align-items:center;align-content:center;gap:4px;padding:4px}.palette-button svg{width:21px;height:21px}.layer-button,.edit-grid button{height:49px}.action-card{margin-top:10px;padding:10px}.action-card p{min-height:18px;margin-bottom:7px}.truth-note{margin-top:7px}.gallery-object{width:min(82vw,470px);min-height:94svh;grid-template-columns:auto 1fr}.gallery-heading{top:10%;font-size:40px}.gallery-sheet{width:auto;height:min(80svh,310px);grid-column:2}.gallery-caption{position:absolute;left:0;bottom:8%}}@media(max-width:359px){.app-shell{padding-inline:10px}.control-panel{padding:12px}.palette-button span,.edit-grid button span{font-size:9px}}@media(prefers-reduced-motion:reduce){button,.physical-mask-layer,.print-result-layer{transition:none}.sheet-frame:before,.chip-exposing .stage-dot,.gallery-sheet,.gallery-sheet:before,.gallery-sheet .physical-mask-layer,.gallery-sheet .print-result-layer,.gallery-sheet .exposure-wash,.gallery-orbit{animation:none}.gallery-sheet{transform:rotate(-2deg)}.gallery-sheet .physical-mask-layer{opacity:0}.gallery-sheet .print-result-layer{opacity:1}.stage-exposing .exposure-wash{opacity:.2;animation:none}.exposure-meter span{width:100%;animation:none}}